カテゴリー: 実験

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

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

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

• ダウンロード
  appache friendsからお使いのパソコン用のXAMPPをダウンロードします。
  今回はWindows用のXAMPP Liteを使用しました。

  ---

• インストール
  ダウンロードしたファイルを展開しCドライブの直下に移動します。
  インストール版をご利用の場合はウィザードに従ってインストールを進めましょう。

  ---

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

  ---

• セキュリティーの項目を設定する
  データベース(MySQL)のrootというユーザ用にパスワードを設定しましょう。今回はこのrootというユーザを使ってWordPressをインストールします．．．。
  併せて、htdocsフォルダにアクセスできるユーザとパスワードを設定しておきましょう。

  ---

• WordPress用のデータベースを作る
  

  ---

  ---

2 WordPressをインストールする
WordPress日本語サイトから最新版のWordPressをダウンロードします。
上記の下準備が成功していれば、あとはホスティングサーバ等でインストールするのと同様にお使いのパソコンにWordPressをインストールすることができます。

※より詳しいWorｄPressのインストールについて
：FAQ/インストール

3 XAMPPを終了する

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

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

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

ここであきらめてはいけない。

設定１

設定２

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

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

フィルタ効果無し

ABC:クリーンエッジ

ABC:シンプルぼかし

ABC:つや消しゼリー

ABC:フィルノイズ

ABC:ラフ

ABC:羽毛

ABC:拡散光

ABC:黒い外郭線

ABC:透明化ノイズ

ABC:反射光

イメージエフェクト：エッジ検出

イメージエフェクト：エッジ検出（垂直）

イメージエフェクト：エッジ検出（水平）

イメージエフェクト：シャープ

イメージエフェクト：シャープ（もっと）

イメージエフェクト：ソフトフォーカスレンズ

イメージエフェクト：フィルム粒子

イメージエフェクト：リキッド描画

イメージエフェクト：鉛筆

イメージエフェクト：古はがき

イメージエフェクト：青写真

イメージエフェクト：描画

イメージエフェクト：油絵

イメージエフェクト：劣化

イメージエフェクト・透過：HSLバンプ・アルファ

イメージエフェクト・透過：アルファ彫刻

イメージエフェクト・透過：アルファ彫刻B

イメージエフェクト・透過：アルファ描画

イメージエフェクト・透過：アルファ描画・液体

イメージエフェクト・透過：アルファ描画・色

イメージエフェクト・透過：キャンバスバンプ・アルファ

イメージエフェクト・透過：マーブルインク

イメージエフェクト・透過：透明化キャンバス

イメージエフェクト・透過：透明化ドット

イメージエフェクト・透過：透明化ラフ

イメージエフェクト・透過：透明化塗りつけ

イメージエフェクト・透過：泡状バンプ・アルファ

オーバーレイ：ゴム印

オーバーレイ：スイスチーズ

オーバーレイ：スコットランド

オーバーレイ：スペックル

オーバーレイ：ゼブラ

オーバーレイ：タータン

オーバーレイ：トラの毛皮

オーバーレイ：ピープル

オーバーレイ：ブルーチーズ

オーバーレイ：雲

オーバーレイ：快楽の園

オーバーレイ：謝肉祭

オーバーレイ：霜

オーバーレイ：増殖細胞

オーバーレイ：波状タータン

オーバーレイ：油膜

オーバーレイ：有刺鉄線

テクスチャ：インクの染み

テクスチャ：オーガニック

テクスチャ：グワッシュ

テクスチャ：ジャム・スプレッド

テクスチャ：シルクカーペット

テクスチャ：しわしわのプラスティック

テクスチャ：ひび割れたガラス

テクスチャ：フェルト

テクスチャ：むしばみ

テクスチャ：ラフとつや

テクスチャ：ラフペーパー

テクスチャ：ワックスプリント

テクスチャ：液体

テクスチャ：吸い取り紙

テクスチャ：樹皮

テクスチャ：震える液体

テクスチャ：水彩画

テクスチャ：水墨画

テクスチャ：石壁

テクスチャ：淡い虹

テクスチャ：破裂

テクスチャ：溶けた虹

テクスチャ：歪んだ虹

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');

PHPのGDで透過画像を回転させると、四隅がイヤーンな事になりますので、あらかじめ画像の透過部分に余裕(余白)をもたせておきますとウッフーンされるでしょう。

余白の無い透過画像

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

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

こうして、

おりゃぁー！！

おわり。

Eclipse Galileoの検索結果から訪れる方が増えたので、Eclipseバージョン3.5Galileoをインストールしてみました。
（インストールしただけともいう）

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

[google_web_elements_test2]

【Eclipse Babel Project Downloads】

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

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

