<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>jmblog.jp &#187; hilight</title>
	<atom:link href="http://jmblog.jp/archives/tag/hilight/feed" rel="self" type="application/rss+xml" />
	<link>http://jmblog.jp</link>
	<description></description>
	<lastBuildDate>Fri, 12 Aug 2011 05:18:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ソースコードをカラー表示するWordPressのプラグイン</title>
		<link>http://jmblog.jp/archives/62</link>
		<comments>http://jmblog.jp/archives/62#comments</comments>
		<pubDate>Wed, 12 Jul 2006 16:23:28 +0000</pubDate>
		<dc:creator>Yoshihide</dc:creator>
				<category><![CDATA[webdesign, design]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[hilight]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://jmblog.jp/archives/62</guid>
		<description><![CDATA[

[追記 2010-01-19]
現在は、CodeColorer というプラグインを利用しています。
&#187; CodeColorer – Syntax Highlighting Plugin for WordPress &#124; Dmytro Shteflyuk&#8217;s Home


「Tips Community » ソースをハイライトで表示してくれるプラグイン」で iG:Syntax Hiliter というプラグインを見つけました。ソースコードをテキストエディタのようにカラー表示してくれるという優れものです。

&#187; iG:Syntax Hiliter
プラグインを使わずに普通に書くとこんな感じ。（本来は&#60;code&#62;タグを使うべきですが半角スペースが効かないので&#60;pre&#62;タグを使っています。認識が間違っていました。）

// Comment here
function HelloWorld() {
    alert('Hello World!');
}

それがこんなふうに表示されます。（一部スタイルを改変してます。）プレーンテキストへの切り替えも付いているので、ソースをコピー＆ペーストするときもOK。
// Comment here
function HelloWorld&#40;&#41; &#123;
&#160; &#160; alert&#40;'Hello World!'&#41;;
&#125;
使い方はソースコードを専用のタグ（［js］～［/js］など）で囲むだけです。

[js]
// Comment here
function HelloWorld() {
    alert('Hello World!');
}
[/js]

開始行番号の指定も出来ます。

[php num=23]
$var1 = 23; // variable 1
$var2 = 32; [...]]]></description>
			<content:encoded><![CDATA[<div class="ins">
<ins datetime="2010-01-19"></p>
<p class="ins-title">[追記 2010-01-19]</p>
<p>現在は、CodeColorer というプラグインを利用しています。</p>
<p>&raquo; <a href="http://kpumuk.info/projects/wordpress-plugins/codecolorer/">CodeColorer – Syntax Highlighting Plugin for WordPress | Dmytro Shteflyuk&#8217;s Home</a></p>
<p></ins>
</div>
<p>「<a href="http://f40.aaa.livedoor.jp/~benjamin/?p=23" class="broken_link"  target="_blank">Tips Community » ソースをハイライトで表示してくれるプラグイン</a>」で <a href="http://blog.igeek.info/wp-plugins/igsyntax-hiliter/" class="broken_link"  target="_blank">iG:Syntax Hiliter</a> というプラグインを見つけました。ソースコードをテキストエディタのようにカラー表示してくれるという優れものです。</p>
<p><span id="more-62"></span></p>
<p>&raquo; <a href="http://blog.igeek.info/wp-plugins/igsyntax-hiliter/" class="broken_link"  target="_blank">iG:Syntax Hiliter</a></p>
<p>プラグインを使わずに普通に書くとこんな感じ。（<del>本来は&lt;code&gt;タグを使うべきですが半角スペースが効かないので&lt;pre&gt;タグを使っています。</del><ins><a href="http://jmblog.jp/archives/80">認識が間違っていました。</a></ins>）</p>
<pre>
// Comment here
function HelloWorld() {
    alert('Hello World!');
}
</pre>
<p>それがこんなふうに表示されます。（一部スタイルを改変してます。）プレーンテキストへの切り替えも付いているので、ソースをコピー＆ペーストするときもOK。</p>
<div class="codecolorer-container javascript twitlight" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #006600; font-style: italic;">// Comment here</span><br />
<span style="color: #003366; font-weight: bold;">function</span> HelloWorld<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'Hello World!'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<p>使い方はソースコードを専用のタグ（［js］～［/js］など）で囲むだけです。</p>
<pre>
[js]
// Comment here
function HelloWorld() {
    alert('Hello World!');
}
[/js]
</pre>
<p>開始行番号の指定も出来ます。</p>
<pre>
[php num=23]
$var1 = 23; // variable 1
$var2 = 32; // variable 2
$vsum = $var1 + $var2; // sum of variables 1 &#038; 2
print($vsum);
[/php]
</pre>
<p>対応している言語は以下のようになっています。これだけあれば充分でしょう。</p>
<ul>
<li>ActionScript</li>
<li>ASP</li>
<li>C</li>
<li>C++</li>
<li>C#</li>
<li>CSS</li>
<li>Delphi</li>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>MySQL</li>
<li>Perl</li>
<li>PHP</li>
<li>Python</li>
<li>Ruby</li>
<li>Smarty</li>
<li>SQL</li>
<li>Visual Basic, VBScript</li>
<li>VB.NET</li>
<li>XML</li>
</ul>
<p>なお、WordPress を使っていない方には、<a href="http://www.dreamprojections.com/SyntaxHighlighter/Default.aspx" class="broken_link"  target="_blank">dp.SyntaxHighlighter</a> というのもあります。こちらは&lt;textarea&gt;の中に書いたソースコードをカラー表示してくれる JavaScript のライブラリで、見た目は個人的にはこっちの方が好きなんですが、ページのロードが完了してからスタイルを適用させるのでちょっとタイムラグがあるのが、ちと難点。あと、WordPressだと&lt;textarea&gt;内の改行が&lt;br&gt;に変換されてしまいうまく表示できない、という問題があるので見送りました。</p>
]]></content:encoded>
			<wfw:commentRss>http://jmblog.jp/archives/62/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

