• ぱっと作れそうな感じだったので
• 息抜き

• 明確な目的はなし．息抜き

• 色付きの数字が，その色名（英語）の文字位置にある1文字を表している，というもの（一つの色付き数字が一つのアルファベットに対応する）

Web standard 16 colors をベースに考えてみる．そのカラーネームにおいて，どの英文字がどの位置に現れるかを求めてみると次のような感じ（ExcelでFIND関数を使って整理）．

• navy, teal, lime, aqua, fuchsia, olive, maroon は日本人にはピンとこない（わかりづらい）ので不採用．
• gray と silver も判断に困るのでどちらか一択 → 今回は s と v を使いたいので silver を採用（gray の使用回避）．
• 結果的に，f, j, m, q, x, z を含むカラーがないので，これらの文字は暗号化されないことに．それ以外については，上表のオレンジで塗りつぶしたセルの値（とカラー）を使うことにする．

こんな感じでベタに書いてみる．
今回はcanvasを使って描くことに．フォームに入力された文字列から1文字ずつ取り出して，事前に定義した変換（テーブル）ルールに従って出力する．f, j, m, q, x, z, スペースはそのまま出力する．フォントサイズや文字送り幅は適当に設定．

htmlソースはこんな感じでどうでしょう．

<canvas id="cv" width="400" height="100" style="display:none;"></canvas>

<form name="myform">
	<input type="text" id="inputtext" placeholder="半角英小文字とスペース" pattern="^[a-z\s]+$" title="半角英小文字とスペースを入力してください" size="15" maxlength="15">
	<input type="button" value="暗号化" onclick="genImg();">
</form>

<div>
<img id="out">
<div id="msg"></div>
</div>

canvasの描画内容を画像（PNG）として出力させることにした．
（遊んでみたい人向けの注意！上記スクリプトはcanvasタグより後ろに記述 or 読み込むこと．）

こちらのページからどうぞ．

• さあ仕事しよう

• Basic HTML data types – 6.5 Colors

Hueman
http://alxmedia.se/themes/hueman/

• Hueman なサイトで記事（ページ）を印刷しようとすると，サイドバーの幅の影響で本文が表示されない．表示されたとしても，コンテンツ領域の幅が細く縦長に表示されてしまう．印刷できる状態でない．

• Hueman なサイトでちゃんと記事（ページ）をしっかり印刷できるようにする

• 個別記事（ページ）の本文を印刷できるようにする
• サイドバーやメニュー，ナビゲーション，関連記事等は印刷対象としない

• WordPress 4.2.2-ja
• Hueman 2.2.3
• 子テーマ（Hueman-Child）を作成してサイトデザイン・運営
• Layout は 3 Column Middle（左サイドにPrimary，中央はメインコンテンツ，右サイドにSecondary）

子テーマの style.css に印刷用の media query を定義し，元スタイルを上書きしていい感じに印刷できるようにする．子テーマを使わずに運用している人は，custom.css を有効にして追記すればよいかと

Chrome のデベロッパーツールで見てみる．
サイドバーの .s1 と .s2 クラスなオブジェクトのスタイルを単純に display:none; にすればできそう・・・だけど，印刷プレビューするとサイドバー分の空間が残ったまま（改善せず）．

原因は div の main-inner クラス要素の padding が効いてるからっぽい．

具体的には，.col-3cm（3カラム設定でコンテンツ中央のときに適用されるクラス）の下の .main-inner（画像参照）．

style.css の該当箇所を表示してみる．

ということで，その padding 指定部分を print 時に 0 になるようにする．

次のように style.css に追記．

@media print {
/* ページ幅を適当に決めるとよいと思う．auto でもよい人はそうしたほうが */
body { width:960px; }

/* 印刷に含めないものたち */
#nav-topbar,
#nav-header,
#nav-footer,
#footer-widgets,
#comments,
.sidebar,
.post-nav,
.content h4.heading,
.related-posts,
.s1, .s2 { display: none !important; }

/* main 領域の幅をフルに，main-inner の余計な padding や margin を除く */
.col-3cm .main { background: none repeat-y right 0; width:100%; }
.col-3cm .main-inner { background: none repeat-y left 0; padding: 0px; margin:0px; }
}

• とりあえずは記事本文を印刷できるようになった
• 画像の大きさが気になる・・・けどとりあえずはOKとする
• 3 Column Middle（col-3cm）じゃない人は，他の Layout のクラスで同じようにすればできるだろうと予想（試してはいない）
• 誰かうまいこと print.css を作って
• 何かあればコメント欄にどうぞ

9ineBB – WordPress 4.2 から絵文字を無効に(元に戻す)プラグイン「Disable Emojis」
http://9-bb.com/wordpress-emoji/

ハートが突然真っ赤っかになってビックリ．

“Disable Emojis” プラグインを導入して有効化する．

