技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方

Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ

[visca__Barca]

ソース　表示　そのまま

[beth321]

　ASCII.jp

[magotora]

ソースコード表現アシスト

[sorausa1124]

色分けされたソースコードをブログに貼付けよう「SyntaxHighlighter」

[kcha]

Syntax Highlighter

[mkiiiyy]

サイト内にソース表示

[yuchuke270]

ソースコードを綺麗に表示

[niam]

プログラムをハイライト付きでWebに掲載する方法。

[kyotaweb]

ソースコード草食

[imait]

便利そうだけど、はてな使ってるとちょっと魅力にかけるかも。

[k0ta0uchi]

web

[kiyotaka_h]

ブログにソースコードを載せるときに良さげ

[saladdays]

ソースコードを装飾

[fumokmm]

これ、便利ですよね。

[hogege]

ソースコード表示用のJavaScriptライブラリ

[marukoro3150]

html上にソースコードを綺麗に載せるころができるjavascriptライブラリ

[sakuragaoka]

自サイトでスクリプトの解説するときとか。

[ryownet]

今さらかよ！！！と思うけどまとまった使い方がなかったのも事実か。AS版も載せて欲しい

[netiron]

ソースコードを読みやすく表示してくれるJavaScriptライブラリ

[kujoo]

・・・・・。

[gungle]

その前にソースコードをきれいに書く。

[ladybug_1103]

...サイトやブログにソースコードを掲載するときに見やすく表示

[puton]

ソースコードを鮮やかに Syntax Highlighter

[hisaichi5518]

構文強調

[cool_ni_ikou]

http://google-code-prettify.googlecode.com/svn/trunk/README.html　http://google-code-prettify.googlecode.com/svn/trunk/tests/prettify_test.html

[uzuki-first]

これ、いつかやろうと思ってた。/はてだは実装してたよね？/うｐするのめんどくさい。誰か公開して－

[atq]

lgrindのようだ。LaTeX, Fortran, Matlab, Powershellとかは無いのね（作る人いるかもね）。あとML系やLisp系も無い？

[dyamashiro]

　あの表現ってJSのライブラリがあるのか！

[mollifier]

syntax highlighter

[sankaseki]

技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方