ねむすぎノート
トップ
メニュー
一覧
検索
web/highlight
をテンプレートにして作成
開始行:
* ソースをハイライト表示するJSの重さ比較 [#ibfda17a]
比較といっても2つだけなんですが、HTML等のソースコードをサ...
今回もGoogleChromeのNetworkタブの比較になります。数字は環...
結論を先に言うとソーシャルボタンと違って気にするほどの重...
|ハイライト表示|Request|Size|Time|
|無し(比較用)|0|0KB|0.2秒|
|SyntaxHighlighter|4|29KB|0.3秒|
|GoogleCodePrettify|5|15KB|0.3秒|
** SyntaxHighlighter [#waac086a]
[[SyntaxHighlighter3.0:http://alexgorbatchev.com/SyntaxHi...
おそらく一番有名で多機能。あまり使ってないので機能をほと...
表示させるコードの種類によって読み込まなければいけないJS...
** GoogleCodePrettify [#lc189d71]
[[GoogleCodePrettify:http://code.google.com/p/google-code...
Googleで公開されているシンプルなハイライトモジュール。ド...
** HTML実体参照変換 [#l76ae302]
これらのJSを使っても、preにマークアップする際にはきちんと...
変換ツールは検索するといくらでも出てきますが、今回はproto...
** 参照 [#y6d151bd]
- [[Syntax Highlighter系プラグインの比較と高速化:http://t...
- [[ソースコードをハイライトするSyntaxHighlighter3.0を使...
- [[ブログ上でプログラムソースを表示する方法2:http://blog...
- [[ハイライトもGoogle流 google-code-prettifyでソースコー...
#include(parts/feedback,notitle)
終了行:
* ソースをハイライト表示するJSの重さ比較 [#ibfda17a]
比較といっても2つだけなんですが、HTML等のソースコードをサ...
今回もGoogleChromeのNetworkタブの比較になります。数字は環...
結論を先に言うとソーシャルボタンと違って気にするほどの重...
|ハイライト表示|Request|Size|Time|
|無し(比較用)|0|0KB|0.2秒|
|SyntaxHighlighter|4|29KB|0.3秒|
|GoogleCodePrettify|5|15KB|0.3秒|
** SyntaxHighlighter [#waac086a]
[[SyntaxHighlighter3.0:http://alexgorbatchev.com/SyntaxHi...
おそらく一番有名で多機能。あまり使ってないので機能をほと...
表示させるコードの種類によって読み込まなければいけないJS...
** GoogleCodePrettify [#lc189d71]
[[GoogleCodePrettify:http://code.google.com/p/google-code...
Googleで公開されているシンプルなハイライトモジュール。ド...
** HTML実体参照変換 [#l76ae302]
これらのJSを使っても、preにマークアップする際にはきちんと...
変換ツールは検索するといくらでも出てきますが、今回はproto...
** 参照 [#y6d151bd]
- [[Syntax Highlighter系プラグインの比較と高速化:http://t...
- [[ソースコードをハイライトするSyntaxHighlighter3.0を使...
- [[ブログ上でプログラムソースを表示する方法2:http://blog...
- [[ハイライトもGoogle流 google-code-prettifyでソースコー...
#include(parts/feedback,notitle)
ページ名:
トップ
新規
一覧
検索
最終更新
RSS