<?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>Like@Lunatic Blog</title>
	<atom:link href="http://likealunatic.jp/feed" rel="self" type="application/rss+xml" />
	<link>http://likealunatic.jp</link>
	<description>マークアップエンジニア Naoki Sekiguchi のブログ</description>
	<lastBuildDate>Wed, 07 Jul 2010 15:43:41 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>宮里藍選手のインタビューを見て勇気づけられた件</title>
		<link>http://likealunatic.jp/2010/07/hst.php</link>
		<comments>http://likealunatic.jp/2010/07/hst.php#comments</comments>
		<pubDate>Wed, 07 Jul 2010 15:42:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Miscellany]]></category>
		<category><![CDATA[Misc]]></category>
		<category><![CDATA[Sports]]></category>

		<guid isPermaLink="false">http://likealunatic.jp/?p=715</guid>
		<description><![CDATA[7月5日放送の報道ステーションにて、宮里藍選手のインタビューが放送されました。そのインタビューにおける宮里選手の「自分のスタイルが見つかった」、「私はこれでいいんだ」という言葉に勇気付けられました。]]></description>
			<content:encoded><![CDATA[<p>7月5日放送の<a href="http://www.tv-asahi.co.jp/hst/">報道ステーション</a>にて、宮里藍選手のインタビューが放送されました。松岡修造氏が担当するスポーツコーナーの一角です。そのインタビューにおける宮里選手の「自分のスタイルが見つかった」、「私はこれでいいんだ」という言葉に勇気付けられました。<br />
宮里選手は2010年米国のツアーで4勝目を果たし、快進撃を続けています。</p>

<p>プロゴルファーとしての活動の場を2006年から米国に変えている宮里選手ですが、渡米当時は現地のゴルファーとの飛距離の差に愕然としたそうです。「こんなのフェアじゃない」とさえ思ったそう。一時は肉体改造を決意し飛距離を延ばそうとしたそうですが、自分のゴルフができなくなり、大いに苦しんだそうです。</p>

<p>苦しむ宮里選手はあるカウンセラーと出会いカウンセリングを受けるうち「飛距離で勝負する必要はない」という結論に達しました。その分、ショットの正確性を高めることに注力したそうです。その結果、（1打目の飛距離が足りないため）2打目のグリーンへのアプロートに多めの距離を必要としても、結果的に他の選手よりピンのそばに寄せられる、というスタイルとなったとのこと。</p>

<p>本人が「太極拳スイング」と呼ぶ、超ゆっくりスイングしてフォームを確かめる練習には感心しました。1スイングに2〜3分はかけるとおっしゃってました。<br />
楽器をやっている自分としては「あー、それ本当に理に適っているな」と思いました。そうなんです、スポーツでも楽器の演奏でも<em>フォームは超重要</em>。ゆっくりできない動きは、速くやってもできないのです。動作の正確性を極めるなら、正しいフォームを徹底的に体に覚え込ませるのが一番の近道だと思います。</p>

<p>これもっと速く気づいていれば良かったと思いました・・・いや、知ってはいたと思うのですが普段は忘れていることなので、改めて気づかされたというところでしょうか。</p>

<p>自分のスタイルを見つければ、他人と同じゴールを目指さなくてもいいんだよ、というのがこのインタビューにおけるメッセージだと受け取りました。<br />
「自分のスタイルを見つけ、迷いのない状態」になったということは、つまりブレイクスルーしたということですね。ブレイクスルーするための道は、一本道ではないということでしょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://likealunatic.jp/2010/07/hst.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PNG8でアルファチャンネルが使えることを最近知った件</title>
		<link>http://likealunatic.jp/2010/07/png8alpha.php</link>
		<comments>http://likealunatic.jp/2010/07/png8alpha.php#comments</comments>
		<pubDate>Thu, 01 Jul 2010 15:01:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[PNG]]></category>

		<guid isPermaLink="false">http://likealunatic.jp/?p=692</guid>
		<description><![CDATA[「続・ハイパフォーマンスWebサイト」を読んで、今ではPNG8がデフォルトですよ、みたいな内容が書いてあってあえてPNG形式を避けてきた自分は衝撃を受けました。]]></description>
			<content:encoded><![CDATA[<p><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/07/20100701intro.png" alt="" width="160" height="160" class="alignnone size-full wp-image-693 photoEven" />
<a href="http://www.amazon.co.jp/gp/product/4873114462?ie=UTF8&amp;tag=likealunatic-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4873114462">続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス</a><img src="http://www.assoc-amazon.jp/e/ir?t=likealunatic-22&amp;l=as2&amp;o=9&amp;a=4873114462" width="1" height="1" alt="" style="border:none !important; margin:0px !important;" />を読んで、今ではPNG8がデフォルトですよ、みたいな内容が書いてあったのでPNG形式を敬遠してきた自分はたいそう驚きました。</p>
<blockquote cite="http://www.oreilly.co.jp/books/9784873114460/"><p>写真にはJPEG、アニメーションにはGIF、その他すべてのものにはPNG（可能な限りPNG8）を使う</p></blockquote>
<p>ということだそうです。</p>

<p>同書でも紹介されていたsitepointの記事、<a href="http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/">PNG8 - The Clear Winner</a>を読むと、「PNG8最高だよ！」みたいなことが書いてあります。要約（というか超訳）すると</p>
<blockquote cite="http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/"><ul>
<li>PNG8はGIFのような256色パレットベースのカラーモデルを持っている</li>
<li>GIFのようにアニメーションはできない</li>
<li>GIFのように一部の色を完全に透明にすることができる</li>
</ul>
<p>しかしなんと、Fireworksを使えばアルファチャンネル付きのPNG8を書き出すことができる。少なくともバージョン3から実装されている。<br />
アルファチャンネル付きで書き出した部分はIE6などの未対応ブラウザでは完全に透明なピクセルとして表示される。境目はジャギってしまうけど、そこまで見た目を損なうものではない。</p></blockquote>

<p>なんと、Fireworksしかこのアルファチャンネル付き書き出しには対応していないそうです。しかもバージョン3からって・・・本当に目から鱗です・・・。<br />
とりあえず実践してみようということでデモを作成しました。</p>

<p><a href="/demo/png8alpha/">デモ - PNG8 with Alpha Channel Test</a></p>

<p>はい、ドラゴンボールです。ドラゴンボールの影の部分がアルファチャンネル付きになっています。PNG8、PNG32、GIF、JPEGを比較のため、並べてみました。ちょっとサンプル画像の色数が多いため、ファイルサイズではJPEG（画質80）が最も軽くなっています。<br />
特筆すべきはGIFと比べてファイルサイズが小さいこと。約20KBと約14KBなので、その差は歴然。<br />
もっと色数が少なくていい画像ならそんなに違和感（グラデーション部分のガタガタ感とか）も出ないだろうし、PNG8の良さがもっと引き出せたのではないでしょうか。</p>

<p>ちなみにデモをIE6で見ると、以下のスクリーンショットのようになります。</p>

<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/07/20100701_ss_ie6.png"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/07/20100701_ss_ie6-158x300.png" alt="" title="アルファチャンネル付きPNG8とPNG32をIE6で表示したスクリーンショット" width="158" height="300" class="alignnone size-medium wp-image-694" /></a></p>

<p>ドロップシャドウ部分がまるまるなくなっています。PNG32（filterハックなし）の場合、透明部分がグレーになって表示されてしまうのはご存知の通りです。</p>

<p>透明度が必要なデザインの対応として、PNG32とfilterベースのハックを使って完全な表現を目指すのか、PNG8を使ってProgressive Enhancement的な制作を行うのか、というように選択肢が増える感じでしょうね。<br />
filterプロパティを使った対応はその代償としてパフォーマンスを大幅に下げてしまいます。&quot;ハイパフォーマンスWebサイト&quot;を目指すのであれば、アルファチャンネル付きPNG8を使うという選択肢を検討してもいいかもしれません。</p>]]></content:encoded>
			<wfw:commentRss>http://likealunatic.jp/2010/07/png8alpha.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[memo]Git Bash内でコピペ</title>
		<link>http://likealunatic.jp/2010/06/gitbashcopypaste.php</link>
		<comments>http://likealunatic.jp/2010/06/gitbashcopypaste.php#comments</comments>
		<pubDate>Mon, 07 Jun 2010 10:41:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[git]]></category>
		<category><![CDATA[Memo]]></category>

		<guid isPermaLink="false">http://likealunatic.jp/?p=687</guid>
		<description><![CDATA[タイトルバーを右クリックして出るコンテキストメニューで「編集」から範囲選択し、コピーができる。]]></description>
			<content:encoded><![CDATA[<blockquote cite="http://magpad.jugem.jp/?eid=82"><p>Git Bashのタイトルバーを右クリックすると、編集や範囲指定のメニューが出てくる。</p></blockquote>
<p class="cite"><a href="http://magpad.jugem.jp/?eid=82">Git Bash内でコピペをする方法 | public static void main</a></p>
<p>助かりました！<br />
データ納品型の案件だと、ファイルの修正箇所を差分として伝えなくてはならないことが多々あります。そういう時にコミットのログやdiffを差分として納品すりゃ楽チンですねー。</p>]]></content:encoded>
			<wfw:commentRss>http://likealunatic.jp/2010/06/gitbashcopypaste.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JSONがinvalidでもjQuery.getJSON()はエラーを吐かない</title>
		<link>http://likealunatic.jp/2010/05/getjson.php</link>
		<comments>http://likealunatic.jp/2010/05/getjson.php#comments</comments>
		<pubDate>Fri, 21 May 2010 05:51:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[json]]></category>

		<guid isPermaLink="false">http://likealunatic.jp/?p=681</guid>
		<description><![CDATA[記事のタイトルで言いたいことは言い切っちゃているんですけれども。 jQuery 1.4.2 の $.getJSON() 、もしくは $.ajax() でリクエストしたJSONファイルがinvalidだった場合、エラーは吐きませんがコールバック関数が実行されません。 [jQuery] getJSON callback not firing? - jQuery Forum なんでinvalidなのかと調べたところ・・・、JSONでは文字列は必ずダブルクォートで囲まないといけないことが判りました。シングルクォートではダメです。それからオブジェクトリテラルの左のオペランドにも、ダブルクォート省略不可！あー、なんか初歩的なところでつまづいています。 A string is a collection of zero or more Unicode characters, wrapped in double quotes, using backslash escapes. http://json.org/ 何しろエラーが出ないので、何が悪いのかわかりにくいです＞＜ これで2時間はハマってしまった・・・。。]]></description>
			<content:encoded><![CDATA[<p>記事のタイトルで言いたいことは言い切っちゃているんですけれども。<br />
jQuery 1.4.2 の <a href="http://api.jquery.com/jQuery.getJSON/">$.getJSON()</a> 、もしくは <a href="http://api.jquery.com/jQuery.ajax/">$.ajax()</a> でリクエストしたJSONファイルがinvalidだった場合、エラーは吐きませんが<strong>コールバック関数が実行されません</strong>。</p>

<p class="ref"><a href="http://forum.jquery.com/topic/jquery-getjson-callback-not-firing-12-1-2010">[jQuery] getJSON callback not firing? - jQuery Forum</a></p>

<p>なんでinvalidなのかと調べたところ・・・、JSONでは文字列は必ずダブルクォートで囲まないといけないことが判りました。シングルクォートではダメです。それからオブジェクトリテラルの左のオペランドにも、ダブルクォート省略不可！あー、なんか初歩的なところでつまづいています。</p>
<blockquote cite="http://json.org/">
<p>A string is a collection of zero or more Unicode characters, wrapped in double quotes, using backslash escapes. </p>
<p class="site"><a href="http://json.org/">http://json.org/</a></p>
</blockquote>

<p>何しろエラーが出ないので、何が悪いのかわかりにくいです＞＜ これで2時間はハマってしまった・・・。。</p>]]></content:encoded>
			<wfw:commentRss>http://likealunatic.jp/2010/05/getjson.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MacBookをチューニングした話</title>
		<link>http://likealunatic.jp/2010/05/macbook.php</link>
		<comments>http://likealunatic.jp/2010/05/macbook.php#comments</comments>
		<pubDate>Sat, 08 May 2010 04:40:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Mac]]></category>

		<guid isPermaLink="false">http://likealunatic.jp/?p=646</guid>
		<description><![CDATA[約2年半前に手に入れた初めてのMacが、今も愛用しているMacBookです。 VMWare FusionでWindowsを動かしたり、Adobe社の製品を動かしたり、と買った当時想定していたよりいつの間にかヘビーな使い方をするようになっていたので、かねてから性能には不満を感じるようになっていました。そこでGW中にいい加減に環境改善を行うことにしたわけです。 MacBookと言えば、ついこないだ新型が出たばかりなので、本当はMacBook Proに乗り換えるのがベストな選択でした。が、予算の関係で断念。 先月、Sugamo.vimに参加した際に@neotagさんにSnow Leopardへの乗り換えとメモリ増設を薦めていただきましたので、これを実行してみることにしました。 では今回の計画をば。 メモリを4GBに増設 HDDを500GB、7200rpmのものに換装 Snow Leopardのクリーンインストールして環境再構築 記憶媒体は本当はSSDのがいいに決まってるのですが、まだ高いしHDDにすることに。 メモリ交換については、説明書にやり方が書いてある程簡単にできることが判明。問題はHDDの換装です。 下調べをしてみると実際に交換したレポートが掲載されている記事がまぁ出るわ出るわ。参考になりまくりました。（※参考にさせていただいたサイト様は記事末尾にリンクを掲載します） まず、自分のMacBookの型番を調査。MB062J/Bという型であることが判明。 技術仕様: MacBook (2 Duo/13.3)(22 Duo/13.3)(2.2 Duo/13.3) アップル - サポート - 製品名一覧 で、上記の「技術仕様」によるとメモリは 1GB (2 x 512MB) 667MHz DDR2 SDRAM (PC2-5300)メモリ、最大4GBをサポート HDDは 120GBシリアルATA、5400rpm であるようです。さらに調べると、HDDは2.5インチサイズで、9.5mm厚以下のものである必要があることが分かりました。 そして、メモリとHDDを外すために精密ドライバーと、T8というサイズの「トルクスドライバー」が必要であることも判明。 さて、これで必要なものが全て分かりました。ではいざ、秋葉原へショッピングへ！ 何件かお店をウロウロとしたのですが、結果的に買い物をしたお店は以下です。Google Mapを張ります。 より大きな地図で 201005秋葉原買い物マップ を表示 ソフマップ 秋葉原Mac・クリエイターズ館でSnow Leopardを、秋葉館でメモリとトルクスドライバーを、クレバリーでHDDを、東京ラジオデパートで精密ドライバーを買いました。 結果的に、購入した製品は以下となりました。 Snow Leopard Transcend製メモリ DDR2-667 2GB [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://likealunatic.jp/2007/11/04_macbook.php">約2年半前に手に入れた</a>初めてのMacが、今も愛用しているMacBookです。<br />
VMWare FusionでWindowsを動かしたり、Adobe社の製品を動かしたり、と買った当時想定していたよりいつの間にかヘビーな使い方をするようになっていたので、かねてから性能には不満を感じるようになっていました。そこでGW中にいい加減に環境改善を行うことにしたわけです。</p>

<p>MacBookと言えば、ついこないだ新型が出たばかりなので、本当はMacBook Proに乗り換えるのがベストな選択でした。が、予算の関係で断念。<br />
先月、<a href="http://atnd.org/events/3545">Sugamo.vim</a>に参加した際に<a href="http://twitter.com/neotag">@neotag</a>さんにSnow Leopardへの乗り換えとメモリ増設を薦めていただきましたので、これを実行してみることにしました。</p>

<p>では今回の計画をば。</p>

<ul>
<li>メモリを4GBに増設</li>
<li>HDDを500GB、7200rpmのものに換装</li>
<li>Snow Leopardのクリーンインストールして環境再構築</li>
</ul>

<p>記憶媒体は本当はSSDのがいいに決まってるのですが、<a href="http://twitter.com/likealunatic/status/12439748758">まだ高いし</a>HDDにすることに。</p>

<p>メモリ交換については、説明書にやり方が書いてある程簡単にできることが判明。問題はHDDの換装です。<br />
下調べをしてみると実際に交換したレポートが掲載されている記事がまぁ出るわ出るわ。参考になりまくりました。（※参考にさせていただいたサイト様は記事末尾にリンクを掲載します）</p>

<p>まず、自分のMacBookの型番を調査。MB062J/Bという型であることが判明。</p>
<ul class="ref">
<li><a href="http://support.apple.com/kb/SP12?viewlocale=ja_JP">技術仕様:  MacBook (2 Duo/13.3)(22 Duo/13.3)(2.2 Duo/13.3)</a></li>
<li><a href="http://www.apple.com/jp/support/list.html#macbook">アップル - サポート - 製品名一覧</a></li>
</ul>

<p>で、上記の「技術仕様」によるとメモリは <q>1GB (2 x 512MB) 667MHz DDR2 SDRAM (PC2-5300)メモリ、最大4GBをサポート</q> HDDは <q>120GBシリアルATA、5400rpm</q> であるようです。さらに調べると、HDDは2.5インチサイズで、9.5mm厚以下のものである必要があることが分かりました。</p>

<p>そして、メモリとHDDを外すために精密ドライバーと、T8というサイズの「トルクスドライバー」が必要であることも判明。<br />
さて、これで必要なものが全て分かりました。ではいざ、秋葉原へショッピングへ！</p>

<p>何件かお店をウロウロとしたのですが、結果的に買い物をしたお店は以下です。Google Mapを張ります。</p>

<p><iframe width="500" height="375" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps/ms?oe=utf-8&amp;hl=ja&amp;client=firefox-a&amp;ie=UTF8&amp;brcurrent=3,0x60188c1c2969d079:0xcbce389a6b190c21,0&amp;source=embed&amp;msa=0&amp;msid=113471310812981762724.000485da1a263b7f9bb4f&amp;ll=35.69993,139.77254&amp;spn=0.003267,0.005364&amp;z=17&amp;output=embed"></iframe><br /><small>より大きな地図で <a href="http://maps.google.co.jp/maps/ms?oe=utf-8&amp;hl=ja&amp;client=firefox-a&amp;ie=UTF8&amp;brcurrent=3,0x60188c1c2969d079:0xcbce389a6b190c21,0&amp;source=embed&amp;msa=0&amp;msid=113471310812981762724.000485da1a263b7f9bb4f&amp;ll=35.69993,139.77254&amp;spn=0.003267,0.005364&amp;z=17" style="color:#0000FF;text-align:left">201005秋葉原買い物マップ</a> を表示</small>
</p>

<p>ソフマップ 秋葉原Mac・クリエイターズ館でSnow Leopardを、秋葉館でメモリとトルクスドライバーを、クレバリーでHDDを、東京ラジオデパートで精密ドライバーを買いました。<br />
結果的に、購入した製品は以下となりました。</p>

<ul>
<li>Snow Leopard</li>
<li>Transcend製メモリ DDR2-667 2GB ×2</li>
<li>Seagate製HDD ST9500420ASG 500GB キャッシュ16MB</li>
<li>サンワサプライ製 T-9・8ドライバーセット</li>
<li>精密ドライバー3本セット</li>
</ul>
<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_01.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_01-300x225.jpg" alt="秋葉原で買い物したもの" title="秋葉原で買い物したもの" width="300" height="225" class="alignnone size-medium wp-image-651" /></a></p>

<p>「トルクスドライバー」がスムーズに手に入るものかいささか不安だったのですが、秋葉館さんのレジ横でサンワサプライ製のものをあっさり発見。やっぱりMacでDIYやるのならこの手の工具が必要になるのは有名な話のようですねー。</p>

<p>HDDについては5400rpmから7200rpmのものに換えると発熱量が増えるのかなーと現地でふと気づき、<a href="http://www.google.co.jp/search?hl=ja&amp;client=firefox-a&amp;rls=org.mozilla%3Aja-JP-mac%3Aofficial&amp;q=macbook+hdd%E4%BA%A4%E6%8F%9B+7200rpm+%E7%99%BA%E7%86%B1&amp;lr=&amp;aq=f&amp;aqi=&amp;aql=&amp;oq=&amp;gs_rfai=">店頭のその場でiPhoneでググってみると</a>目立った問題は見つからないようだったので、7200rpmのHDDに問題なく決定。<br />
ちなみにSeagate製のHDDには ST9500420AS っていうモデルも存在していて（最後に「G」がない）、「G」がつかない方がオプションなしの通常モデル。「G」の付く方が耐衝撃オプションの付いたモデルということです。具体的にどこが違うんだと店員さんに聞いてみたところ「公式な情報にも『衝撃に対して耐性がある』としか説明されていない」と言ってましたが、本当でしょうか・・・？（汗）両モデルの料金差は実売価格で2,000円程度。安心料の違いって感じでしょうか。<br />
これで買い物は終了です。</p>

<p>では買ってきたメモリとHDDの換装に取りかかりましょう。<br />
言うまでもないことですが、作業の前にHDDの内容はバックアップを取っておきましょう。環境をまるっと移す場合にはTime Machineを使ったりなんだりしてうまいやり方があるのかもしれませんが、今回はOSまで乗り換えてしまうので、必要データだけを外付けHDDにバックアップを取りました。</p>

<p>まずは当然MacBookの電源オフにして、電源は外します。<br />
準備が整ったら、MacBookを裏返しにしてバッテリーを外します。10円玉を使って、裏側に付いている丸い溝をくるっと回せばバッテリーは外れます。</p>
<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_02.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_02-300x225.jpg" alt="MacBookのバッテリーを取り外そうとしているところ" title="MacBookのバッテリーを取り外そうとしているところ" width="300" height="225" class="alignnone size-medium wp-image-652" /></a></p>
<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_03.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_03-300x225.jpg" alt="MacBookのバッテリーを取り外したところ" title="MacBookのバッテリーを取り外したところ" width="300" height="225" class="alignnone size-medium wp-image-653" /></a></p>

<p>バッテリーが入っていた部分の側壁に金属のプレートがはまっていますので、これを外します。小さなプラスねじ3つでとまっているだけですので、これを精密ドライバーで外します。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_04.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_04-300x225.jpg" alt="バッテリーが収まっていたスペースの側壁を外そうとしているところ" title="バッテリーが収まっていたスペースの側壁を外そうとしているところ" width="300" height="225" class="alignnone size-medium wp-image-654" /></a></p>

<p>これで金属のプレートが外れます。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_05.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_05-300x225.jpg" alt="側壁が外れました" title="側壁が外れました" width="300" height="225" class="alignnone size-medium wp-image-655" /></a></p>

<p>さて、これからメモリを外すので金属のプレートを触って静電気を除去しておきましょう。お約束です（笑）</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_06.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_06-300x225.jpg" alt="メモリに触る前に金属部にタッチして静電気を除去！" title="メモリに触る前に金属部にタッチして静電気を除去！" width="300" height="225" class="alignnone size-medium wp-image-656" /></a></p>

<p>メモリは右奥の二つのスロットにはまっています。そこから覗いているレバーを左に引っ張れば、メモリが外れます。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_07.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_07-300x225.jpg" alt="レバーをひっぱってメモリを外します" title="レバーをひっぱってメモリを外します" width="300" height="225" class="alignnone size-medium wp-image-657" /></a></p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_08.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_08-300x225.jpg" alt="メモリを外します" title="メモリを外します" width="300" height="225" class="alignnone size-medium wp-image-658" /></a></p>

<p>これを新しいメモリに差し替えます。メモリの装着は押し込むだけ。この時、切り欠きの方向を間違えないように要注意です。奥まで押し込むのには、結構力が要ります。私はMacBookを立てて上から力を加えて押し込みました。奥まで押し込んでも「カチッ」というクリック感はありませんでした。元通りの位置に納まり、戻ってこなければ装着できたって感じでしょうか。</p>

<p>次はHDDの交換です。<br />
HDDは左手の壁にはまっています。白いぺろーんとした取っ手（？）がついていますので、これを引っ張るだけでHDDは外れます。一気に引き抜いてはいけません。くれぐれも少しずつ、そーっと引っ張りましょう。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_09.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_09-300x225.jpg" alt="HDDを取り外します" title="HDDを取り外します" width="300" height="225" class="alignnone size-medium wp-image-659" /></a></p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_10.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_10-300x225.jpg" alt="慎重にHDDを引っ張りだします" title="慎重にHDDを引っ張りだします" width="300" height="225" class="alignnone size-medium wp-image-660" /></a></p>

<p>ついていたHDDはSeagate製でした。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_11.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_11-300x225.jpg" alt="純正HDDはSeagate製でした" title="純正HDDはSeagate製でした" width="300" height="225" class="alignnone size-medium wp-image-661" /></a></p>

<p>このHDDは特殊な＊型のネジ4本で、ステーに側面から固定されています。ここで例のトルクスドライバーT8の登場です。このネジ4本をトルクスドライバーで外します。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_12.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_12-300x225.jpg" alt="HDDは＊型ネジでステーに固定されてます" title="HDDは＊型ネジでステーに固定されてます" width="300" height="225" class="alignnone size-medium wp-image-662" /></a></p>

<p>はい、見ての通りこのステー、ぺらっぺらです。誤って踏んづけでもしたらイチコロですのでご注意ください。このステーに新しいHDDをさっきのネジで取り付けます。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_13.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_13-225x300.jpg" alt="HDDのステー。ぺらっぺら" title="HDDのステー。ぺらっぺら" width="225" height="300" class="alignnone size-medium wp-image-663" /></a></p>

<p>ステーに納めたHDDを本体に合体させる際に、注意しなくてはならないことがあります。これも下調べして分かったことなのですが、HDDの左側面にステーが乗るゴム製のレールがついており、HDDを取り付ける際にこれが剥がれて奥に押し込まれてしまうことがあるのだそう。こうなったら大変、剥がれたゴム製レールをどうにかして元に戻すしか道はないそうです。<br />
<span class="memo">参考サイト様での失敗談はHDDを裏返しに取り付けようとしたのが原因だったようですが・・・。</span></p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_14.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_14-300x225.jpg" alt="HDDと本体設置面のレール" title="HDDと本体設置面のレール" width="300" height="225" class="alignnone size-medium wp-image-664" /></a></p>

<p>これこれ、HDDの横にわずかに見える黒いレールですね。これにHDDがちゃんと乗ってる手応えを感じつつ、そーっとちょっとずつHDDを挿入します。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_15-e1273294484591.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_15-300x225.jpg" alt="HDDが収まったところ" title="HDDが収まったところ" width="300" height="225" class="alignnone size-medium wp-image-665" /></a></p>

<p>はい、これでメモリもHDDも新しいものに差し替えられました。金属のプレートを元通り取り付けます。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_16.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_16-300x225.jpg" alt="金属プレートを元通りに取り付けます" title="金属プレートを元通りに取り付けます" width="300" height="225" class="alignnone size-medium wp-image-666" /></a></p>

<p>バッテリーも元通り取り付ければ作業完了です。</p>

<p>あとはSnow LepardのインストールDVDを入れてMacBookを起動し、OSをインストールするだけ・・・と言いたいところですが、ここからは特に難しいことはないので記事には書きません。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_17.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_17-300x225.jpg" alt="Snow Leopardをインストール！" title="Snow Leopardをインストール！" width="300" height="225" class="alignnone size-medium wp-image-667" /></a></p>

<p>ただ1点だけメモ。新しいHDDはまだフォーマットされていないので、OSインストールの際にディスク領域として認識されません。</p>

<p><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_18.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/05/20100505_18-300x225.jpg" alt="HDDをまずフォーマットしましょうね" title="HDDをまずフォーマットしましょうね" width="300" height="225" class="alignnone size-medium wp-image-668" /></a></p>

<p>この時に「ユーティリティ＞ディスクユーティリティ」メニューで出てくるウィンドウで、「消去」を行うことでHDDがフォーマットできます。</p>

<p>現時点で概ね環境はできたのですが、いやー作業前と比べ物にならないくらい快適なマシンになりました。とにかく、以前のもっさり感が軽減されました。メモリ4GBの恩恵がやっぱり大きいんでしょうかね。まだ酷使と言えるような状況では使っていませんが、7200rpmのHDDも熱や振動などといった問題は特に感じることなく動作しています。これでしばらくは自宅の環境は安泰ですわー。</p>

<p>いやまぁ実はまだ物欲は収まっておらず、自宅のWindowsXPデスクトップマシンをWindows7にしたかったりしますが・・・。</p>

<div class="section">
<h3>参考サイト様一覧</h3>
<dl>
<dt>Apple公式のMacBook関連</dt>
<dd><a href="http://support.apple.com/kb/SP12?viewlocale=ja_JP">技術仕様: MacBook (2 Duo/13.3)(22 Duo/13.3)(2.2 Duo/13.3)</a></dd>
<dd><a href="http://www.apple.com/jp/support/list.html#macbook">アップル - サポート - 製品名一覧</a></dd>
<dd><a href="http://manuals.info.apple.com/ja_JP/MacBook_13inch_Memory_DIY.pdf">[PDF] MacBook (13 インチ) メモリ (DIMM) 交換 手順</a></dd>
<dd><a href="http://manuals.info.apple.com/ja_JP/MacBook_13inch_HardDrive_DIY.pdf">[PDF] MacBook (13 インチ) ハードドライブ 交換 手順</a></dd>

<dt>HDD交換関連</dt>
<dd><a href="http://w21sa.exblog.jp/6909841/">NISHISAITAMA PROJECT : ＊な頭のドライバーなんてもってねーよ！　というかMacBookのHDD交換日記</a></dd>
<dd><a href="http://hyper-text.org/archives/2008/09/macbook_hdd_change.shtml">MacBook の HDD を交換 | WWW WATCH</a></dd>
<dd><a href="http://chalow.net/2009-02-11-3.html">[を] MacBook の HDD を交換した話</a></dd>
<dd><a href="http://telnet.blog.so-net.ne.jp/2008-09-27">MacBook HD交換：くもり のち ひとりごと.：So-netブログ</a></dd>
<dd><a href="http://www.portalshit.net/article.php?id=908">portal shit! : 本当は恐ろしいMacBookのHDD換装</a></dd>

<dt>7200rpm HDDの発熱関連</dt>
<dd><a href="http://www.google.co.jp/search?hl=ja&#038;client=firefox-a&#038;rls=org.mozilla%3Aja-JP-mac%3Aofficial&#038;q=macbook+hdd%E4%BA%A4%E6%8F%9B+7200rpm+%E7%99%BA%E7%86%B1&#038;lr=&#038;aq=f&#038;aqi=&#038;aql=&#038;oq=&#038;gs_rfai=">macbook hdd交換 7200rpm 発熱 - Google 検索</a></dd>
<dd><a href="http://e-kumo.air-nifty.com/heko/2009/09/macbookhdd-f442.html">MacbookのHDD交換＆雪豹を入れてみた！: そのうちなんとかなるだろう</a></dd>
<dd><a href="http://ipod.item-get.com/2008/12/macbook7200rpmhdd.php">MacBookを7200rpmのHDDに交換 - iPod LOVE</a></dd>

<dt>Seagate製HDDの型番関連</dt>
<dd><a href="http://bbs.kakaku.com/bbs/K0000018053/#10420760">ST9500420AS とST9500420ASGの違いは？ - 価格.com -  SEAGATE ST9500420ASG (500GB 9.5mm) のクチコミ掲示板</a></dd>
</dl>
</div>]]></content:encoded>
			<wfw:commentRss>http://likealunatic.jp/2010/05/macbook.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[MT]値に日本語が含まれるかどうか判別して条件分岐する</title>
		<link>http://likealunatic.jp/2010/04/mt_regex.php</link>
		<comments>http://likealunatic.jp/2010/04/mt_regex.php#comments</comments>
		<pubDate>Thu, 08 Apr 2010 07:13:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[MovableType]]></category>

		<guid isPermaLink="false">http://likealunatic.jp/?p=639</guid>
		<description><![CDATA[記事のタイトルが斜体になっているデザインを実装する際、試行錯誤してみた話。 日本語が斜体になると激しく読みにくいので、日本語が含まれている場合は通常の字体で表示したい。そこで慣れない正規表現を使って頑張ってみました。 日本語が斜体になるとどうなるか　# ←読みにくい 日本語が斜体になるとどうなるか　# ←こっちのが当然読みやすい &#60;$mt:EntryTitle setvar=&#34;entry_title&#34;$&#62; &#60;mt:If test=&#34;$entry_title =~ /[^\w\s\-\&#38;\;\:\@\&#124;\\\/\=\(\)\'\%\$\#\!\[\]\{\}\`\*\+\?\&#60;\&#62;]+/&#34;&#62; &#60;$mt:Var name=&#34;entry_title&#34;$&#62; &#60;mt:Else&#62;&#60;i&#62;&#60;$mt:Var name=&#34;entry_title&#34;$&#62;&#60;/i&#62; &#60;/mt:If&#62; 日本語自体を正規表現ではマッチさせることができないので、あらゆるアスキー文字の否定（ある文字以外の文字）という形でマッチさせてみました。マッチすると通常のMTタグが出力され、マッチしないと&#60;i&#62;で囲まれたMTタグが出力されます。 しかし、我ながら稚拙な書き方だと思いますし、これで例外なく正しくマッチできているのかは自信がありません。。。きっともっとスマートなやり方はあるはずです。 ちなみにtestモディファイアは中にPerlの式を書くことができるモディファイアです。 &#60;mt:If&#62;に仕込んでBool値が返るPerl式を記述しておけば、TRUEが返ったときに中身を実行させることができます。]]></description>
			<content:encoded><![CDATA[<p>記事のタイトルが斜体になっているデザインを実装する際、試行錯誤してみた話。</p>

<p>日本語が斜体になると激しく読みにくいので、日本語が含まれている場合は通常の字体で表示したい。そこで慣れない正規表現を使って頑張ってみました。</p>

<blockquote><p><i>日本語が斜体になるとどうなるか</i>　# ←読みにくい</p>
<p>日本語が斜体になるとどうなるか　# ←こっちのが当然読みやすい</p>
</blockquote>

<pre><code>&lt;$mt:EntryTitle setvar=&quot;entry_title&quot;$&gt;
&lt;mt:If test=&quot;$entry_title =~ /[^\w\s\-\&amp;\;\:\@\|\\\/\=\(\)\'\%\$\#\!\[\]\{\}\`\*\+\?\&lt;\&gt;]+/&quot;&gt;
&lt;$mt:Var name=&quot;entry_title&quot;$&gt;
&lt;mt:Else&gt;&lt;i&gt;&lt;$mt:Var name=&quot;entry_title&quot;$&gt;&lt;/i&gt;
&lt;/mt:If&gt;</code></pre>

<p>日本語自体を正規表現ではマッチさせることができないので、あらゆるアスキー文字の否定（ある文字以外の文字）という形でマッチさせてみました。マッチすると通常のMTタグが出力され、マッチしないと<code>&lt;i&gt;</code>で囲まれたMTタグが出力されます。<br />
しかし、我ながら稚拙な書き方だと思いますし、これで例外なく正しくマッチできているのかは自信がありません。。。きっともっとスマートなやり方はあるはずです。</p>

<p>ちなみに<a href="http://www.movabletype.jp/documentation/appendices/tags/if.html"><code>test</code>モディファイア</a>は中にPerlの式を書くことができるモディファイアです。<br />
&lt;mt:If&gt;に仕込んでBool値が返るPerl式を記述しておけば、TRUEが返ったときに中身を実行させることができます。</p>]]></content:encoded>
			<wfw:commentRss>http://likealunatic.jp/2010/04/mt_regex.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WinXPローカルでXAMPPを使ってMovable Typeを動かす―2010年3月版 その3</title>
		<link>http://likealunatic.jp/2010/03/xampp_and_mt_3.php</link>
		<comments>http://likealunatic.jp/2010/03/xampp_and_mt_3.php#comments</comments>
		<pubDate>Sun, 14 Mar 2010 03:42:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[ImageMagick]]></category>
		<category><![CDATA[MovableType]]></category>
		<category><![CDATA[XAMPP]]></category>

		<guid isPermaLink="false">http://likealunatic.jp/?p=629</guid>
		<description><![CDATA[AMPPでMovable Typeを動作させるチュートリアルの第3弾です。今回はImageMagickのインストールと、MovableTypeのインストールを扱い、全3回の記事の最後とします。]]></description>
			<content:encoded><![CDATA[<p>XAMPPでMovable Typeを動作させるチュートリアルの第3弾です。</p>

<ol>
<li><a href="/2010/03/xampp_and_mt_1.php">XAMPPのインストール、Apacheの設定</a></li>
<li><a href="/2010/03/xampp_and_mt_2.php">ActivePerlのインストールと設定、MySQLの設定</a></li>
<li><em>ImageMagickのインストール、Movable Typeのインストール</em></li>
</ol>

<p>今回はImageMagickのインストールと、MovableTypeのインストールを扱い、全3回の記事の最後とします。</p>

<ol>
<li class="step01">
<p><a href="http://www.imagemagick.org/script/index.php" title="ImageMagick">ImageMagickのダウンロードページ</a>にアクセスし、左に並んでいるメニューの中から「Release→Windows」を選択します。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_97.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_97-150x150.jpg" alt="ImageMagickのダウンロード" title="20100313_97" width="150" height="150" class="alignnone size-thumbnail wp-image-599" /></a></p>
</li>

<li class="step02">
<p>「Windows Binary Release」という見出しのページが表示され、ダウンロードできるパッケージの一覧が表示されます。この中から「ImageMagick-6.6.0-3-Q8-windows-dll.exe」を選択します。HTTPとFTPどちらでダウンロードしても構いません。<br />
<span class="memo"><q>6.6.0-3</q>というところはバージョンを表しているようなので、その時によって最新となるバージョンは異なっているかもしれません。<br />
また、お使いのマシンが64bitなら「ImageMagick-6.6.0-3-Q16-windows-x64-static.exe」を選んでください。</span></p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_98.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_98-150x150.jpg" alt="ImageMagickのダウンロード" title="20100313_98" width="150" height="150" class="alignnone size-thumbnail wp-image-600" /></a></p>
</li>

<li class="step03">
<p>ダウンロードしたインストーラーファイルを実行します。インストールウィザードが始まります。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_99.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_99-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_99" width="150" height="150" class="alignnone size-thumbnail wp-image-601" /></a></p>
</li>

<li class="step04">
<p>ライセンスを読み、「I accept the agreement（ライセンスに同意）」を選択して「Next」をクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_100.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_100-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_100" width="150" height="150" class="alignnone size-thumbnail wp-image-602" /></a></p>
</li>

<li class="step05">
<p>「information」が表示されるので適当に読んで「Next」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_101.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_101-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_101" width="150" height="150" class="alignnone size-thumbnail wp-image-603" /></a></p>
</li>

<li class="step06">
<p>インストールするディレクトリを選択する画面になります。適当に変更しても構いませんが、今回はあえてデフォルトのままでいきます。「Next」をクリックします。<br />
<span class="memo">「Program Files」というようにディレクトリ名に半角スペースが入ると、この後のPerlとの連携でダメになりそうな気がするのですが・・・意外にも大丈夫なんですね。</span></p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_102.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_102-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_102" width="150" height="150" class="alignnone size-thumbnail wp-image-604" /></a></p>
</li>

<li class="step07">
<p>スタートメニューになんという名前で登録されるかを設定する画面になります。特に変更せず「Next」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_1031.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_1031-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_103" width="150" height="150" class="alignnone size-thumbnail wp-image-606" /></a></p>
</li>

<li class="step08">
<p>インストールの追加オプションを選択する画面になります。ここで忘れずに<strong>「Install PerlMagick for ActiveState Perl v5.10.1 build 1007」を選択します。</strong>これでActivePerlと連携するためのPerlモジュールが一緒にインストールされます。「Next」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_104.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_104-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_104" width="150" height="150" class="alignnone size-thumbnail wp-image-607" /></a></p>
</li>

<li class="step09">
<p>これでインストールのための設定は終わりとなります。「Install」をクリックしてしばらく待ちます。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_105.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_105-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_105" width="150" height="150" class="alignnone size-thumbnail wp-image-608" /></a></p>
</li>

<li class="step10">
<p>もう一度「Information」が表示されます。「Next」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_106.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_106-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_106" width="150" height="150" class="alignnone size-thumbnail wp-image-609" /></a></p>
</li>

<li class="step11">
<p>これでインストールは完了となります。「Finish」をクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_107.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_107-150x150.jpg" alt="ImageMagickのインストールウィザード" title="20100313_107" width="150" height="150" class="alignnone size-thumbnail wp-image-610" /></a></p>
</li>

<li class="step12">
<p>さて、正しくインストールできたかどうか、mt-check.cgi（<a href="/2010/03/xampp_and_mt_2.php">前回</a>までの設定を正しく行っていれば <a href="http://site1.localhost/mtos/mt-check.cgi">http://site1.localhost/mtos/mt-check.cgi</a> というURL）にブラウザでアクセスしてみましょう。すると、<q>perl.exe - コンポーネントが見つかりません</q>というアラートが表示され、正しく実行できなくなっています。さきほどインストールしたImageMagickのdllファイルを呼び出そうとして、失敗していることが分かります。これはImageMagickインストール時に設定された環境変数が、まだシステムに認識されていないために起こる問題なので、Windowsを再起動することで解決します。作業を中断し、ひとまず一旦再起動です。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_108.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_108-150x121.jpg" alt="エラーメッセージ「perl.exe - コンポーネントが見つかりません。 CORE_RL_magick_.dllが見つからなかったため、このアプリケーションを開始できませんでした。アプリケーションをインストールし直すとこの問題は解決される場合があります。」" title="20100313_108" width="150" height="121" class="alignnone size-thumbnail wp-image-611" /></a></p>
</li>

<li class="step13">
<p>Windowsが起動したら、忘れずにApacheとMySQLを起動しましょう。デスクトップに追加されたショートカットやスタートメニューから「XAMPP Control Panel」を起動し、ApacheとMySQLの「Start」ボタンをクリックし、「Running」状態にします。<br />
<span class="memo">ApacheやMySQLをシステムの「サービス」として登録するとWindowsが起動すると同時にこれらも起動するようになりますが、今回はこの設定は行いません。</span></p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_110.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_110.jpg" alt="XAMPPコントロールパネルを起動する" title="20100313_110" width="182" height="113" class="alignnone size-full wp-image-612" /></a>
<a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_111.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_111-150x150.jpg" alt="XAMPPコントロールパネル" title="20100313_111" width="150" height="150" class="alignnone size-thumbnail wp-image-613" /></a></p>
</li>

<li class="step14">
<p>改めてmt-check.cgiにブラウザでアクセスします。「Image::Magick」項目の黄色いエラー表示が消えていることを確認します。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_112.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_112-150x150.jpg" alt="mt-check.cgiにブラウザでアクセス" title="20100313_112" width="150" height="150" class="alignnone size-thumbnail wp-image-605" /></a></p>
</li>

<li class="step15">
<p>これでMovable Typeを使う準備がようやく整いましたので、早速インストールを行いましょう。MovableType（ここではMTOS 5.01）のファイルを保存したディレクトリ（<a href="http://site1.localhost/mtos/">http://site1.localhost/mtos/</a>）にブラウザでアクセスし、「サインイン」をクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_113.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_113-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_113" width="150" height="150" class="alignnone size-thumbnail wp-image-615" /></a></p>
</li>

<li class="step16">
<p>するとmt-wizard.cgiというプログラムが実行され、インストールウィザードが始まります。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_114.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_114-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_114" width="150" height="150" class="alignnone size-thumbnail wp-image-616" /></a></p>
</li>

<li class="step17">
<p>システムチェックが実行され、<q>必要なPerlモジュールはそろっています。Movable Typeのインストールを続行する準備が整いました。</q>と表示されます。<br />
と同時に<q>オプションのPerlモジュールのうちいくつかが見つかりませんでした。</q>と表示されます。「オプションモジュールを表示」をクリックするとシステムにインストールされていないモジュールの一覧を見ることができます。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_119.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_119-150x150.jpg" alt="" title="20100313_119" width="150" height="150" class="alignnone size-thumbnail wp-image-617" /></a></p>
</li>

<li class="step18">
<p>Crypt::DSA や IPC::Run といったPerlモジュールがインストールされていないことが分かりますが、今回は使用することはないので「次へ」進みます。必要な場合は一旦インストールウィザードを中断し、<a href="/2010/03/xampp_and_mt_2.php">前回</a>のようにPPMを使ってインストールするといいでしょう。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_120.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_120-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_120" width="150" height="150" class="alignnone size-thumbnail wp-image-618" /></a></p>
</li>

<li class="step19">
<p>データベースの設定の画面となります。「データベースの種類」には「MySQLデータベース（推奨）」を選択しましょう。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_122.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_122-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_122" width="150" height="150" class="alignnone size-thumbnail wp-image-619" /></a></p>
</li>

<li class="step20">
<p>データベースの設定項目が出現しますので各項目を以下のように設定し、「接続テスト」をクリックします。</p>
<dl>
	<dt>データベースサーバ</dt>
	<dd><kbd>localhost</kbd></dd>
	<dt>データベース名</dt>
	<dd><kbd>mtos5</kbd> <span class="memo">（<a href="/2010/03/xampp_and_mt_2.php">前回</a>作成したMySQLデータベース名）</span></dd>
	<dt>ユーザ名</dt>
	<dd><kbd>root</kbd></dd>
	<dt>パスワード</dt>
	<dd><a href="/2010/03/xampp_and_mt_1.php">前々回</a>設定したMySQL rootユーザーのパスワード</dd>
</dl>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_123.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_123-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_123" width="150" height="150" class="alignnone size-thumbnail wp-image-620" /></a></p>
</li>

<li class="step21">
<p><q>データベースの設定を完了しました。</q>と表示されます。「次へ」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_124.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_124-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_124" width="150" height="150" class="alignnone size-thumbnail wp-image-630" /></a></p>
</li>

<li class="step22">
<p>「メール設定」という画面となりますが、今回は特に設定せず「次へ」をクリック。<br />
<span class="memo">もし必要となった場合、後で設定できます</span></p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_125.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_125-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_125" width="150" height="150" class="alignnone size-thumbnail wp-image-621" /></a></p>
</li>

<li class="step23">
<p>「テンポラリディレクトリの設定」画面となります。テンポラリディレクトリはMovable Typeのシステムが画像などのデータやバックアップデータなどを扱う際、一時的にデータ置き場として利用されるディレクトリです。適当なディレクトリを設定しましょう。ここでは <span class="path">C:\Windows\Temp</span> とし、「次へ」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_126.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_126-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_126" width="150" height="150" class="alignnone size-thumbnail wp-image-614" /></a></p>
</li>

<li class="step24">
<p>これでMovableTypeの設定ファイル（mt-config.cgi）が生成され、今まで設定した情報が書き込まれます。mt-config.cgiが正しく生成されたことを確認し、「次へ」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_127.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_127-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_127" width="150" height="150" class="alignnone size-thumbnail wp-image-623" /></a></p>
</li>

<li class="step25">
<p>Movable Typeにログインするためのアカウントを作成する画面になります。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_128.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_128-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_128" width="150" height="150" class="alignnone size-thumbnail wp-image-624" /></a></p>
<ul>
<li>ユーザー名</li>
<li>表示名</li>
<li>電子メール</li>
<li>使用言語</li>
<li>パスワード</li>
</ul>
<p>以上の項目を設定できますが、ログインに使用するのは「ユーザー名」と「パスワード」だけです。<br />
適当に入力したら「次へ」をクリック。<br />
<span class="memo">ここで設定する項目は後で変更することができます。</span></p>
</li>

<li class="step26">
<p>「最初のウェブサイト」を作成という画面となり、Movable Typeで管理するウェブサイトを設定する画面となります。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_129.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_129-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_129" width="150" height="150" class="alignnone size-thumbnail wp-image-625" /></a></p>
<dl>
	<dt>ウェブサイト名</dt>
	<dd><kbd>Site1</kbd><br /><span class="memo">（適当なサイト名）</span></dd>
	<dt>ウェブサイトURL</dt>
	<dd><kbd class="url">http://site1.localhost/</kbd><br /><span class="memo">（Movable TypeがインストールされたサイトのURL）</span></dd>
	<dt>公開パス</dt>
	<dd><kbd class="path">D:\htdocs\site1</kbd><br /><span class="memo">（Movable Typeがインストールされたサイトのディレクトリ。Windows環境だとディレクトリ区切りがバックスラッシュになりますのでご注意を）</span></dd>
	<dt>テーマ</dt>
	<dd>クラシックウェブサイト<br /><span class="memo">（どれでもOKです。選択によって設定されるテンプレートが変更されます）</span></dd>
	<dt>タイムゾーン</dt>
	<dd>UTC+9（日本標準時）</dd>
</dl>
<p>上記のように設定したら、「インストール」をクリックします。<br />
<span class="memo">「ウェブサイトURL」と「公開パス」は<a href="/2010/03/xampp_and_mt_1.php">前々回</a>にApacheのバーチャルホスト機能で定義した同サイト内であれば、自由に設定できます。ここではサイトのルートとなるディレクトリを指定しています。</span></p>
</li>

<li class="step27">
<p>しばらく待つと、<q>インストールを完了しました！</q>と表示されます。「Movable Typeにサインイン」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_131.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_131-150x150.jpg" alt="Movable Typeのインストールウィザード" title="20100313_131" width="150" height="150" class="alignnone size-thumbnail wp-image-626" /></a></p>
</li>

<li class="step28">
<p>これでめでたくMovable Typeがインストールされました。ローカルマシン上で自由に使える開発環境のできあがりです！</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_132.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100313_132-150x150.jpg" alt="Movable Typeに初めてサインインしたところ" title="20100313_132" width="150" height="150" class="alignnone size-thumbnail wp-image-622" /></a></p>
</li>
</ol>

<p>以上で全3回に渡る記事を終わります。</p>
<p>Apacheのバーチャルホスト設定とhostsファイルの設定をそれぞれ増やせば、管理するサイトを増やしていくこともできます。WindowsユーザーのWebデザイナーやフロントエンドエンジニアが利用するには、十分な環境となるのではないかと思います。欠点を挙げるとすると、「公開パス」でディレクトリ区切りが（Windows環境なので）バックスラッシュになることだったりします。ローカルで開発したものを本番の（Linux系の）サーバーに乗せる、という場合はこの辺りの設定を修正する必要があるということですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://likealunatic.jp/2010/03/xampp_and_mt_3.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WinXPローカルでXAMPPを使ってMovable Typeを動かす―2010年3月版 その2</title>
		<link>http://likealunatic.jp/2010/03/xampp_and_mt_2.php</link>
		<comments>http://likealunatic.jp/2010/03/xampp_and_mt_2.php#comments</comments>
		<pubDate>Tue, 09 Mar 2010 15:31:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[MovableType]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[Perl]]></category>
		<category><![CDATA[XAMPP]]></category>

		<guid isPermaLink="false">http://likealunatic.jp/?p=528</guid>
		<description><![CDATA[3年くらい前に書いたXAMPPとMTの記事に今でもアクセスがそこそこあるので、古い内容を見ていただいてもなぁ・・・と思い、最新の情報で記事を書き直すことにしました。2010年3月7日時点の情報となります。全3記事で、今回第2弾は「ActivePerlのインストールと設定、MySQLの設定」です。]]></description>
			<content:encoded><![CDATA[<p>前回に引き続き、XAMPPでMovable Typeを動作させるチュートリアルの第2弾です。</p>
<ol>
<li><a href="/2010/03/xampp_and_mt_1.php">XAMPPのインストール、Apacheの設定</a></li>
<li><em>ActivePerlのインストールと設定、MySQLの設定</em></li>
<li>Image Magickのインストール、Movable Typeのインストール</li>
</ol>

<p>今回はActivePerlのインストールと設定、MySQLの設定を行います。</p>

<ol>
<li class="step01">
<p><a href="http://www.activestate.com/activeperl/">ActivePerl のダウンロードページ</a>にアクセスし「ActivePerl DOWNLOAD NOW」をクリックして次のページに進みましょう。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_51.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_51-150x150.jpg" alt="ActivePerlのダウンロードページ" title="20100310_51" width="150" height="150" class="alignnone size-thumbnail wp-image-560" /></a></p>
</li>

<li class="step02">
<p>プラットフォーム別のダウンロードファイルの一覧が表示されます。一番上の<q>Recommended version(s) for your platform</q>にリストアップされている ActivePerl 5.10.1.1007 for Windows (x86) をダウンロードします。<br />
<span class="memo">お使いのWindowsが64bit版である場合、ActivePerl 5.10.1.1007 for Windows (64-bit, x64) を選択します。</span></p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_52.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_52-150x150.jpg" alt="ActivePerlのダウンロードページ" title="20100310_52" width="150" height="150" class="alignnone size-thumbnail wp-image-561" /></a></p>
</li>

<li class="step03">
<p>ダウンロードしたインストーラを実行しましょう。インストールウィザードが開始されます。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_53.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_53-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_53" width="150" height="150" class="alignnone size-thumbnail wp-image-562" /></a></p>
</li>

<li class="step04">
<p>ライセンス規約に同意（<q>I accept the terms in the License Agreement</q>）を選択し、「Next」をクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_54.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_54-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_54" width="150" height="150" class="alignnone size-thumbnail wp-image-563" /></a></p>
</li>

<li class="step05">
<p>インストールするプログラムと、インストールするディレクトリを設定します。インストールするディレクトリはデフォルトで <span class="path">C:\Perl\</span> になっていますが、これを <span class="path">C:\usr\</span> に変更します。「Browser」をクリック。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_55.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_55-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_55" width="150" height="150" class="alignnone size-thumbnail wp-image-564" /></a></p>
</li>

<li class="step06">
<p>ディレクトリの選択画面となるので、「Folder name:」の欄に <span class="path">C:\usr\</span> と入力し、「OK」をクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_56.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_56-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_56" width="150" height="150" class="alignnone size-thumbnail wp-image-565" /></a></p>
</li>

<li class="step07">
<p>「Location:」に <span class="path">C:\urs\</span> が正しく設定されたかを確認し、「Next」をクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_57.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_57-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_57" width="150" height="150" class="alignnone size-thumbnail wp-image-566" /></a></p>
</li>

<li class="step08">
<p>オプションを選択する画面になります。特に変更せず「Next」をクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_58.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_58-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_58" width="150" height="150" class="alignnone size-thumbnail wp-image-567" /></a></p>
</li>

<li class="step09">
<p>これで設定は終わりです。「Install」をクリックしてしばらく待ちます。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_59.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_59-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_59" width="150" height="150" class="alignnone size-thumbnail wp-image-570" /></a></p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_60.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_60-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_60" width="150" height="150" class="alignnone size-thumbnail wp-image-571" /></a></p>
</li>

<li class="step10">
<p>インストールが完了したら、「Finish」をクリックしてインストールウィザードを完了します。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_61.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_61-150x150.jpg" alt="ActivePerlのインストールウィザード" title="20100310_61" width="150" height="150" class="alignnone size-thumbnail wp-image-572" /></a></p>
</li>

<li class="step11">
<p>さて、<a href="/2010/03/xampp_and_mt_1.php">前回の記事</a>の環境の通り、<span class="path">D:\htdocs\site1</span> というディレクトリを <span class="url">http://site1.localhost/</span> というローカルホストドメインで参照できるようにし、ここで開発を行うことを前提に話を進めましょう。</p>
<p>サイトのルートディレクトリ（<span class="path">D:\htdocs\site1</span>）に Movable Type（ここではMTOS 5.01） のファイルを展開し、<span class="path">mtos</span> というディレクトリ名をつけます。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_134.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_134-150x150.jpg" alt="MTOSのファイルを展開" title="20100310_134" width="150" height="150" class="alignnone size-thumbnail wp-image-569" /></a></p>
</li>

<li class="step12">
<p>念のため、インストールしたPerlが正しく動作するか確認してみます。テキストエディタを開いて以下のコードを記述し、<span class="path">C:\test.pl</span> というパスで保存します。（あくまで例です。実際はどんなパスでもOKです）</p>
<pre><code>#! /usr/bin/perl
print(&quot;It works!\n&quot;);</code></pre>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_66.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_66-150x150.jpg" alt="Perlのテストプログラムを作成する" title="20100310_66" width="150" height="150" class="alignnone size-thumbnail wp-image-575" /></a></p>
<p>これをコマンドプロンプト（<a href="#footnote_20100308_1">※1</a>）で以下のように入力し、Enterキーを押して実行します。</p>
<pre><code>perl c:\test.pl</code></pre>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_63.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_63-150x150.jpg" alt="Perlのテストプログラムをコマンドプロンプトから実行してみる" title="20100310_63" width="150" height="150" class="alignnone size-thumbnail wp-image-573" /></a></p>
<p>入力の次の行に <q>It works!</q> と表示されれば正しく実行できたということです。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_65.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_65-150x150.jpg" alt="Perlのテストプログラムをコマンドプロンプトから実行してみる" title="20100310_65" width="150" height="150" class="alignnone size-thumbnail wp-image-574" /></a></p>
<p>ここまでくればMovable TypeのCGIプログラムをひとまず表示はできる環境になっています。（<a href="#footnote_20100308_2">※2</a>）</p>
</li>

<li class="step13">
<p><span class="url">http://site1.localhost/mtos/mt-check.cgi</span> にブラウザからアクセスします。ここまでの作業が正しくできていれば、MTのシステムチェック画面が表示されるはずです。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_80.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_80-150x150.jpg" alt="mt-check.cgiでのシステムチェック結果" title="20100310_80" width="150" height="150" class="alignnone size-thumbnail wp-image-576" /></a></p>
</li>

<li class="step14">
<p>この時点では <q>Movable Typeの構成ファイルが見つかりませんでした。</q> というメッセージが表示され、まだMovable Typeが正しく動作しないことが分かります。ページをスクロールしていくと、DBD::mysql というPerlモジュールがシステムにインストールされていないことが分かります。これは MySQL データベースを使用するために必要となるモジュールです。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_81.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_81-150x150.jpg" alt="mt-check.cgiでのシステムチェック結果" title="20100310_81" width="150" height="150" class="alignnone size-thumbnail wp-image-568" /></a></p>
</li>

<li class="step15">
<p>では DBD::mysql モジュールをインストールしましょう。コマンドプロンプトを起動し、<kbd>ppm</kbd> と入力しEnterキーを押します。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_84.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_84-150x150.jpg" alt="コマンドプロンプトでppmを起動する" title="20100310_84" width="150" height="150" class="alignnone size-thumbnail wp-image-578" /></a></p>
</li>

<li class="step16">
<p>すると「Perl Package Manager（略称PPM）」が起動します。<q>Synchronizing Database...（データベースと同期中）</q> とステータス表示されてしばらく固まるので、じっと待ちます。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_85.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_85-150x150.jpg" alt="GUI ppmの操作画面" title="20100310_85" width="150" height="150" class="alignnone size-thumbnail wp-image-579" /></a></p>
</li>

<li class="step17">
<p>同期が完了して操作できるようになったら、画面左上の「View all packages」アイコンをクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_87.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_87-150x150.jpg" alt="GUI ppmの操作画面" title="20100310_87" width="150" height="150" class="alignnone size-thumbnail wp-image-580" /></a></p>
</li>

<li class="step18">
<p>そして画面上部の検索エリアに <kbd>dbd-mysql</kbd> と入力しましょう。すると中央のモジュール一覧に DBD-mysql と表示されるはずです。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_88.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_88-150x150.jpg" alt="GUI ppmの操作画面" title="20100310_88" width="150" height="150" class="alignnone size-thumbnail wp-image-581" /></a></p>
</li>

<li class="step19">
<p>リストアップされた DBD-mysql を右クリックし「Install DBD-mysql 4.011 + 」を選択します。これでインストールするモジュールの一覧に登録されます。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_89.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_89-150x150.jpg" alt="GUI ppmの操作画面" title="20100310_89" width="150" height="150" class="alignnone size-thumbnail wp-image-582" /></a></p>
</li>

<li class="step20">
<p>画面右上の「→（Run marked actions）」アイコンをクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_90.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_90-150x150.jpg" alt="GUI ppmの操作画面" title="20100310_90" width="150" height="150" class="alignnone size-thumbnail wp-image-589" /></a></p>
<p>すると <q>Ready to install 1 package?</q> とアラート表示されるので「OK」をクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_91.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_91-150x121.jpg" alt="GUI ppmでインストールの確認アラート" title="20100310_91" width="150" height="121" class="alignnone size-thumbnail wp-image-583" /></a></p>
</li>

<li class="step21">
<p>しばらく待つと、DBD::mysqlモジュールのインストールが完了します。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_92.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_92-150x150.jpg" alt="GUI ppmの操作画面" title="20100310_92" width="150" height="150" class="alignnone size-thumbnail wp-image-584" /></a></p>
</li>

<li class="step22">
<p>もう一度ブラウザで mt-check.cgi にアクセスしてみましょう。<q>サーバーにDBD::mysqlがインストールされています</q> と表示され、エラー表示になっていなければOKです。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_93.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_93-150x150.jpg" alt="mt-check.cgiでのシステムチェック結果" title="20100310_93" width="150" height="150" class="alignnone size-thumbnail wp-image-585" /></a></p>
</li>

<li class="step23">
<p>では今度はMySQLの設定を行っていきます。今回インストールするMTOS用のデータベースを作成しましょう。まずXAMPPコントロールパネルでMySQLが「Running」状態になっていることを確認し、「Admin」ボタンをクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_68.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_68-150x150.jpg" alt="XAMPPコントロールパネル" title="20100310_68" width="150" height="150" class="alignnone size-thumbnail wp-image-577" /></a></p>
</li>

<li class="step24">
<p>するとブラウザでphpMyAdmin（MySQLデータベースをブラウザから操作できるツール）が開きます。「言語 - Language」に「日本語 - Japanese」が設定されていることを確認し、ユーザ名、パスワードを入力してログインしましょう。ここでのユーザ名は <kbd>root</kbd> 、<a href="/2010/03/xampp_and_mt_1.php#20100307_s16">パスワードは前回の記事のStep16</a>でXAMPPの管理画面から設定したパスワードになります。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_71.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_71-150x150.jpg" alt="phpMyAdminのログイン画面" title="20100310_71" width="150" height="150" class="alignnone size-thumbnail wp-image-587" /></a></p>
</li>

<li class="step25">
<p>phpMyAdminにログインすると、様々なメニューが並んだ画面が表示されます。ページ中ほどにある「新規データベースを作成する」という入力フォームから、今回使用するデータベースを作成しましょう。</p>
<p>左のフィールドにはデータベース名を入力し（今回は「<kbd>mtos5</kbd>」とします）、隣のプルダウンメニューでデータベースの文字コードを選択します。ここでは「<strong>utf8_general_ci</strong>」を選択してください。このプルダウンメニューが結構長いのですが、一番下の方にあります。そして「作成」ボタンをクリックします。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_74.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_74-150x150.jpg" alt="phpMyAdminの操作画面" title="20100310_74" width="150" height="150" class="alignnone size-thumbnail wp-image-588" /></a></p>
</li>

<li class="step26">
<p><q>データベース mtos5 を作成しました。</q>　と表示されたら完了です。</p>
<p class="pic"><a href="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_75.jpg"><img src="http://likealunatic.jp/wordpress/wp-content/uploads/2010/03/20100310_75-150x150.jpg" alt="phpMyAdminの操作画面" title="20100310_75" width="150" height="150" class="alignnone size-thumbnail wp-image-586" /></a></p>
</li>
</ol>

<p>以上でActivePerlのインストールと設定、MySQLの設定までが完了し、今回の記事はここまでです。次回はImage Magickのインストール、そしていよいよMovable Typeのインストールを取り上げます。</p>

<div class="postscript">
<ul class="footnote">

<li><a name="footnote_20100308_1" id="footnote_20100308_1">※1</a> コマンドプロンプトは、スタートアップメニューから「ファイル名を指定して実行」（もしくは「Windowsキー + r」）で <kbd>cmd</kbd> と入力してEnterキーを入力すると起動することができます。</li>
<li><a name="footnote_20100308_2" id="footnote_20100308_2">※2</a> Movable Type を含む、Perl言語で書かれた大抵のCGIプログラムはデフォルトでPerlを <span class="path">/usr/bin/perl</span> というパスで参照するように書かれています。（ファイルの冒頭にPerlのパスが記述されています）Step5～7でActivePerlを <span class="path">C:\usr\</span> というパスを指定してインストールしたことにより、Perl が <span class="path">/usr/bin/perl</span> で参照できるようになります。</li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://likealunatic.jp/2010/03/xampp_and_mt_2.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
