SyntaxHighlighterの高速化

技術系のブログなどでコードの色分けにSyntaxHighlighterを使っている人は多いと思います。しかしながらSyntaxHighlighterには問題があります。SyntaxHighlighterはページ内に出てくる画像など全ての読み込みが終わるまで色分けしないのです。これでは読めるようになるまでに無駄に時間がかかります。

解決方法は2つあります。

1. autoloaderを使う
2. all関数の代わりにhighlight関数を使う

font-family: monospace;だと文字が小さくなる

ChromeやSafariなどWebkit系のブラウザでは可変幅フォントと等幅フォント（monospace）のデフォルトのフォントサイズが違います。インストール時の初期設定では可変幅フォントが16px、等幅フォントが13pxになっており、等幅フォントのサイズはユーザーが簡単には変えられないようになっています。そのためfont-sizeを%指定やem指定している場合、Webkit系のブラウザだけ等幅フォントが小さく表示されてしまいます。ちなみに、Firefox系では初期設定はどちらも16pxになっていますが、ユーザーが別々に変えることが出来るので同じとは限りません。

Atom EditorでDirectWriteを無効にする

2015年6月26日に1.0.0が公開されたAtom Editorですが、WindowsではDirectWriteがデフォルトで有効になっており、MacTypeなどのgdi++系ソフトとの相性が良くありません。

一応DirectWriteを無効にする方法があるのでここに書いておきます。

1. Atom Editorは終了しておきます。
2. 「app.asar」をバイナリエディタ（Stirlingがオススメ）で開きます。
   場所はC:\Users\（ユーザー名）\AppData\Local\atom\app-1.0.0\resources\app.asar
3. 「'direct-write': true,」で検索し、「'direct-write':false,」に書き換えます。
   trueの前の半角スペースは無くてもいいので、半角スペース+trueをfalseに書き換えます。

残念なことに、app.asarファイルはバージョンアップで更新されるので、バージョンアップの度に毎回やらなければいけません。

一応Atom Editorのソースコードを（Electronも含めて）読みましたが、現時点ではこれ以外に方法は無さそうです。