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

• ダウンロード
  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/インストール

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

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

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

参考サイト
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');

余白の無い透過画像

回転させると四隅に透過されていない部分が現れます

あらかじめ透過部分に余白を持たせた画像を、

こうして、

おりゃぁー！！

おわり。

で、せっかくなのでGoogle Web Elementsも使ってみようとおもい、Googleドキュメントでスライドを使っての紹介です。

[google_web_elements_test2]

【Eclipse Babel Project Downloads】

(いまのところスライド内のアクションが有効になっていないのは、なーんか納得いかねえなあとおもいました。)
【大きい画面でスライドを表示してみる】

■追記：Galileoの新機能
【イマドキのIDE事情 (59) Eclipse 3.5 Galileoリリース! 新機能をチェック | エンタープライズ | マイコミジャーナル】

http://www.google.com/webelements/

google web elements版 googlemaps

[google_web_elements_test]

■用意したもの

• メールソフト
  （今回はThunderbird。Outlook Expressでも可）
• OpenOffice.org
  （starsuiteでもできるかもしれない。ちょっとお値段が張りますけどマイクロソフトのあれでも同じ事はできます。）
• 交友関係

結果はだいたい以下の通りです。少し工夫すれば会員証とか名刺にも応用できそう。