• すっきり
• WordPress本体の設定で選択できるようにしてほしい

• WORD2013で保存して再度開くと見出しの段落番号が黒くなる – マイクロソフト コミュニティ
  http://answers.microsoft.com/ja-jp/office/forum/office_2013_release-word/word2013%E3%81%A7%E4%BF%9D%E5%AD%98%E3%81%97/05c32ca5-4d32-4b14-b284-d816fb31f272?page=1
• Leveled Numbering list turns to black box after combining 3 documents in Word 2010
  https://social.technet.microsoft.com/Forums/office/en-US/447f7cac-1e6a-4990-be16-a823a437c0d4/leveled-numbering-list-turns-to-black-box-after-combining-3-documents-in-word-2010?forum=word

• Word2013 (Windows 8.1 Pro)
• 卒論目次作成のため，Word の「見出し」スタイルを適用したときに発生

This is definitely a bug. I succeeded in fixing it as follows:

1. Put your cursor on the heading just right of the black box
2. Use the left arrow key on your keyboard to move left until the black box turns grey
3. Use the keyboard combination ctrl+shift+s, the dialog “Apply Styles” should appear
4. In this box, click “reapply”

0. 見出しのはじめの部分がまっ黒になる

1. テキストをクリック

2. 矢印キーで左にカーソルを移動（グレーに反転するまで）

3. Ctrl + Shift + s で「スタイルの適用」ダイアログを表示

4. 目的のスタイルを選択して再適用

表示確認

注意：保存して閉じ，再度開くと若干スタイルがおかしくなっていることがある

感想

• マウス操作ではうまくいかないっぽい．キーボード操作するのがポイント
• こんな不具合とっとと修正してほしい

• Nexus 7 (2013)
• Android 5.0.2
• AVG AntiVirus FREE for Tablets, Version 4.2.1

• Nexus Help Forum – Device Provisioner
  https://productforums.google.com/forum/m/#!topic/nexus/MjtCQd-pWMI

Peter, from reports I’ve read elsewhere, it really does appear that AVG’s report of malware in connection with Device Provisioner is indeed a False Positive. It’s a good idea to notify AVG whenever such things occur as they can then eliminate any False Positives from their database. In this particular instance it would appear you have nothing to worry about and shouldn’t attempt to delete DP at this time.

• Device Provisioner false positive malware?
  http://forum.xda-developers.com/google-nexus-5/help/device-provisioner-false-positive-t2991625/post57910003#post57910003

• 誤った判定 – 学校では教えてくれないバッドノウハウ英語 #13
  http://0xcc.net/blog/archives/000176.html

BPG Image format
http://bellard.org/bpg/

GIGAZINE – JPEG画像の約半分のファイルサイズで同品質のものを表示できる画像形式「BPG」が誕生、実際に使ってみるとこんな感じ
http://gigazine.net/news/20141215-bpg/

• 新しい画像形式ということで “BPG” が話題みたい
• 同品質のJPEG画像と比較するとファイルサイズを約半分以下に縮小できる，のだそう
• ちなみにlosslessモードあり．photographic なPNG画像からの変換に効果がある，みたい（変換プログラム一式に同梱のREADMEにいろいろ書いてある）
• ほんとですか，ということで

※まあ，デモサイトで見てもらうのが一番かと
→　http://xooyoozoo.github.io/yolo-octo-bugfixes/

• 上記のサイトから変換プログラムをダウンロード
• エンコーダbpgencはこんな感じで
  
  

  bpgenc usage

• コマンドラインから変換実行　→　out.bpg ファイル出力
• 付属のデコーダ（JavaScript）を利用してブラウザで描画（canvasを使って描画）
• ※細かい話についてはいろんなサイトを参照してください

• デフォルトの状態（オプション引数なし）で無圧縮JPEG（ソース）から変換すると，1/10以下のファイルサイズのBPGファイルが出力された
• BPGファイルサイズと同程度のファイルサイズにしたJPEG画像と比較すると，確かにBPGのほうが良さそう
• もうちょっと試したいけどブラウザ経由するの面倒・・・
• 早くOSやブラウザで標準サポートされるとよいですね

• BPG Image format
  http://bellard.org/bpg/
• GIGAZINEJPEG画像の約半分のファイルサイズで同品質のものを表示できる画像形式「BPG」が誕生、実際に使ってみるとこんな感じ
  http://gigazine.net/news/20141215-bpg/

Ubuntu 14.04 won’t load after upgrade
http://ubuntuforums.org/showthread.php?t=2217829

• Ubuntu 12.04 LTS 32bit (wubi)　から 14.04 LTS へのアップグレードにて問題発生
• 昨年準備した環境を久々に起動して（何も考えずに）アップグレード実施したところ，再起動後エラーのため正常起動できずハマる．確かこんなエラーメッセージだったはず．

