パソコンにWordPressをインストールする

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

  1. 下準備(XAMPP)
  2. WordPressをインストールする
  3. XAMPPを終了する


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

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


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


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


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


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



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

※より詳しいWordPressのインストールについて
FAQ/インストール



3 XAMPPを終了する


Share

自動更新後の再起動を制御

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

自動更新における自動再起動を抑止する - @IT

 

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


Share

Inkscape0.47フィルタ効果一覧

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

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


Share

JavaScript the ニセSleep

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

Share

PHPのGDで透過画像を回転した

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

余白の無い透過画像
 

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

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

こうして、
 

おりゃぁー!!
 

おわり。


Share

Eclipse Galileoの日本語化をスライドで表示してみた

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

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

[google_web_elements_test2]

【Eclipse Babel Project Downloads】

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

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


Share