「dp.SyntaxHighlighter」を導入！

「dp.SyntaxHighlighter」を導入してみました！
JavaScript と CSS で構成されているパッケージで、ウェブページに各種のソースコードを綺麗に表示することができます。

ソースコードをブログで公開する場合、文字列そのままだととても見づらい訳ですが、「dp.SyntaxHighlighter」を使うことで、まるでIDEや高機能テキストエディタのように、綺麗にソースコードを表示することができます。

うちみたいなブログには大助かりですね（ｗ

いろいろと調整は必要ですが、こんな感じに表示されます。

CSSの場合

/* トップページのbody */
body#top {
background-color: #f0f0f0;
margin: 10px;
}
/* トップページのmain領域 */
body#top div#main {
margin: 30px auto;
border: 1px solid #bfbfbf;
}

HTML、XHTML、XMLの場合

<!-- end div#header -->
<div id="header">
<p class="siteName"><a href="http://tech2web.theworldismine.jp/">tech2web</a></p>
<p class="description">Html. CSS. PHP. MovableType... and more !!</p>
</div>
<!-- end div#header -->

SQLの場合

-- サンプル（何かをSELECTするSQL）
SELECT
USER_ID
NAME,
MAIL_ADDRESS
FROM USER_INFO_TABLE
WHERE USER_ID LIKE '%ghostrider%';