コードハイライトを実装するための各言語用の仕組み色々
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の転送のみになるので、トレードオフで使い分けてよさそうです。
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