オープンソースブログソフトウェア”WordPress”を
パソコンにインストールしましょう。

1. 下準備（XAMPP）
   • ダウンロード
   • インストール
   • セットアップ
   • セキュリティーの項目を設定する
   • WordPress用のデータベースを作る
2. WordPressをインストールする
3. XAMPPを終了する

---

---

１ 下準備（XAMPP）
WordPressが動作するにはデータベース等いくつかのソフトウェアが必要になります。
今回はXAMPPという、”主に学習用途としてそれらのソフトウェアを一つのパッケージとしてまとめたもの”を使ってWordPressをインストールしましょう。

• ダウンロード
  appache friendsからお使いのパソコン用のXAMPPをダウンロードします。
  今回はWindows用のXAMPP Liteを使用しました。
  [swf w=480 h=344]http://hansendo.com/flash/01xamppdownload_b.swf[/swf]
  【全体表示】

  ---

• インストール
  ダウンロードしたファイルを展開しCドライブの直下に移動します。
  インストール版をご利用の場合はウィザードに従ってインストールを進めましょう。
  [swf w=480 h=344]http://hansendo.com/flash/02xamppinstall_b.swf[/swf]
  【全体表示】

  ---

• セットアップ
  xamppliteフォルダ内のsetup_xampp.batを起動しましょう。
  いくつかの質問が表示されますが、WordPress用として使う場合は初期設定のままでよいでしょう。
  セットアップが完了したら一旦ｘを入力してセットアップ画面を終了してみましょう、デスクトップにXAMPPコントロールパネルのショートカットが作成されているはずです。
  [swf w=480 h=344]http://hansendo.com/flash/03xamppsetup_b.swf[/swf]
  【全体表示】

  ---

• セキュリティーの項目を設定する
  データベース(MySQL)のrootというユーザ用にパスワードを設定しましょう。今回はこのrootというユーザを使ってWordPressをインストールします．．．。
  併せて、htdocsフォルダにアクセスできるユーザとパスワードを設定しておきましょう。
  [swf w=480 h=344]http://hansendo.com/flash/04xamppsecurity_b.swf[/swf]
  【全体表示】

  ---

• WordPress用のデータベースを作る
  [swf w=480 h=344]http://hansendo.com/flash/05database_b.swf[/swf]
  【全体表示】

  ---

  ---

2 WordPressをインストールする
WordPress日本語サイトから最新版のWordPressをダウンロードします。
上記の下準備が成功していれば、あとはホスティングサーバ等でインストールするのと同様にお使いのパソコンにWordPressをインストールすることができます。
[swf w=480 h=344]http://hansendo.com/flash/06WordPress_b.swf[/swf]
【全体表示】
※より詳しいWorｄPressのインストールについて
：FAQ/インストール

---

---

3 XAMPPを終了する
[swf w=480 h=344]http://hansendo.com/flash/07shutdown_b.swf[/swf]
【全体表示】

Windows XP の自動更新時に再起動される動作を変更する方法ですが、XP Home の場合、gpedit.mscを使用する方法が使えません。

自動更新における自動再起動を抑止する － ＠IT

そこで、XP Home で自動更新後の再起動を制御する場合は、INASOFTの【いじくるつくーる】というソフトウェアを使ってみるとよいでしょう。
INASOFT

Inkscape0.47標準で使用できるフィルタ効果222種類を一覧表示してみました。
（※只今画像キャプションの編集中です。）

もう少し詳しい内容はこっちのガイドページに記載されてます。
Inkscape: Guide to a Vector Drawing Program

JavaScriptでsleepっぽい処理を試してみたところなかなかうまくいってウッシッシというところなのでここで自慢したい。
(※追記2012年1月18日：簡潔なコードとサンプルを新しく掲載しました)

参考サイト
JavaScriptでwait、sleep、pause – mayokara memo

http://mayokara.info/blog/archives/2008/01/15183102.php

イヌでもわかるJavaScript講座 ラーメンタイマー

http://www.red.oit-net.jp/tatsuya/java/noodles.htm

というか、参考サイトの内容を試してみただけともいう。

さて、詳細をここで帆船堂流に説明すると、閲覧者の方々を誤解と混乱の渦に叩き落とすことになるような気がしないでもないので、具体例はコードとサンプルで確認していただきたい。

Ajaxなどで余計なリクエストを送信しないという効果が期待できるはずである。ような気がする。

「今回使用したWidgetのコード」(*jQueryは呼び出し済み)

class testJSSleep extends WP_Widget
{
	function testJSSleep()
	{
		$widget_ops = array('classname' => 'testJSSleep', 'description' => __( "JSSLEEP_test") );
		$this->WP_Widget('testJSSleep', __('testJSSleep'), $widget_ops);
	}
	function widget($args, $instance)
	{
		$CP = get_post(get_the_ID());
		$attachments = get_children(get_the_ID());
		$imgs1 = null;
		$imgsL = null;
		if ($attachments) {
			$i = 0;
			foreach ($attachments as $val) {
				if (!($val->post_mime_type === 'image/jpeg')) {
					continue;
				}
				$imgurl = wp_get_attachment_thumb_url($val->ID);
				$imgtag = "<img src='{$imgurl}' width='40' height='40' alt='' class='testjssleepimg_{$i}' />";
				$imgs1 .= $imgtag;
				$imgurl = wp_get_attachment_url($val->ID);
				$imgtag = "<img src='{$imgurl}' alt='' class='testjssleepimg_{$i}' style='display:none;' />";
				$imgsL .= $imgtag;
				$i++;
			}
		}
		$imgs2 = "<div id='testjssleepbox2'><strong>擬似sleep処理あり</strong><br />{$imgs1}</div>";
		$imgs1 = "<div id='testjssleepbox1'><strong>sleep処理なし</strong><br />{$imgs1}</div>";
		$imgsL = "<div id='testjssleepboxL' style='text-align:center;width:400px;height:224px;overflow:hidden;background-color:#111;border:1px solid #4c4c4c;'>{$imgsL}</div>";
		echo "<strong>うそ寝 the 擬似sleepモード</strong>{$imgsL}<hr />{$imgs1}<hr />{$imgs2}";
		echo "
			<script type='text/javascript'>
			//![CDATA[
				jQuery(function($) {
					$('img', 'div#testjssleepbox1').mouseover(function(){
						var key = $(this).attr('class');
						$('img:visible', 'div#testjssleepboxL').attr('style', 'display:none;');
						$('img[class='+key+']', 'div#testjssleepboxL').attr('style', 'display:block;');
					});
					$('img', 'div#testjssleepbox2').mouseover(function(){
						var tmp = this;
						var chotto_mate = function(e) {
							var key = $(e).attr('class');
							$('img:visible', 'div#testjssleepboxL').attr('style', 'display:none;');
							$('img[class='+key+']', 'div#testjssleepboxL').attr('style', 'display:block;');
						};
						mattoru_wai = setTimeout(function() {
							chotto_mate(tmp);
						}, 200);
					});
					$('img', 'div#testjssleepbox2').mouseout(function() {
						clearTimeout(mattoru_wai);
					});
				});
			//]]>
			</script>
		";
	}
}
register_widget('testJSSleep');