(注意) 記事を引っ越しました
- 引っ越し先 URL
ソースコードを装飾するためのプログラムの一覧
About
Web上で(HTMLで)ソースコードを装飾する方法はいくつかあります。ここではそれらについてリストアップしておきます。
リスト
Javascript を読み込んで動作するもの
- SyntaxHighlighter
- ライセンス : MITライセンスかGPLライセンス
- 派生物のときは派生物に定められた何れかに従う
- 公式 : http://alexgorbatchev.com/SyntaxHighlighter/
- Javascriptベースで動作します。メジャーなものの1つです。
- 旧バージョンでは一部Flash(ActionScript)を使っていましたが最新版ではありません。
- Wordpress向けのプラグインなども良く見かけることができます。
- ライセンス : MITライセンスかGPLライセンス
- Crayon Syntax Highlighter
- ライセンス : GPLv2
- 公式 : http://wordpress.org/plugins/crayon-syntax-highlighter/
- 公式 : https://github.com/aramk/crayon-syntax-highlighter
- PHP と JQuery によって開発されています。
- Javascriptで動作しますが実質的にWordpress のプラグインとして利用されます。
- ソースコードを読み込むための機能などもあります。
- Google - code - prettify
- ライセンス : Apache2.0 License
- 公式 : https://code.google.com/p/google-code-prettify/
- Javascriptベースで動作します。メジャーなものの1つです。
- Bootstrap の HP ではこれが使われているようです。
- ソースコードを自動で判別する機能があります(任意に指定することもできる)。
- PRISM
- ライセンス : MIT(ソースコード中に書かれています)
- 公式 : http://prismjs.com/
- Javascriptベースで動作します。2014年2月現在、あまり日本語の記事がありませんが、これから流行る可能性が十分にあります。
- gzip で圧縮すると 2KB しかありません。
- highlight.js
- ライセンス : 修正BSDスタイル(配布物に同梱されています)
- 公式 : http://highlightjs.org/
- Javascriptベースで動作します。2014年1月現在、バージョンが1に到達していません。
- ソースコードを自動で判別する機能があります(任意に指定することもできる)。
- SHJS
- ライセンス : GPLv3.
- 公式 : http://shjs.sourceforge.net/
- Javascriptベースで動作します。
補足情報
ソースコードをマークアップするために、HTML には code 要素が定義されています。しかしながらJavascriptで動作する Syntax Highlighter のほとんどが pre 要素にのみ対応しています。唯一 highlight.js のみが <pre><code> に対応します。
それ以外のプログラムによって変換するもの
- Pygments
- ライセンス : BSD
- 公式 : http://pygments.org/
- Python で開発されています。メジャーなものの1つです。
- Python製のドキュメント制作ツールShpinxで使われているほか、BitBucket や GitHubでも一部使われているようです(公式より)。
- GeSHi
- ライセンス : GPLv2
- 公式 : http://qbnz.com/highlighter/index.php
- PHP で開発されています。メジャーなものの1つです。
- 2014年現在、2013年11月時点でNewsが更新されたり、GitHubのファイルは2012年の日付が最新なので比較的安定しているし、更新もされている、と思われます。
- Text_Highlighter
- ライセンス : PHP License
- 公式 : http://pear.php.net/package/Text_Highlighter/
- PHP で開発されています。
- 2014年現在、2011年時点で開発が止まっており、またバージョンが0.7xですので使わないのが賢明と思われます。