Google web elementsを試してみた。

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

google web elements版 googlemaps

[google_web_elements_test]

メールソフトのアドレス帳データを使って、宛名の差込印刷を行ってみました。

■用意したもの

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

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

鴨居にカーテンとかいろいろ引っ掛けてみたい。

• コンソメパンチ
  コンソメについて調べました。（Wikipediaを読んだだけとも言う）
  その中で、”「コンソメ」とは、仏語で「完成された」の意味”とあり、
  「コンソメとは仏教用語だったのかー！」
  つづく
  みたいな感じで非常に驚いたのですが、フランス語でした。
  ゴメンヌ。
• 体調管理
  現時点での目標や問題点今後の課題などがまとまりつつあり、いざ気合で出力というところに頭痛でひっくり返りました。 なんというか、試合前に気合で両頬をバシッとはたいてそのまま気絶したみたいな感じでなんともいえません。
  こうなると、パソコンを使えなくなってしまうので、薬を飲んでうめきながら掃除して過ごしました。 スポーツなど始めてみるのがよいのかもしれないです。

仕事の合間にsakusakuを見ていたら白井さんと木村さんがチョコレートを食べていたので、休憩がてらチョコレートでも買いに出かけようとしたところ、今日は確か一人でチョコレートを買ってはいけない日だったような気がしたので近所で火の無いボヤ騒ぎを見学して帰りました。

チョコレートというのは食べられるアクセサリーのような感じなんでしょうか。 贈り物にしやすい食べ物とおもえます。 個人的には羊羹とお茶を贈る日があってもいいかなとおもったんですけどどうでしょう。 「お茶でもいかがですか」っていうキャッチコピーで。　羊羹とお茶の組み合わせはチョコレートとコーヒーの組み合わせにも引けをとらないです。

あと、冴えない人にお米を贈る習慣もあればとても助かるなあなどとおもいました。

不況の時こそ、こういった気持ちを盛り上げる習慣・風習を活用したいものです。

データのベースより出撃セヨ！ みたいな感じで情報操作の研究を行っていたところ、情報処理のことを情報操作と表記すると怪しさがUPするという事に気が付きました。

ということで打倒情報操作士を目標にデータベース関連の書籍を調べていたのですが、

読んでないので特に感想は無いです。

悩み事無く生活するにはどうすればよいのかという実験で悩んでいます。
人間は生きている限り悩み続けるとゲーテさんが言ったとか言わないとか言います。 そして、いらんこと言うなと帆船堂さんが言ったと言います。

ということで、本日は国分寺町で開催されたジャパンクリエイティブWebサイトデザイニングスクリプターズフォーラムというか普通の仕事の打ち合わせに参加しました。
個人で事業を開始してからはこのような集まりに参加する機会が多くなりとても充実しています。 これまでは、会社勤めの微妙な守秘義務などで技術的な議論のできるチャンスに恵まれなかったので、これだけでも事業を始めたかいがあったと感じてます。

ただ、生活の為に仕事をするよりも事業を続けるために生活を維持するほうが難しいです。 なんというか、生活することを意識していないと生き続けられない事を実感します。 あたりまえの事なんですけど。

蝶々を追いかけるように無邪気にお金を追いかけていけば儲かるかなともおもいましたが、それは多分結局蝶々も見失って山道で遭難するようにもおもわれました。 鋭意迷走中です。

Webサイトデザインの実験を行ってみました。

実験１、雑貨屋さん
http://hansendo.com/samplesite/site01/
30代の夫婦が運営する雑貨屋さんを想定しています。

実験２、喫茶店
http://hansendo.com/samplesite/site02/
写真好きのマスターが運営するカフェを想定しています。
コーヒーを飲むよりマスターの見学に来る来客のほうが多いような感じです。

実験３、団体・協会用
http://hansendo.com/samplesite/site03/
小規模民間森林保全団体を想定しています。

今回はCSSの【display:none】や【visibility:hidden】を多用してみました。
また、透過pngも併用しているのでIE6には未対応です。

SEOという関連の中、サーチエンジン側主導の下での表現方法の束縛が広まらない事を祈ります。

愛用のスーパーナイスキーボードFKB-86Eですが、このところ不調続きでもうダメかと諦めていました。

ふと、昔取った杵柄ということもあり、試しに分解して埃を払ったりしつつふーふーしてもとどおりに組み立てたところ、以前のように快調に動作するようになりました。

これなので機械は不思議です。

ともかくおかげさまで、まだしばらくはこのキーボードと共に仕事を続けられそうです。

※追記：キーボードは快調になっても仕事の依頼がスカスカなのでした。 ということで、ご発注のチャンスかも！