コードハイライトを実装するための各言語用の仕組み色々
2009年05月11日-
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の転送のみになるので、トレードオフで使い分けてよさそうです。
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