<?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>Bitmacroブログ</title>
	<atom:link href="http://bitmacro.net/wordpress/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://bitmacro.net/wordpress</link>
	<description>しがないプログラマの憶え書きをブログしてます。</description>
	<lastBuildDate>Thu, 09 Jul 2009 08:40:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>システム特殊フォルダの取得プロシージャ</title>
		<link>http://bitmacro.net/wordpress/?p=1202</link>
		<comments>http://bitmacro.net/wordpress/?p=1202#comments</comments>
		<pubDate>Mon, 27 Apr 2009 08:22:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[特殊フォルダの取得]]></category>

		<guid isPermaLink="false">http://bitmacro.net/wordpress/?p=1202</guid>
		<description><![CDATA[



　
　システム特殊フォルダの取得プロシージャの作成
　


　
プログラムを作っていると、たまにWindowsの使っている特殊フォルダを利用したい場合があります。いつもは「どぼん」さんとか「全ては時の中」さんとかが掲載されているものをコピペしてました。そろそろプロシージャ化しておこうと下記に記録しました。


#Region &#34;システム特殊フォルダの取得プロシージャ&#34;

''' &#60;summary&#62;
''' システム特殊フォルダの取得プロシージャ
''' &#60;/summary&#62;
''' &#60;param name=&#34;intSelectNo&#34;&#62;取得したいパスの処理番号(１～２０） &#60;/param&#62;
''' &#60;returns&#62;取得したパス文字列&#60;/returns&#62;
''' &#60;remarks&#62;&#60;/remarks&#62;
Public Function fncGetPath(ByVal intSelectNo As Integer) As String

Dim strGetPath As String

'戻り値変数初期化
strGetPath = String.Empty

'各種パスの取得
Select Case intSelectNo
Case 1
'アプリケーションのＥＸＥが実行されたフォルダ
strGetPath = System.Windows.Forms.Application.StartupPath
Case 2
'システムドライブ
strGetPath = (System.Environment.GetFolderPath(System.Environment.SpecialFolder.System))
strGetPath = Mid(strGetPath, 1, 2)
'結果: C:
Case 3
'共有ファイルフォルダ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.CommonProgramFiles)
'結果: C:\Program Files\Common Files
Case 4
'クッキーフォルダ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.Cookies)
'結果: C:\Documents and Settings\UserName\Cookies
Case 5
'デスクトップ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.DesktopDirectory)
'結果: C:\Documents and Settings\UserName\デスクトップ
Case 6
'お気に入り
strGetPath = [...]]]></description>
			<content:encoded><![CDATA[<p>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　システム特殊フォルダの取得プロシージャの作成</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
プログラムを作っていると、たまにWindowsの使っている特殊フォルダを利用したい場合があります。いつもは<a href="http://dobon.net/vb/dotnet/file/getfolderpath.html">「どぼん」さん</a>とか<a href="http://blog.livedoor.jp/akf0/archives/50896163.html">「全ては時の中」さん</a>とかが掲載されているものをコピペしてました。そろそろプロシージャ化しておこうと下記に記録しました。<br />
<br />
<pre class="brush: vb;">
#Region &quot;システム特殊フォルダの取得プロシージャ&quot;

''' &lt;summary&gt;
''' システム特殊フォルダの取得プロシージャ
''' &lt;/summary&gt;
''' &lt;param name=&quot;intSelectNo&quot;&gt;取得したいパスの処理番号(１～２０） &lt;/param&gt;
''' &lt;returns&gt;取得したパス文字列&lt;/returns&gt;
''' &lt;remarks&gt;&lt;/remarks&gt;
Public Function fncGetPath(ByVal intSelectNo As Integer) As String

Dim strGetPath As String

'戻り値変数初期化
strGetPath = String.Empty

'各種パスの取得
Select Case intSelectNo
Case 1
'アプリケーションのＥＸＥが実行されたフォルダ
strGetPath = System.Windows.Forms.Application.StartupPath
Case 2
'システムドライブ
strGetPath = (System.Environment.GetFolderPath(System.Environment.SpecialFolder.System))
strGetPath = Mid(strGetPath, 1, 2)
'結果: C:
Case 3
'共有ファイルフォルダ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.CommonProgramFiles)
'結果: C:\Program Files\Common Files
Case 4
'クッキーフォルダ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.Cookies)
'結果: C:\Documents and Settings\UserName\Cookies
Case 5
'デスクトップ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.DesktopDirectory)
'結果: C:\Documents and Settings\UserName\デスクトップ
Case 6
'お気に入り
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.Favorites)
'結果: C:\Documents and Settings\UserName\Favorites
Case 7
'履歴
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.History)
'結果: C:\Documents and Settings\UserName\Local Settings\History
Case 8
'インターネットキャッシュ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.InternetCache)
'結果: C:\Documents and Settings\UserName\Local Settings\Temporary Internet Files
Case 9
'マイドキュメント
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.Personal)
'結果: C:\Documents and Settings\UserName\My Documents
Case 10
'プログラムファイル
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.ProgramFiles)
'結果: C:\Program Files
Case 11
'スタートメニュー
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.StartMenu)
'結果: C:\Documents and Settings\UserName\スタート メニュー
Case 12
'スタートメニューのプログラム
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.Programs)
'結果: C:\Documents and Settings\UserName\スタート メニュー\プログラム
Case 13
'スタートアップ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.Startup)
'結果: C:\Documents and Settings\UserName\スタート メニュー\プログラム\スタートアップ
Case 14
'最近使用したドキュメント
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.Recent)
'結果: C:\Documents and Settings\UserName\Recent
Case 15
'「送る」フォルダ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.SendTo)
'結果: C:\Documents and Settings\UserName\SendTo
Case 16
'ウィンドウズシステムフォルダ
'System.Environment.SystemDirectoryでも可
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.System)
'結果: C:\WINDOWS\System32
Case 17
'テンプレート
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.Templates)
'結果: C:\Documents and Settings\UserName\Templates
Case 18
'すべてのユーザーのApplication Dataフォルダ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.CommonApplicationData)
'結果: C:\Documents and Settings\All Users\Application Data
Case 19
'現在のローミングユーザーのApplication Dataフォルダ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.ApplicationData)
'結果: C:\Documents and Settings\UserName\Application Data
Case 20
'現在の非ローミングユーザーのApplication Dataフォルダ
strGetPath = System.Environment.GetFolderPath(Environment.SpecialFolder.LocalApplicationData)
'結果: C:\Documents and Settings\UserName\Local Settings\Application Data
End Select

Return strGetPath

End Function

