前の記事 ≪:これは必見!JavaScriptの文字列を複数行で定義する方法
次の記事 ≫:PHPとjQueryで動く軽快で使いやすいTODOアプリ「myTinyTodo」

コードハイライトを実装するための各言語用の仕組み色々

2009年05月11日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

11 Syntax Highlighters To Beautify Code Presentation

コードハイライトを実装するための各言語用の仕組み色々。
ページに掲載するコードは色分けされている方が読みやすいですが、その色分けを実装するのには様々な仕組みがあるようです。



Google Code Prettify (JS)
JavaScript で書かれたGoogleのコードハイライター。
色々な言語も自動で簡単にハイライト可能。
過去に紹介→C、java、JavaScript、html等の言語をハイライト表示するJavaScriptライブラリ「google-code-prettify」

Highlight.js (JS)
JavaScript で書かれたコードハイライター。
多数の言語に対応していてシンプルに使えるようです

Chili (JS/jQuery)
jQueryプラグイン形式になったハイライター。

beautyOfCode (JS/jQuery)
こちらもjQueryプラグイン形式

Lighter.js (JS/MooTools)
Mootoolsプラグインのハイライター

GeSHi (PHP)
PHP で書かれたコードハイライター。
かなりの数の言語に対応しています→対応言語
過去に紹介→コードハイライト用PHPライブラリ:GeSHi

Ultraviolet (Ruby)
Rubyで書かれたハイライター

Pygments (Python)
Pythonで書かれたハイライター

全部見る

以前にも「各種プログラムコードの整形ツール集」にて多数紹介しました。

サーバーサイドでやってしまえば、サーバに負荷はかかるものの、すぐに表示されます。
JavaScript側でやってしまうと、表示に時間はかかるもののサーバへの負荷はJavaScriptの転送のみになるので、トレードオフで使い分けてよさそうです。

関連の記事検索:JavaScript, プログラミング, まとめ
スポンサード リンク

By.KJ : 2009年05月11日 10:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)