mount: mounting ... failed: Invalid argument
mount: mounting /dev on /root/dev failed ...
mount: mounting /sys on /root/sys failed ...
mount: mounting /proc on /root/proc failed: ...
Target filesystem doesn't have requested /sbin/init
No init found. Try passing init= bootarg.

(initramfs)

• GRUB画面でブート前に e を押す．e は edit the commands
• emacs-likeなエディタが起動するので，次の箇所を修正する．ro から rw でマウントするように．

linux	/boot/vmlinuz-3.13.0-24-generic root=UUID=AAC884AC1F144321 loop=/ubuntu/disks/root.disk ro   quiet splash $vt_handoff

to:
linux	/boot/vmlinuz-3.13.0-24-generic root=UUID=AAC884AC1F144321 loop=/ubuntu/disks/root.disk rw   quiet splash $vt_handoff

• 修正できたら F10 を押してブート

• 上の修正はtemporaryなものなので，permanent fixするには次のファイルの修正が必要

sudo vi /etc/grub.d/10_lupin

• ファイル中の次の箇所を修正．自分の環境では150行目が該当．

linux    $${rel_dirname}/${basename} root=${LINUX_HOST_DEVICE} loop=${loop_file_relative} ro ${args}

to:
linux    ${rel_dirname}/${basename} root=${LINUX_HOST_DEVICE} loop=${loop_file_relative} rw ${args}

• 設定ファイル修正後，修正内容を反映させる．

sudo update-grub

残念．頑張って解決してください．

• Ubuntu 14.04 won’t load after upgrade
  http://ubuntuforums.org/showthread.php?t=2217829

MathJax
http://www.mathjax.org/
MathJax-LaTeX
http://wordpress.org/plugins/mathjax-latex/

• たまたま見かけて衝撃を受けたのですぐに試さねばなるまいと

• 組版処理ソフトウェア．マークアップ言語処理系．
• TeX上のマクロパッケージがLaTeX
• 理・工学系ではお馴染みというか論文執筆に使用必須
• 文系の人でも数学なんかの教科書でTeXで書かれたものを見てるはず
• MathJaxはWeb上でもLaTeX数式をきれいに見せるためのJavaScriptライブラリ

• プラグイン MathJax-LaTeX を検索してインストールするだけ
• 通常のサイトに設置する場合は，上記参考サイトの手順を参考に．

ShortCodeを使ってLaTeX数式をそのまんま書く．

例としてあのフィルタの伝達関数を書いてみると
[latex]
H(z)=1-z^{-N}
[/latex]

[latex]
H(z)=1-z^{-N}
[/latex]

あの変換も書いてみると
[latex]
X(k)=\sum_{n=0}^{N-1}x(n)\exp\left(-j\frac{2\pi}{N}kn\right)
[/latex]

[latex]
X(k)=\sum_{n=0}^{N-1}x(n)\exp\left(-j\frac{2\pi}{N}kn\right)
[/latex]

ついでに array を試しながらデルタ関数
[latex]
\int_{-\infty}^{\infty}\delta(t)dt = 1 \\
\delta(t)=\left\{
\begin{array}{ll}
\infty, & t=0 \\
0, & t\neq 0
\end{array}
\right.
[/latex]

[latex]
\int_{-\infty}^{\infty}\delta(t)dt = 1 \\
\delta(t)=\left\{
\begin{array}{ll}
\infty, & t=0 \\
0, & t\neq 0
\end{array}
\right.
[/latex]

感激．
プロジェクトは2009年にスタートしているそう．まったく知らず．
数式左寄せはスタイルを修正する必要がありそう．
インラインで挿入する場合はバックスラッシュ＋カッコでくくる．
こんな感じになる．\(\rightarrow x(t)\)

こんな感じになる．\(\rightarrow x(t)\)

• MathJax
  http://www.mathjax.org/
• MathJax-LaTeX
  http://wordpress.org/plugins/mathjax-latex/

three.js
http://threejs.org/

• 気分転換に

• 上記参考サイト（three.js）からファイルをダウンロードしてサーバにアップ，展開（設置）
• サンプルファイルをコピーして編集．今回は webgl_loader_collada.html を使って，以前にもらったホッキョクグマを読み込ませて表示させてみる
• スクリプトのパスの変更（環境に合わせて）を忘れずに

iOSなデバイスも早くWebGLに対応するとよいね．
もう少し余裕が出来たら真剣に遊ぶことにします．

• three.js
  http://threejs.org/

meso-cacase / difff
https://github.com/meso-cacase/difff

• 息抜きに

• 上記参考サイト（GitHub）からファイルをダウンロードして設置
• perl, diff, 作業ディレクトリのパス等を編集
• 設置ディレクトリに .htaccess を置くなりして必要な設定を実施（ExecCGI とか DirectoryIndex とか）

こちらから
ただし学内からのアクセス限定

便利．感謝．

• meso-cacase / difff
  https://github.com/meso-cacase/difff