#End Region
</pre>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　使い方</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
たぶん、余計なお世話と知りつつも一応記録しておきます。<br />
<br />
<pre class="brush: vb;">
Public Class Test
Public Shared Sub Main()
'ウィンドウズシステムフォルダの表示
MessageBox.Show(fncGetPath(16), &quot;Windowsのシステムフォルダ&quot;)
End Sub
End Class
</pre>
<div>管理人のパソコンでの結果</div>
<br />
<table border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td align="center">
<img src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SystemForder001.jpg" alt="SystemForder001" title="SystemForder001" width="197" height="101" class="aligncenter size-full wp-image-1443" /></td>
</tr>
</tbody></table>
</p>
]]></content:encoded>
			<wfw:commentRss>http://bitmacro.net/wordpress/?feed=rss2&amp;p=1202</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>String.Formatの書式</title>
		<link>http://bitmacro.net/wordpress/?p=164</link>
		<comments>http://bitmacro.net/wordpress/?p=164#comments</comments>
		<pubDate>Fri, 17 Apr 2009 00:00:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[文字列編集]]></category>

		<guid isPermaLink="false">http://bitmacro.net/wordpress/?p=164</guid>
		<description><![CDATA[




 String.Formatの書式




よく文字列編集で　String.Formatをよく使うのですが、覚えにくいので下記に、書式の一覧を記載します。


Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

Dim strMoji As String

'４桁の右詰め（↓では『 2』となる）
strMoji = String.Format(&#34;『{0, 4}』&#34;, 2)

'４桁の左詰め（↓では『2 』となる）
strMoji = String.Format(&#34;『{0, -4}』&#34;, 2)

'４桁の０埋め[例1]（↓では『0002』となる）
strMoji = String.Format(&#34;『{0:0000}』&#34;, 2)

'４桁の０埋め[例2]（↓では『0002』となる）
strMoji = String.Format(&#34;『{0:D4}』&#34;, 2)

'１６進数変換（↓では『FF』となる）
strMoji = String.Format(&#34;『{0:X}』&#34;, 255)

'１６進数変換+０埋め（↓では『00FF』となる）
strMoji = String.Format(&#34;『{0:X4}』&#34;, 255)

'小数点表示[例1]（↓では『123.00』となる）
strMoji = String.Format(&#34;『{0:f2}』&#34;, 123)

'小数点表示[例2]（↓では『123.46』となる）
strMoji = String.Format(&#34;『{0:f2}』&#34;, 123.456)

'小数点表示[例3]（↓では『123.45000』となる）
strMoji = String.Format(&#34;『{0:f5}』&#34;, 123.45)

'カンマ[例1]（↓では『5,123.4』となる）
strMoji = String.Format(&#34;『{0:#,##0.0}』&#34;, 5123.4)

'カンマ[例2]（↓では『1,000』となる）
strMoji = String.Format(&#34;『{0:#,##0}』&#34;, 999.6)

'±表示[例1]（↓では『+05』となる）
strMoji = String.Format(&#34;『{0:+00;-00;零}』&#34;, [...]]]></description>
			<content:encoded><![CDATA[<p>
<table style="border-bottom: 1px solid #999999; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc"></td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong> String.Formatの書式</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc"></td>
</tr>
</tbody></table>
<div style="font-size: 5px;"></div>
よく文字列編集で　String.Formatをよく使うのですが、覚えにくいので下記に、書式の一覧を記載します。<br />
<br />
<pre class="brush: vb;">
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

Dim strMoji As String

'４桁の右詰め（↓では『 2』となる）
strMoji = String.Format(&quot;『{0, 4}』&quot;, 2)

'４桁の左詰め（↓では『2 』となる）
strMoji = String.Format(&quot;『{0, -4}』&quot;, 2)

'４桁の０埋め[例1]（↓では『0002』となる）
strMoji = String.Format(&quot;『{0:0000}』&quot;, 2)

'４桁の０埋め[例2]（↓では『0002』となる）
strMoji = String.Format(&quot;『{0:D4}』&quot;, 2)

'１６進数変換（↓では『FF』となる）
strMoji = String.Format(&quot;『{0:X}』&quot;, 255)

'１６進数変換+０埋め（↓では『00FF』となる）
strMoji = String.Format(&quot;『{0:X4}』&quot;, 255)

'小数点表示[例1]（↓では『123.00』となる）
strMoji = String.Format(&quot;『{0:f2}』&quot;, 123)

'小数点表示[例2]（↓では『123.46』となる）
strMoji = String.Format(&quot;『{0:f2}』&quot;, 123.456)

'小数点表示[例3]（↓では『123.45000』となる）
strMoji = String.Format(&quot;『{0:f5}』&quot;, 123.45)

'カンマ[例1]（↓では『5,123.4』となる）
strMoji = String.Format(&quot;『{0:#,##0.0}』&quot;, 5123.4)

'カンマ[例2]（↓では『1,000』となる）
strMoji = String.Format(&quot;『{0:#,##0}』&quot;, 999.6)

'±表示[例1]（↓では『+05』となる）
strMoji = String.Format(&quot;『{0:+00;-00;零}』&quot;, 5)

'±表示[例2]（↓では『-05』となる）
strMoji = String.Format(&quot;『{0:+00;-00;零}』&quot;, -5)

'±表示[例3]（↓では『零』となる）
strMoji = String.Format(&quot;『{0:+00;-00;零}』&quot;, 0)

'日付時刻表示[例1]（↓では『2009-03-15T09:48:30.8952343+09:00』となる）
strMoji = String.Format(&quot;『{0:o}』&quot;, Now)

'日付時刻表示[例2]（↓では『2009年3月15日 9:50』となる）
strMoji = String.Format(&quot;『{0:f}』&quot;, Now)

'日付時刻表示[例3]（↓では『2009年3月15日 12:3:44』となる）
strMoji = String.Format(&quot;『{0:F}』&quot;, Now)

'日付表示[例1]（↓では『2009/03/15』となる）
strMoji = String.Format(&quot;『{0:d}』&quot;, DateTime.Today)

'日付表示[例2]（↓では『2009年03月15日(日)』となる）
strMoji = String.Format(&quot;『{0:yyyy年MM月dd日(ddd)}』&quot;, DateTime.Today)

'日付表示[例3]（↓では『2009年03月15日(日曜日)』となる）
strMoji = String.Format(&quot;『{0:yyyy年MM月dd日(dddd)}』&quot;, DateTime.Today)

'時刻表示[例1]（↓では『6:32』となる）
strMoji = String.Format(&quot;『{0:t}』&quot;, DateTime.Now)

'時刻表示[例2]（↓では『6:12:05』となる）
strMoji = String.Format(&quot;『{0:T}』&quot;, DateTime.Now)

'時刻表示[例3]（↓では『03:25:02』となる）
strMoji = String.Format(&quot;『{0:hh:mm:ss}』&quot;, DateTime.Now)

'時刻表示[例4]（↓では『午前10:02:15』となる）
strMoji = String.Format(&quot;『{0:tthh:mm:ss}』&quot;, DateTime.Now)

'ちょっと強引な時刻AM/PM表示[例5]
strMoji = String.Format(&quot;『{0:tthh:mm:ss}』&quot;, DateTime.Now)
If strMoji.IndexOf(&quot;午前&quot;) Then strMoji = strMoji.Replace(&quot;午前&quot;, &quot;AM&quot;)
If strMoji.IndexOf(&quot;午後&quot;) Then strMoji = strMoji.Replace(&quot;午後&quot;, &quot;PM&quot;)
'（strMoji は『AM10:02:15』となる）

End Sub
</pre>
<br />
最後の[例5]時刻のAM/PM表示はOSが英語版だといらないと思う。未確認です(^^ゞ</p>
]]></content:encoded>
			<wfw:commentRss>http://bitmacro.net/wordpress/?feed=rss2&amp;p=164</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lightbox 2 のプラグインへの追加</title>
		<link>http://bitmacro.net/wordpress/?p=1046</link>
		<comments>http://bitmacro.net/wordpress/?p=1046#comments</comments>
		<pubDate>Sun, 12 Apr 2009 23:32:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[lightbox]]></category>
		<category><![CDATA[新規タグの追加]]></category>

		<guid isPermaLink="false">http://bitmacro.net/wordpress/?p=1046</guid>
		<description><![CDATA[
よく他のサイトさんの写真とかがビロ～～ンとかっこよく拡大表示されるようなページをよく見かけます。管理人もこんなことができたらいいなと思い「WordPress Ver2.7」の時は「JUN-Hacks Blog」さんのページで見つけました「Lightbox」なるものがあると知り「LightboxV2.04」をインストールしていました。最近「WordPressVer2.8」にバージョンアップしたところ思っている動作ができなくなってしまったので、またまたいろいろ調べました。その結果「Lightbox 2」が良さそうだということが判りました。早速このプラグインを動作させるまでの手順を記録しておこうと思います。（この説明にも所々で使用してます）
　　



　
　プラグインに追加するまでの手順
　


　
WordPress で　「Lightbox 2」のプラグインを追加していきます。

	WordPressのログイン画面を呼び出します。






ユーザー名とパスワードを入力して「ログイン」します。



	ログインが成功すれば管理画面の「プラグイン」の「インストール済み」の画面を開きます。








「▼」をクリック
「新規追加」をクリック



　
	下記のような「プラグインのインストール」画面に切り替わります。






ここでは、この「Lightbox」をクリックするか、「検索」入力欄に「Lightbox」と直接入力して「プラグインの検索」をクリックしてください。



	表示されたプラグインの中から以下のプラグインを探します。






「注意」：この記事作成時のときの「バージョン」が一番高いのもでした。



	プラグインを探せれば「インストール」をクリックします。この記事を作成している時は下記のようなメッセージが表示されました






ここでは「今すぐインストール」をクリックします。



	無事インストールが終われば以下の画面になります。






ここでは「プラグインを有効化」をクリックします。



	プラグインの画面に戻り、「Lightbox　2」が使用中となります。






 




以上で、プラグインを追加できました。



　
　実際にLightbox 2 を使用する
　


　
では、テストも兼ねて実際に使用することにします。 



　
　イメージを用意する


　

	登録が確認できれば、小さいイメージデータ（bmp,jpg,gif等）、拡大表示させたいイメージデータ（bmp,jpg,gif等）を用意します。
　
	イメージデータが用意できれば、Wordpress2.8の「ライブラリ」にて「新規追加」を行います。








「▼」をクリック
「新規追加」クリック








ここで「ファイルを選択」ボタンをクリックすると、ファイル選択画面が表示されます。（こんな画面）↓


　






用意したイメージを選択します。上記はイメージを複数選択した例です。



　
	ファイルを選択して、「開く」をクリックすると、選択したイメージの一覧が表示されます。
　






選択したイメージでよければ、「すべての変更を保存」をクリックします。



　
	保存できれば下記の画面が表示され、選択したイメージが追加されたのが判ります。
　






イメージが追加されている。




　



　
　投稿記事の作成


　

	イメージが格納できれば、いよいよ投稿記事内に載せます。まず、投稿の「新規追加」を行います。タイトル等は自由に付けてください。
　
	次に、「HTML」入力欄に以下を入力します。

&#60;a title=&#34;大きい画像のタイトル&#34; rel=&#34;lightbox&#34; href=&#34;大きい画像の指定&#34; target=&#34;_blank&#34;&#62;
&#60;img src=&#34;小さい画像の指定&#34; alt=&#34;代替え文字&#34; title=&#34;小さい画像のタイトル&#34; width=&#34;200&#34; height=&#34;150&#34; /&#62;

	これが、記事の完成です。



]]></description>
			<content:encoded><![CDATA[<p>
よく他のサイトさんの写真とかがビロ～～ンとかっこよく拡大表示されるようなページをよく見かけます。管理人もこんなことができたらいいなと思い「WordPress Ver2.7」の時は「<a href="http://blog.jun-hacks.jp/movabletype/movabletype-plugin/">JUN-Hacks Blog</a>」さんのページで見つけました「Lightbox」なるものがあると知り「LightboxV2.04」をインストールしていました。最近「WordPressVer2.8」にバージョンアップしたところ思っている動作ができなくなってしまったので、またまたいろいろ調べました。その結果「Lightbox 2」が良さそうだということが判りました。早速このプラグインを動作させるまでの手順を記録しておこうと思います。（<span style="color: #008000;">この説明にも所々で使用してます</span>）<br />
<div style="font-size: 5px;">　　</div>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　プラグインに追加するまでの手順</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
WordPress で　「Lightbox 2」のプラグインを追加していきます。<br />
<ol>
	<li>WordPressのログイン画面を呼び出します。<br />
<table border="0" width="400">
<tbody>
<tr>
<td colspan="2" align="center"><img class="aligncenter size-full wp-image-1266" title="Syntax002" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax002.jpg" alt="Syntax002" width="250" height="278" /></td>
</tr>
<tr align="center">
<td>ユーザー名とパスワードを入力して「ログイン」します。</td>
</tr>
</tbody></table>
</li>
	<li>ログインが成功すれば管理画面の「プラグイン」の「インストール済み」の画面を開きます。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1267" title="Syntax003" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax003.jpg" alt="Syntax003" width="153" height="163" /></td>
<td rowspan="2"><img class="aligncenter size-full wp-image-1264" title="Right" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Right.jpg" alt="Right" width="70" height="76" /></td>
<td><img class="aligncenter size-full wp-image-1268" title="Syntax005" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax005.jpg" alt="Syntax005" width="154" height="249" /></td>
</tr>
<tr>
<td align="center">「▼」をクリック</td>
<td align="center">「新規追加」をクリック</td>
</tr>
</tbody></table>
</li>
<div style="font-size: 5px;">　</div>
	<li>下記のような「プラグインのインストール」画面に切り替わります。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1433" title="LightBox001" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox001.jpg" alt="LightBox001" width="400" height="254" /></td>
</tr>
<tr>
<td>ここでは、この「Lightbox」をクリックするか、「検索」入力欄に「Lightbox」と直接入力して「プラグインの検索」をクリックしてください。</td>
</tr>
</tbody></table>
</li>
	<li>表示されたプラグインの中から以下のプラグインを探します。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1437" title="LightBox002" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox002.jpg" alt="LightBox002" width="400" height="47" /></td>
</tr>
<tr>
<td>「注意」：この記事作成時のときの「バージョン」が一番高いのもでした。</td>
</tr>
</tbody></table>
</li>
	<li>プラグインを探せれば「インストール」をクリックします。この記事を作成している時は下記のようなメッセージが表示されました<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1434" title="LightBox002-1" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox002-1.jpg" alt="LightBox002-1" width="400" height="256" /></td>
</tr>
<tr>
<td>ここでは「今すぐインストール」をクリックします。</td>
</tr>
</tbody></table>
</li>
	<li>無事インストールが終われば以下の画面になります。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1435" title="LightBox002-2" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox002-2.jpg" alt="LightBox002-2" width="400" height="113" /></td>
</tr>
<tr>
<td>ここでは「プラグインを有効化」をクリックします。</td>
</tr>
</tbody></table>
</li>
	<li>プラグインの画面に戻り、「Lightbox　2」が使用中となります。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1436" title="LightBox002-3" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox002-3.jpg" alt="LightBox002-3" width="400" height="38" /></td>
</tr>
<tr>
<td> </td>
</tr>
</tbody></table>
</li>
</ol>
以上で、プラグインを追加できました。<br />
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　実際にLightbox 2 を使用する</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
では、テストも兼ねて実際に使用することにします。 <br />
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="150">
<tbody>
<tr>
<td width="10" align="left" bgcolor="#4682b4">　</td>
<td bgcolor="#e6e6fa">　イメージを用意する</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
<ol>
	<li>登録が確認できれば、小さいイメージデータ（bmp,jpg,gif等）、拡大表示させたいイメージデータ（bmp,jpg,gif等）を用意します。</li>
<div style="font-size: 5px;">　</div>
	<li>イメージデータが用意できれば、Wordpress2.8の「ライブラリ」にて「新規追加」を行います。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1397" title="LightBox005" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox005.jpg" alt="LightBox005" width="153" height="162" /></td>
<td rowspan="2"><img class="aligncenter size-full wp-image-1264" title="Right" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Right.jpg" alt="Right" width="70" height="76" /></td>
<td><img class="aligncenter size-full wp-image-1398" title="LightBox006" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox006.jpg" alt="LightBox006" width="153" height="203" /></td>
</tr>
<tr>
<td align="center">「▼」をクリック</td>
<td align="center">「新規追加」クリック</td>
</tr>
</tbody></table>
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1399" title="LightBox007" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox007.jpg" alt="LightBox007" width="400" height="105" /></td>
</tr>
<tr>
<td>ここで「ファイルを選択」ボタンをクリックすると、ファイル選択画面が表示されます。（こんな画面）↓</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1401" title="LightBox009" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox009.jpg" alt="LightBox009" width="400" height="238" /></td>
</tr>
<tr>
<td>用意したイメージを選択します。上記はイメージを複数選択した例です。</td>
</tr>
</tbody></table>
</li>
<div style="font-size: 5px;">　</div>
	<li>ファイルを選択して、「開く」をクリックすると、選択したイメージの一覧が表示されます。<br />
<div style="font-size: 5px;">　</div>
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1402" title="LightBox010" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox010.jpg" alt="LightBox010" width="400" height="156" /></td>
</tr>
<tr>
<td>選択したイメージでよければ、「すべての変更を保存」をクリックします。</td>
</tr>
</tbody></table>
</li>
<div style="font-size: 5px;">　</div>
	<li>保存できれば下記の画面が表示され、選択したイメージが追加されたのが判ります。<br />
<div style="font-size: 5px;">　</div>
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1396" title="LightBox011" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/LightBox011.jpg" alt="LightBox011" width="400" height="83" /></td>
</tr>
<tr>
<td>イメージが追加されている。</td>
</tr>
</tbody></table>
</li>
</ol>
<div style="font-size: 5px;">　</div>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="150">
<tbody>
<tr>
<td width="10" align="left" bgcolor="#4682b4">　</td>
<td bgcolor="#e6e6fa">　投稿記事の作成</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
<ol>
	<li>イメージが格納できれば、いよいよ投稿記事内に載せます。まず、投稿の「新規追加」を行います。タイトル等は自由に付けてください。</li>
<div style="font-size: 5px;">　</div>
	<li>次に、「HTML」入力欄に以下を入力します。<br />
<pre class="brush: html;">
&lt;a title=&quot;大きい画像のタイトル&quot; rel=&quot;lightbox&quot; href=&quot;大きい画像の指定&quot; target=&quot;_blank&quot;&gt;
&lt;img src=&quot;小さい画像の指定&quot; alt=&quot;代替え文字&quot; title=&quot;小さい画像のタイトル&quot; width=&quot;200&quot; height=&quot;150&quot; /&gt;
</pre></li>
	<li>これが、記事の完成です。<br />
<a title="大きい画像のタイトル" rel="lightbox" href="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Sample大）.jpg"><br />
<img title="Sample(小）" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Sample小）.jpg" alt="Sample(小）" width="200" height="150" /></a></li>
</ol></p>
]]></content:encoded>
			<wfw:commentRss>http://bitmacro.net/wordpress/?feed=rss2&amp;p=1046</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>brBrbrのプラグインへの追加</title>
		<link>http://bitmacro.net/wordpress/?p=826</link>
		<comments>http://bitmacro.net/wordpress/?p=826#comments</comments>
		<pubDate>Mon, 06 Apr 2009 00:04:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[brBrbr]]></category>

		<guid isPermaLink="false">http://bitmacro.net/wordpress/?p=826</guid>
		<description><![CDATA[
CamCamさんの「brBrbr」でした。入力した改行がそのまま使える便利なプラグインです。m(__)m　なので早速このプラグインを動作させるまでの手順を記録しておこうと思います。



 
brBrbr ダウンロード
 


まずはプラグインのダウンロードです。

	CamCamさんがリンクされてたここからダウンロードしました。表示されたサイトの「Ver2.8の方はこちらへ」→「 ダウンロード brBrbr28」をクリックして、適当な場所に保管します。
	その圧縮された「brBrbr28.zip」を解凍します。管理人は解凍ツールに「Lhaplus」にて行いました。
	解凍してできたフォルダを、WinSPC（管理人はこれで）、FTP等で「（任意）../wordpress/wp-content/plugins」内に転送します。（例：/var/www/html/wordpress/wp-content/pluginsなど）




 
プラグインに追加されたかを確認
 


次にWordPress管理画面で、転送した「brBrbr」が追加されたかどうかを確認します。

	WordPressのログイン画面を呼び出します。






ユーザー名とパスワードを入力して「ログイン」します。



	ログインが成功すれば管理画面の「プラグイン」の「インストール済み」の画面を開きます。








「▼」をクリック
「インストール済み」クリック



	プラグイン画面の「停止中のプラグイン」一覧に下記の項目があれば、転送できています。






追加されている。







 
brBrbr の動作を確認する
 


では、追加した「brBrbr]の動作を確認します。

	先ほどの「プラグイン」の画面で追加した「brBrbr」の項目の右端の「使用する」をクリックします。「使用中のプラグイン」に追加されプラグインとして動作出来るようになります。






追加されている。



	登録が確認できれば、いよいよ投稿記事内に載せます。まず、投稿の「新規追加」を行います。タイトル等は自由に付けてください。
	次に、「HTML」入力欄に以下を入力します。


Hello World!!















Hello World!!



以上の内容は以下のようにページに表示されます。






連続した改行ができている。



ちなみに、「brBrbr」をプラグインから「使用しない」にすると






このようになり、連続した改行が無視されている。



]]></description>
			<content:encoded><![CDATA[<p>
CamCamさんの「brBrbr」でした。入力した改行がそのまま使える便利なプラグインです。m(__)m　なので早速このプラグインを動作させるまでの手順を記録しておこうと思います。<br />
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc"> </td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>brBrbr ダウンロード</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc"> </td>
</tr>
</tbody></table>
まずはプラグインのダウンロードです。<br />
<ol>
	<li>CamCamさんがリンクされてた<a href="http://camcam.info/wordpress/101">ここ</a>からダウンロードしました。表示されたサイトの「Ver2.8の方はこちらへ」→「 ダウンロード brBrbr28」をクリックして、適当な場所に保管します。</li>
	<li>その圧縮された「brBrbr28.zip」を解凍します。管理人は解凍ツールに「<a href="http://www.forest.impress.co.jp/lib/arc/archive/archiver/lhaplus.html">Lhaplus</a>」にて行いました。</li>
	<li>解凍してできたフォルダを、<a href="http://winscp.net/eng/download.php">WinSPC</a>（管理人はこれで）、FTP等で「（任意）../wordpress/wp-content/plugins」内に転送します。（例：/var/www/html/wordpress/wp-content/pluginsなど）</li>
</ol>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc"> </td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>プラグインに追加されたかを確認</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc"> </td>
</tr>
</tbody></table>
次にWordPress管理画面で、転送した「brBrbr」が追加されたかどうかを確認します。<br />
<ol>
	<li>WordPressのログイン画面を呼び出します。<br />
<table border="0" width="400">
<tbody>
<tr>
<td colspan="2" align="center"><img class="aligncenter size-full wp-image-1266" title="Syntax002" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax002.jpg" alt="Syntax002" width="250" height="278" /></td>
</tr>
<tr align="center">
<td>ユーザー名とパスワードを入力して「ログイン」します。</td>
</tr>
</tbody></table>
</li>
	<li>ログインが成功すれば管理画面の「プラグイン」の「インストール済み」の画面を開きます。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1267" title="Syntax003" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax003.jpg" alt="Syntax003" width="153" height="163" /></td>
<td rowspan="2"><img class="aligncenter size-full wp-image-1264" title="Right" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Right.jpg" alt="Right" width="70" height="76" /></td>
<td><img class="aligncenter size-full wp-image-1268" title="Syntax005" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax005.jpg" alt="Syntax005" width="154" height="249" /></td>
</tr>
<tr>
<td align="center">「▼」をクリック</td>
<td align="center">「インストール済み」クリック</td>
</tr>
</tbody></table>
</li>
	<li>プラグイン画面の「停止中のプラグイン」一覧に下記の項目があれば、転送できています。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1330" title="Brbrbr001" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Brbrbr0011.jpg" alt="Brbrbr001" width="400" height="125" /></td>
</tr>
<tr>
<td>追加されている。</td>
</tr>
</tbody></table>
</li>
</ol>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc"> </td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>brBrbr の動作を確認する</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc"> </td>
</tr>
</tbody></table>
では、追加した「brBrbr]の動作を確認します。<br />
<ol>
	<li>先ほどの「プラグイン」の画面で追加した「brBrbr」の項目の右端の「使用する」をクリックします。「使用中のプラグイン」に追加されプラグインとして動作出来るようになります。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1328" title="Brbrbr002" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Brbrbr002.jpg" alt="Brbrbr002" width="400" height="38" /></td>
</tr>
<tr>
<td>追加されている。</td>
</tr>
</tbody></table>
</li>
	<li>登録が確認できれば、いよいよ投稿記事内に載せます。まず、投稿の「新規追加」を行います。タイトル等は自由に付けてください。</li>
	<li>次に、「HTML」入力欄に以下を入力します。<br />
<br />
<pre class="brush: text; light: true;">
Hello World!!















Hello World!!
</pre>
<br />
<br />
以上の内容は以下のようにページに表示されます。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1372" title="Brbrbr003" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Brbrbr003.jpg" alt="Brbrbr003" width="400" height="284" /></td>
</tr>
<tr>
<td>連続した改行ができている。</td>
</tr>
</tbody></table>
</li>
ちなみに、「brBrbr」をプラグインから「使用しない」にすると<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1373" title="Brbrbr004" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Brbrbr004.jpg" alt="Brbrbr004" width="400" height="108" /></td>
</tr>
<tr>
<td>このようになり、連続した改行が無視されている。</td>
</tr>
</tbody></table>
</ol></p>
]]></content:encoded>
			<wfw:commentRss>http://bitmacro.net/wordpress/?feed=rss2&amp;p=826</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SyntaxHighlighter EvolvedのSetting</title>
		<link>http://bitmacro.net/wordpress/?p=978</link>
		<comments>http://bitmacro.net/wordpress/?p=978#comments</comments>
		<pubDate>Sat, 04 Apr 2009 04:56:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SyntaxHightlighter Evolved]]></category>

		<guid isPermaLink="false">http://bitmacro.net/wordpress/?p=978</guid>
		<description><![CDATA[
「SyntaxHighlighter Evolved」のパラメータ等での表示変更は可能ですが、「Settinng」入力画面でのパラメータ設定もできます。また、その他にも「SyntaxHighlighter Evolved」自身の「テーマ」もいくつか持っています。その辺りについて、早速手順を記録しておこうと思います。
　



　
　Settingの手順
　


　

	Setting画面の呼び出し








「▼」をクリック
「SyntaxHighlighter」クリック



　
下記の画面に切り替わります。






ここでパラメータやテーマを変更することができます。






　
　パラメータ設定
　


　
ここで設定したパラメータは「SyntaxHighlighter Evolved」のデフォルト値となり、投稿ページ全体に影響します。

	Miscellaneous:Display line numbers
行番号の表示の有無です。こちらを参考にしてください。
　
	Miscellaneous:Display the Toolbar
ツールバーの表示の有無です。こちらを参考にしてください。
　
	Miscellaneous:Automatically make URLs clickable
リンクの設定／解除です。こちらを参考にしてください。
　
	Miscellaneous:Collapse code boxes
折りたたみ表示の有無です。こちらを参考にしてください。
　
	Miscellaneous:Show a ruler column along the top of the code box
ルーラーの表示の有無です。こちらを参考にしてください。
　
	Miscellaneous:Use the light display mode, best for single lines of code
シンプル表示の有無です。こちらを参考にしてください。
　
	Miscellaneous:Use smart tabs allowing tabs being used for alignment
たぶん、タブの整列処理の有無です。
当方では動作確認ができませんでした。m(__)m
　
	Starting Line Number
開始行番号の指定です。こちらを参考にしてください。
　
	Tab Size
Tabサイズの指定です。こちらを参考にしてください。

　



　
　テーマの変更
　


　
「SyntaxHighlighter Evolved」にはいくつか標準でテーマが選べるようになっています。変更方法は、この「Setting」画面の「Color Theme」で変更できます。下記にテーマごとのイメージを示しておきますので、お好きなテーマに変えて使ってみてください。管理人は「Default」がお気に入りです。

	テーマ：Default






　
	テーマ：Django






　
	テーマ：Emacs





　


	テーマ：Fade to Grey






　
	テーマ：Midnight






　
	テーマ：RDark






　
	テーマ：[None]








]]></description>
			<content:encoded><![CDATA[<p>
「SyntaxHighlighter Evolved」のパラメータ等での表示変更は可能ですが、「Settinng」入力画面でのパラメータ設定もできます。また、その他にも「SyntaxHighlighter Evolved」自身の「テーマ」もいくつか持っています。その辺りについて、早速手順を記録しておこうと思います。<br />
<div style="font-size: 5px;">　</div>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　Settingの手順</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
<ol>
	<li>Setting画面の呼び出し<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1301" title="SyntaxSetting001" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting001.jpg" alt="SyntaxSetting001" width="158" height="163" /></td>
<td class="aligncenter size-full wp-image-1264" title="Right" rowspan="2" width="70" height="76"><img class="aligncenter size-full wp-image-1264" title="Right" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Right.jpg" alt="Right" width="70" height="76" /></td>
<td><img class="aligncenter size-full wp-image-1300" title="SyntaxSetting002" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting002.jpg" alt="SyntaxSetting002" width="155" height="361" /></td>
</tr>
<tr>
<td align="center">「▼」をクリック</td>
<td align="center">「SyntaxHighlighter」クリック</td>
</tr>
</tbody></table>
</li>
<div style="font-size: 5px;">　</div>
下記の画面に切り替わります。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1305" title="SyntaxSetting003" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting003.jpg" alt="SyntaxSetting003" width="400" height="288" /></td>
</tr>
<tr>
<td>ここでパラメータやテーマを変更することができます。</td>
</tr>
</tbody></table>
</ol>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　パラメータ設定</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
ここで設定したパラメータは「SyntaxHighlighter Evolved」のデフォルト値となり、投稿ページ全体に影響します。<br />
<ol>
	<li>Miscellaneous:Display line numbers<br />
行番号の表示の有無です。<a href="http://bitmacro.net/wordpress/?p=502#SE001_004">こちら</a>を参考にしてください。</li>
<div style="font-size: 5px;">　</div>
	<li>Miscellaneous:Display the Toolbar<br />
ツールバーの表示の有無です。<a href="http://bitmacro.net/wordpress/?P=502#SE001_003">こちら</a>を参考にしてください。</li>
<div style="font-size: 5px;">　</div>
	<li>Miscellaneous:Automatically make URLs clickable<br />
リンクの設定／解除です。<a href="http://bitmacro.net/wordpress/?P=502#SE001_002">こちら</a>を参考にしてください。</li>
<div style="font-size: 5px;">　</div>
	<li>Miscellaneous:Collapse code boxes<br />
折りたたみ表示の有無です。<a href="http://bitmacro.net/wordpress/?P=502#SE001_006">こちら</a>を参考にしてください。</li>
<div style="font-size: 5px;">　</div>
	<li>Miscellaneous:Show a ruler column along the top of the code box<br />
ルーラーの表示の有無です。<a href="http://bitmacro.net/wordpress/?P=502#SE001_008">こちら</a>を参考にしてください。</li>
<div style="font-size: 5px;">　</div>
	<li>Miscellaneous:Use the light display mode, best for single lines of code<br />
シンプル表示の有無です。<a href="http://bitmacro.net/wordpress/?P=502#SE001_005">こちら</a>を参考にしてください。</li>
<div style="font-size: 5px;">　</div>
	<li>Miscellaneous:Use smart tabs allowing tabs being used for alignment<br />
たぶん、タブの整列処理の有無です。<br />
<span style="color: #ff0000;">当方では動作確認ができませんでした。m(__)m</span></li>
<div style="font-size: 5px;">　</div>
	<li>Starting Line Number<br />
開始行番号の指定です。<a href="http://bitmacro.net/wordpress/?P=502#SE001_001">こちら</a>を参考にしてください。</li>
<div style="font-size: 5px;">　</div>
	<li>Tab Size<br />
Tabサイズの指定です。<a href="http://bitmacro.net/wordpress/?P=502#SE001_009">こちら</a>を参考にしてください。</li>
</ol>
<div style="font-size: 5px;">　</div>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　テーマの変更</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
「SyntaxHighlighter Evolved」にはいくつか標準でテーマが選べるようになっています。変更方法は、この「Setting」画面の「Color Theme」で変更できます。下記にテーマごとのイメージを示しておきますので、お好きなテーマに変えて使ってみてください。管理人は「Default」がお気に入りです。<br />
<ol>
	<li>テーマ：Default<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1307" title="SyntaxSetting010" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting010.jpg" alt="SyntaxSetting010" width="400" height="142" /></td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div></li>
	<li>テーマ：Django<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1309" title="SyntaxSetting004" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting004.jpg" alt="SyntaxSetting004" width="400" height="165" /></td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div></li>
	<li>テーマ：Emacs<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1310" title="SyntaxSetting005" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting005.jpg" alt="SyntaxSetting005" width="400" height="165" /></td>
</tr>
<div style="font-size: 5px;">　</div>
</tbody></table>
</li>
	<li>テーマ：Fade to Grey<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1311" title="SyntaxSetting006" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting006.jpg" alt="SyntaxSetting006" width="400" height="166" /></td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div></li>
	<li>テーマ：Midnight<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1312" title="SyntaxSetting007" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting007.jpg" alt="SyntaxSetting007" width="400" height="167" /></td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div></li>
	<li>テーマ：RDark<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1313" title="SyntaxSetting008" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting008.jpg" alt="SyntaxSetting008" width="400" height="166" /></td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div></li>
	<li>テーマ：[None]<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1314" title="SyntaxSetting009" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/SyntaxSetting009.jpg" alt="SyntaxSetting009" width="400" height="171" /></td>
</tr>
</tbody></table>
</li>
</ol></p>
]]></content:encoded>
			<wfw:commentRss>http://bitmacro.net/wordpress/?feed=rss2&amp;p=978</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>SyntaxHighlighter Evolved のプラグインへの追加</title>
		<link>http://bitmacro.net/wordpress/?p=502</link>
		<comments>http://bitmacro.net/wordpress/?p=502#comments</comments>
		<pubDate>Fri, 03 Apr 2009 04:18:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SyntaxHightlighter Evolved]]></category>

		<guid isPermaLink="false">http://bitmacro.net/wordpress/?p=502</guid>
		<description><![CDATA[
管理人が投稿記事を書くときには、よくプログラムコード（HTML、VB.NET等）を掲載したいときがあります。そのときにのプログラムコードの編集で、使い勝手がよく、見栄えがきれいな「SyntaxHightlighter Evolved」なるものを見つけました。現在は「SyntaxHightlighter2.1.0」が最新でいつ更新されたかは、わかっていません。では、早速このプラグインを動作させるまでの手順を記録しておこうと思います。
　



　
　SyntaxHightlighter Evolved ダウンロード
　



　
まずはプラグインのダウンロードです。

webnaさんがリンクされてたここからダウンロードしました。表示されたサイトの「DOWNLOAD」をクリックすれば、以下のメッセージが表示されます。






「DOWNLOAD」を押して、適当な場所に保管します。



　
その圧縮された「syntaxhightlighter.zip」を解凍します。管理人は解凍ツールに「Lhaplus」にて行いました。
解凍してできたフォルダを、WinSPC（管理人はこれで）、FTP等で「（任意）../wordpress/wp-content/plugins」内に転送します。（例：/var/www/html/wordpress/wp-content/pluginsなど）




　
　プラグインに追加されたかを確認
　



　
次にWordPress管理画面で、転送した「Syntaxhightlighter　Evolved」が追加されたかどうかを確認します。

WordPressのログイン画面を呼び出します。






ユーザー名とパスワードを入力して「ログイン」します。




ログインが成功すれば管理画面の「プラグイン」の「インストール済み」の画面を開きます。








「▼」をクリック
「インストール済み」クリック




プラグイン画面の「停止中のプラグイン」一覧に下記の項目があれば、転送できています。






追加されている。








　
　実際にSyntaxHightlighter　Evolved を使用する
　



　
では、テストも兼ねて実際に使用することにします。

先ほどの「プラグイン」の画面で追加した「SyntaxHightlighter Evolved」の項目の右端の「使用する」をクリックします。「使用中のプラグイン」に追加されプラグインとして動作出来るようになります。










登録ができれば、いよいよ投稿記事内に載せます。まず、投稿の「新規追加」を行います。タイトル等は自由に付けてください。
　
次に、「HTML」入力欄に以下を入力します。
 
下記の内容を使用するときは[ ] は半角にしてくださいm(__)m


［html］
&#60;html&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=shift_jis&#34;&#62;
&#60;title&#62;TEST&#60;/title&#62;
&#60;/head&#62;
&#60;body&#62;
&#60;h2&#62;Hello World!!&#60;/h2&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］

以上の内容は以下のようにページに表示されます。

&#60;html&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=shift_jis&#34;&#62;
&#60;title&#62;TEST&#60;/title&#62;
&#60;/head&#62;
&#60;body&#62;
&#60;h2&#62;Hello World!!&#60;/h2&#62;
&#60;/body&#62;
&#60;/html&#62;





　
　SyntaxHightlighter Evolved の パラメータ設定
　



　
「SyntaxHightlighter Evolved」のパラメータをいろいろ設定してみました。（下記の内容を使用するときは[ ] は半角にしてください。m(__)m）

開始行番号の指定（デフォルトは:１）
［html firstline=&#34;10&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

おおっ、開始行番号が「１０」から始まっている。
　
リンクの解除（デフォルト:True)
［html autolinks=&#34;false&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

リンクが解除されている。
　
ツールバーの非表示（デフォルト:表示する)
［html toolbar=&#34;false&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

ツールバーが消えている。
　
行番号の非表示（デフォルト:表示する)
［html gutter=&#34;false&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

行番号がが消えている。
　
シンプルに表示する（デフォルト:false)
［html light=&#34;true&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

行番号とツールバーの両方が消えている。
　
折りたたみ表示する（デフォルト:false)
［html collapse=&#34;true&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

折りたたまれた表示となった。
　
指定行をハイライトする
［html highlight=&#34;4&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

指定した４行目がハイライトされた。
　
複数行を一度にハイライトする
［html highlight=&#34;2,4&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

指定した２行目と４行目がハイライトされた。
　
ルーラーの表示（デフォルトは非表示)
［html ruler=&#34;true&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

ルーラーが表示された。（あんまり意味ないな～）
　
Tabサイズを指定する（デフォルト：４）
[html tabsize=&#34;10&#34;］
&#60;html&#62;
&#60;body&#62;
	&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
	&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;

Tabサイズが「１０」になった。
　
パラメータを組み合わせてみる
［html light=&#34;true&#34;　highlight=&#34;2,4&#34;］
&#60;html&#62;
&#60;body&#62;
&#60;a href=&#34;http://bitmacro.net&#34;&#62;Bitmacro.net&#60;/a&#62;
&#60;/body&#62;
&#60;/html&#62;
［/html］




プレビューしてみる。







&#60;html&#62;
&#60;body&#62;
&#60;a [...]]]></description>
			<content:encoded><![CDATA[<p>
管理人が投稿記事を書くときには、よくプログラムコード（HTML、VB.NET等）を掲載したいときがあります。そのときにのプログラムコードの編集で、使い勝手がよく、見栄えがきれいな「SyntaxHightlighter Evolved」なるものを見つけました。現在は「SyntaxHightlighter2.1.0」が最新でいつ更新されたかは、わかっていません。では、早速このプラグインを動作させるまでの手順を記録しておこうと思います。<br />
<div style="font-size: 5px;">　</div>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　SyntaxHightlighter Evolved ダウンロード</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody>
</table>
<div style="font-size: 5px;">　</div>
まずはプラグインのダウンロードです。<br />
<ol>
<li><a href="http://blog.aulta.net/">webnaさん</a>がリンクされてた<a href="http://wordpress.org/extend/plugins/syntaxhighlighter/">ここ</a>からダウンロードしました。表示されたサイトの「DOWNLOAD」をクリックすれば、以下のメッセージが表示されます。</li>
<table border="0" width="400">
<tbody>
<tr>
<td colspan="2" align="center"><img class="aligncenter size-full wp-image-1265" title="Syntax001" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax001.jpg" alt="Syntax001" width="400" height="170" /></td>
</tr>
<tr align="center">
<td>「DOWNLOAD」を押して、適当な場所に保管します。</td>
</tr>
</tbody>
</table>
<div style="font-size: 5px;">　</div>
<li>その圧縮された「syntaxhightlighter.zip」を解凍します。管理人は解凍ツールに「<a href="http://www.forest.impress.co.jp/lib/arc/archive/archiver/lhaplus.html">Lhaplus</a>」にて行いました。</li>
<li>解凍してできたフォルダを、<a href="http://winscp.net/eng/download.php">WinSPC</a>（管理人はこれで）、FTP等で「（任意）../wordpress/wp-content/plugins」内に転送します。（例：/var/www/html/wordpress/wp-content/pluginsなど）</li>
</ol>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　プラグインに追加されたかを確認</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody>
</table>
<div style="font-size: 5px;">　</div>
次にWordPress管理画面で、転送した「Syntaxhightlighter　Evolved」が追加されたかどうかを確認します。<br />
<ol>
<li>WordPressのログイン画面を呼び出します。<br />
<table border="0" width="400">
<tbody>
<tr>
<td colspan="2" align="center"><img class="aligncenter size-full wp-image-1266" title="Syntax002" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax002.jpg" alt="Syntax002" width="250" height="278" /></td>
</tr>
<tr align="center">
<td>ユーザー名とパスワードを入力して「ログイン」します。</td>
</tr>
</tbody>
</table>
</li>
<li>ログインが成功すれば管理画面の「プラグイン」の「インストール済み」の画面を開きます。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1267" title="Syntax003" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax003.jpg" alt="Syntax003" width="153" height="163" /></td>
<td rowspan="2"><img class="aligncenter size-full wp-image-1264" title="Right" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Right.jpg" alt="Right" width="70" height="76" /></td>
<td><img class="aligncenter size-full wp-image-1268" title="Syntax005" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax005.jpg" alt="Syntax005" width="154" height="249" /></td>
</tr>
<tr>
<td align="center">「▼」をクリック</td>
<td align="center">「インストール済み」クリック</td>
</tr>
</tbody>
</table>
</li>
<li>プラグイン画面の「停止中のプラグイン」一覧に下記の項目があれば、転送できています。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1269" title="Syntax006" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax006.jpg" alt="Syntax006" width="400" height="207" /></td>
</tr>
<tr>
<td>追加されている。</td>
</tr>
</tbody>
</table>
</li>
</ol>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　実際にSyntaxHightlighter　Evolved を使用する</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody>
</table>
<div style="font-size: 5px;">　</div>
では、テストも兼ねて実際に使用することにします。<br />
<ol>
<li>先ほどの「プラグイン」の画面で追加した「SyntaxHightlighter Evolved」の項目の右端の「使用する」をクリックします。「使用中のプラグイン」に追加されプラグインとして動作出来るようになります。<br />
<table border="0">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-1270" title="Syntax007" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Syntax007.jpg" alt="Syntax007" width="400" height="42" /></td>
</tr>
<tr>
</tr>
</tbody>
</table>
</li>
<li>登録ができれば、いよいよ投稿記事内に載せます。まず、投稿の「新規追加」を行います。タイトル等は自由に付けてください。</li>
<div style="font-size: 5px;">　</div>
<li>次に、「HTML」入力欄に以下を入力します。<br />
<div><span style="color: #008000;"> </span></div>
<div><span style="color: #008000;">下記の内容を使用するときは[ ] は半角にしてくださいm(__)m</span></div>
<span style="color: #008000;"><br />
<pre class="brush: text; light: true;">
［html］
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=shift_jis&quot;&gt;
&lt;title&gt;TEST&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h2&gt;Hello World!!&lt;/h2&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
以上の内容は以下のようにページに表示されます。<br />
</span><pre class="brush: html;">
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=shift_jis&quot;&gt;
&lt;title&gt;TEST&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h2&gt;Hello World!!&lt;/h2&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre></li>
</ol>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　SyntaxHightlighter Evolved の パラメータ設定</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody>
</table>
<div style="font-size: 5px;">　</div>
「SyntaxHightlighter Evolved」のパラメータをいろいろ設定してみました。（<span style="color: #008000;">下記の内容を使用するときは[ ] は半角にしてください。m(__)m</span>）<br />
<ol>
<li><a name="#SE001_001">開始行番号の指定（デフォルトは:１）</a><pre class="brush: text; light: true;">
［html firstline=&quot;10&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-1263" title="Down" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="Down" width="75" height="74" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; first-line: 10;">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
おおっ、開始行番号が「１０」から始まっている。</li>
<div style="font-size: 5px;">　</div>
<li><a name="#SE001_002">リンクの解除（デフォルト:True)</a><pre class="brush: text; light: true;">
［html autolinks=&quot;false&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; auto-links: false;">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
リンクが解除されている。</li>
<div style="font-size: 5px;">　</div>
<li><a name="#SE001_003">ツールバーの非表示（デフォルト:表示する)</a><pre class="brush: text; light: true;">
［html toolbar=&quot;false&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; toolbar: false;">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
ツールバーが消えている。</li>
<div style="font-size: 5px;">　</div>
<li><a name="#SE001_004">行番号の非表示（デフォルト:表示する)</a><pre class="brush: text; light: true;">
［html gutter=&quot;false&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; gutter: false;">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
行番号がが消えている。</li>
<div style="font-size: 5px;">　</div>
<li><a name="#SE001_005">シンプルに表示する（デフォルト:false)</a><pre class="brush: text; light: true;">
［html light=&quot;true&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; light: true;">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
行番号とツールバーの両方が消えている。</li>
<div style="font-size: 5px;">　</div>
<li><a name="#SE001_006">折りたたみ表示する（デフォルト:false)</a><pre class="brush: text; light: true;">
［html collapse=&quot;true&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; collapse: true; light: false; toolbar: true;">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
折りたたまれた表示となった。</li>
<div style="font-size: 5px;">　</div>
<li>指定行をハイライトする<pre class="brush: text; light: true;">
［html highlight=&quot;4&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; highlight: [4];">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
指定した４行目がハイライトされた。</li>
<div style="font-size: 5px;">　</div>
<li>複数行を一度にハイライトする<pre class="brush: text; light: true;">
［html highlight=&quot;2,4&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; highlight: [2,4];">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
指定した２行目と４行目がハイライトされた。</li>
<div style="font-size: 5px;">　</div>
<li><a name="#SE001_008">ルーラーの表示（デフォルトは非表示)</a><pre class="brush: text; light: true;">
［html ruler=&quot;true&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; ruler: true;">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
ルーラーが表示された。（あんまり意味ないな～）</li>
<div style="font-size: 5px;">　</div>
<li><a name="#SE001_009">Tabサイズを指定する（デフォルト：４）</a><pre class="brush: text; light: true;">
[html tabsize=&quot;10&quot;］
&lt;html&gt;
&lt;body&gt;
	&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; tab-size: 10;">
&lt;html&gt;
&lt;body&gt;
	&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
Tabサイズが「１０」になった。</li>
<div style="font-size: 5px;">　</div>
<li>パラメータを組み合わせてみる<pre class="brush: text; light: true;">
［html light=&quot;true&quot;　highlight=&quot;2,4&quot;］
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
［/html］
</pre>
<table border="0" width="420">
<tbody>
<tr>
<td align="center">プレビューしてみる。</td>
</tr>
<tr>
<td align="center"><img class="aligncenter size-full wp-image-578" title="e28693" src="http://bitmacro.net/wordpress/wp-content/uploads/2009/07/Down.jpg" alt="e28693" width="62" height="53" /></td>
</tr>
</tbody>
</table>
<pre class="brush: html; highlight: [2,4]; light: true;">
&lt;html&gt;
&lt;body&gt;
&lt;a href=&quot;http://bitmacro.net&quot;&gt;Bitmacro.net&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
シンプル表示されて、２，４行目がハイライトした。</li>
<div style="font-size: 5px;">　</div>
</ol>
以上、いろいろ状況に応じて変更してみてください。<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://bitmacro.net/wordpress/?feed=rss2&amp;p=502</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>vi の使用方法</title>
		<link>http://bitmacro.net/wordpress/?p=26</link>
		<comments>http://bitmacro.net/wordpress/?p=26#comments</comments>
		<pubDate>Thu, 19 Mar 2009 08:22:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[自宅サーバー]]></category>
		<category><![CDATA[新規タグの追加]]></category>

		<guid isPermaLink="false">http://bitmacro.net/wordpress/?p=26</guid>
		<description><![CDATA[
　



　
　コマンド一覧
　


　
普段（いつもはテキストエディター）使い慣れていないせいか、コマンドをよく忘れていちいち調べているのでよく使いそうなコマンドを一覧にしてみました。
　



説明
コマンド


起動
vi [Enter]


コマンドモードに切り替え
[ESC]
※画面下に何も表示されない。
※以下表の「コマンド」付きの項目が入力できます。


ラインエディタモード
：　（コロン）キー
※以下表の「ライン」付きの項目が入力できます。


「コマンド」：挿入モードに切り替え
i （アイ）キー
※画面下に　&#8212;Insert&#8212; or &#8212;挿入&#8212; が表示される。


「コマンド」：前方検索
/　[検索したい文字] [Enter]


「コマンド」：後方検索
?　[検索したい文字] [Enter]


「コマンド」：ページトップへ移動
gg


「コマンド」：ページエンドへ移動
[Shift] + g


「コマンド」：現在のカーソル行削除
dd
※削除された行はペーストできます。
/td&#62;


「コマンド」：現在のカーソル行コピー
yy


「コマンド」：現在のカーソル行に貼付け
p


「コマンド」：置換（確認なし）
%s/xxx/yyy/g [Enter]
xxx:置換したい文字列、yyy:置換する文字列


「コマンド」：置換（確認あり）
%s/xxx/yyy/gc [Enter]
xxx:置換したい文字列、yyy:置換する文字列


「ライン」：何もしないで終了
q! [Enter]


「ライン」：保存して終了
qw [Enter]


「ライン」：名前を付けて保存し終了
qw [ファイル名] [Enter]


　
とりあえず、これだけ知っていればちょっとした編集も　vi　でも使えるかなぁと思います。
]]></description>
			<content:encoded><![CDATA[<p>
<div style="font-size: 5px;">　</div>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　コマンド一覧</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
普段（いつもはテキストエディター）使い慣れていないせいか、コマンドをよく忘れていちいち調べているのでよく使いそうなコマンドを一覧にしてみました。<br />
<div style="font-size: 5px;">　</div>
<table border="1" cellspacing="0" cellpadding="0" width="455" bordercolor="#a9a9a9">
<tbody>
<tr bgcolor="#b0e0e6">
<th>説明</th>
<th>コマンド</th>
</tr>
<tr bgcolor="#fffaf0">
<td>起動</td>
<td>vi [Enter]</td>
</tr>
<tr bgcolor="#fffaf0">
<td>コマンドモードに切り替え</td>
<td>[ESC]<br />
※画面下に何も表示されない。<br />
※以下表の<span style="color: #0b00e0;">「コマンド」</span>付きの項目が入力できます。</td>
</tr>
<tr bgcolor="#fffaf0">
<td>ラインエディタモード</td>
<td>：　（コロン）キー<br />
※以下表の<span style="color: #008000;">「ライン」</span>付きの項目が入力できます。</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：挿入モードに切り替え</td>
<td>i （アイ）キー<br />
※画面下に　&#8212;Insert&#8212; or &#8212;挿入&#8212; が表示される。</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：前方検索</td>
<td>/　[検索したい文字] [Enter]</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：後方検索</td>
<td>?　[検索したい文字] [Enter]</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：ページトップへ移動</td>
<td>gg</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：ページエンドへ移動</td>
<td>[Shift] + g</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：現在のカーソル行削除</td>
<td>dd<br />
※削除された行はペーストできます。<br />
/td&gt;</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：現在のカーソル行コピー</td>
<td>yy</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：現在のカーソル行に貼付け</td>
<td>p</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：置換（確認なし）</td>
<td>%s/xxx/yyy/g [Enter]<br />
xxx:置換したい文字列、yyy:置換する文字列</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #0b00e0;">「コマンド」</span>：置換（確認あり）</td>
<td>%s/xxx/yyy/gc [Enter]<br />
xxx:置換したい文字列、yyy:置換する文字列</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #008000;">「ライン」</span>：何もしないで終了</td>
<td>q! [Enter]</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #008000;">「ライン」</span>：保存して終了</td>
<td>qw [Enter]</td>
</tr>
<tr bgcolor="#fffaf0">
<td><span style="color: #008000;">「ライン」</span>：名前を付けて保存し終了</td>
<td>qw [ファイル名] [Enter]</td>
</tr>
</tbody></table>
<div style="font-size: 3px;">　</div>
<div style="font-size: small;">とりあえず、これだけ知っていればちょっとした編集も　vi　でも使えるかなぁと思います。</div></p>
]]></content:encoded>
			<wfw:commentRss>http://bitmacro.net/wordpress/?feed=rss2&amp;p=26</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>自宅サーバーでの稼働開始</title>
		<link>http://bitmacro.net/wordpress/?p=7</link>
		<comments>http://bitmacro.net/wordpress/?p=7#comments</comments>
		<pubDate>Fri, 13 Mar 2009 08:19:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[自宅サーバー]]></category>

		<guid isPermaLink="false">http://bitmacro.net/wordpress/?p=7</guid>
		<description><![CDATA[



　
　ようやく
　


　
ようやく自宅サーバーでの公開に漕ぎつけました。貧乏な管理人は極力お金を掛けないで乏しい知識と技術で、やっとこさ自宅サーバーがここまで出来ました。数々の挫折や失敗の繰り返しで、相当に時間を費やしました。これからはこのサーバーをどんどん更新して便利に使用したいと思っています。
]]></description>
			<content:encoded><![CDATA[<p>
<table style="border-bottom: #999999 1px solid; height: 25px;" border="0" cellspacing="0" cellpadding="0" width="455">
<tbody>
<tr>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
<td width="445" bgcolor="#ece9d8"><span style="FONT-SIZE: 12pt;COLOR: #76923c;FONT-FAMILY: 'ＭＳ Ｐゴシック'"><strong>　ようやく</strong></span></td>
<td width="5" align="center" bgcolor="#d6e3bc">　</td>
</tr>
</tbody></table>
<div style="font-size: 5px;">　</div>
ようやく自宅サーバーでの公開に漕ぎつけました。貧乏な管理人は極力お金を掛けないで乏しい知識と技術で、やっとこさ自宅サーバーがここまで出来ました。数々の挫折や失敗の繰り返しで、相当に時間を費やしました。これからはこのサーバーをどんどん更新して便利に使用したいと思っています。</p>
]]></content:encoded>
			<wfw:commentRss>http://bitmacro.net/wordpress/?feed=rss2&amp;p=7</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
