Highlighter」を使えば、ソースコードを見やすく表示できるWebプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。Highlighter」の使い方を紹介しましょう。Highlighter」HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。Highlighter」を紹介します。Highlighterは、HTMLやCSSはもちろん、PHP/Perl/Ruby/JavaScriptなど、多くの言語の構文強調表示に対応したスクリプトです。Highlighterを使ったソースコードの表示例。Highlighter本体をダウンロードします。Highlighterは以下のページで配布されています。http://alexgorbatchev.com/wiki/SyntaxHighlighterダウンロードしたファイルを解凍すると、「scripts」「src」「styles」の3つのフォルダができます。Highlighterを設置したい自分のWebサーバーにアップロードしたら、ひとまず準備は完了です。Chartを使えば手軽。したパラメーターを設定するだけで自分のWebページにグラフを貼れる。2.5から追加された「ショートコード」。自作プラグインと組み合わせれば、WordPressがさらに便利に使える。Type」だが、標準では携帯電話向けのサイトを作る機能はない。APIを使ってみよう自分のWebサイトやブログは「はてなブックマーク」でどんなコメントがついている?――はてなが公開しているAPIを使って、手軽にブックマーク情報...1180DESIGN長~いページもスッキリ!jQueryでタブ表示1つのWebページに多くの情報を載せようとすると、縦に長くなって見づらくなってしまう。スマホお気に入り一覧マイページ。