ネタフル「「ネタフル堂」開店」で紹介されていた「手軽にアマゾンショップ」がおもしろそうだったので、自分もつくってみました。

アマゾンショップじゃなくて、アマゾンチョップ……。まあ、いいじゃないですか、名前は。

サイトの説明にもあるとおり、レンタルサーバー等へアップロードすれば、直ぐにショップとして運営できるスクリプト。ということで、あっちゅうまにできちゃいました。その後のデザインを変えたりするのに手惑いましたが、MT とかのテンプレートをいじったりしてる人には、同じ感じでできるんじゃないでしょか。

Amazon Webサービスとかって、知識がないもんでなかなか手は出せないですが、こういうのをつくってくれる人がいると、ウレシイですねえ。

第８工場さんの影響を強く受けていると（勝手に）思っているですが、その影響そのままに、らくがきブログまでもパクリインスパイア。WordPress で、もうひとつのブログをつくってみました。（でも、やっぱり、あのセンスのよさはマネできません）

さすがに、もう、なれたもので、今度こそ「5分でインストール」できましたよ。このハタメモと同じデータベースを使い、テーブル接頭語を「wp_」から「wp2_」に変更しただけ。すんなりいけました。

名前は、”ハタナオキのスケッチ” ということで、「ハタスケ」と命名。らくがき帳として、まずは、MOTHER3日記のようなものから始めてみました。

デザイン等はほとんど流用なので、のちのち変えていく予定……です。

いよいよ、あと2日とせまった「MOTHER3」の発売日。自分は、バッチリ amazon で予約しているので、あとは、4月20日を待つばかりです。楽しみ。

ほぼ日刊イトイ新聞では、「ようこそ『ＭＯＴＨＥＲ３』の世界へ！」のプレゼントボックスが、すべて開かれました。最後の箱に入っていたのは、糸井さんからの手書きのメッセージ。そして、「『ＭＯＴＨＥＲ３』の気持ち。」という糸井さんへのインタビューもはじまりました。

3年前、「MOTHER1+2」が出るときにも同じように、糸井さんのインタビューがあったんですが、これ、すっごくよかったんです。そのほかにも、たくさんのMOTHER関連記事があって、どれもオススメなんですが、個人的に好きだったのは、爆笑問題太田さんと糸井さんのMOTHER対談「爆笑問題・太田光の家族をつくったゲーム。」。MOTHERは新婚旅行だった、なんて話、よかったなあ。

そして、永田ソフトさんのMOTHER1+2プレイ日記「ポケットに『ＭＯＴＨＥＲ』。」も、おもしろかったあ。MOTHER3も、プレイ日記するのかなあ。これも楽しみです。

デフォルトのままだったデザインを、大幅に変えました。背景にスケッチブックのスキャンを使うというのだけ決めてたんですが、あとは、もう、試行錯誤で。PHPがわからないなりにも（おそるおそる）テンンプレートを弄り、CSSは白紙の状態から、右に左に配置をかえたり、いろんな色を試したり、ひとつずつ。

そういえば、CSS というものをちゃんと認識したのはいつだっけかな。2003年ごろにつくったものを見てみたら、CSS は使っていたものの、リンクの下線を消したり文字周りをさわっている程度。ちゃんと理解（？）して書きはじめたのは2004年4月。ホントに、つい最近のことです。

この2004年4月っていうのは、はじめてブログをはじめようと、レンタルサーバを借りて、Movable Type を入れて、ってしてるときなんです。必要に迫られて、ようやく CSS の勉強をしなきゃって、いろんなサイトみて勉強してたんです。

んで、そんなときに出会ったのが、css Zen Garden（日本語）。同じ (X)ＨＴＭＬ文書を元に、CSS だけでデザインをしてみようという試みで、いろんな人が参加して作ってはるんですが、もう、「目からウロコ」ってこのことか、っていう。「CSS」ってこういうことだったのか、っていう。

HTML についての誤解も多くて、<h1> とか <li> とかって使ったことなかったんです。段落という概念もわかってなかったので、<p> とか使ったことなくて、全部 <br> で改行してたりとか。

まあ、そのブログも、半年ほどで mixi の日記ばっかりになってしまったんで、止まってしまったんですけどね。

で、今回、すっかり忘れてしまった CSS を書くのに参考にさせてもらったのは、「CSSによる段組（マルチカラム）レイアウト講座」と、徳保さんとこの「CSS／趣味のWebデザイン」。HTML には、「ごく簡単なHTMLの説明」。読めば読むほど、直さなきゃいけないとこが見つかって、さあタイヘン。

idea*idea 「待望の「あとで.cc」、速攻レビュー！」で紹介されている「あとで読む」を使ってみました。これ、こないだの FreshReader のサイドフィード株式会社のサービスなんですねえ。いろいろ、おもしろいのが多いなあ。

そこの説明によると、

「あとで読む」は、ウェブウェブサイトをメールでブックマークする無料ツールです。メールアドレスを入力すると、あなた専用のリンクをひとつ作成します。作成されたリンクをブラウザに追加すると、簡単にウェブサイトをブックマーク（メールで送信）することができます。

とありますが、このあなた専用のリンクをひとつ作成しますっていうのは、ブックマークレットっていうやつですね。この作成されるリンクというのは、サイトにとぶURLではなくって、簡単なプログラムを起動する JavaScript。

で、作成されたリンクをブラウザに追加するということで、そのブックマークレットを、IEだと「お気に入り」の「リンク」に、Firefoxだと「ブックマーク」の「ブックマークツールバーフォルダ」に登録しておけば、ボタン1つで起動できるようになるので便利です。この場合、あとで読みたいと思っているサイトの上でこのリンクを押すと、そのサイトが、登録したメールアドレス宛に送られる、と。

Thunderbird がフィッシングメールと判断したり、ウィルスソフトが「iframeタグが発見されましたぜ」と言ってきたりするんですが、「atode.cc」からのメールはOKよ、と設定しておけば大丈夫みたい。

Wordpress 用のコメントスパム・トラックバックスパム防止プラグインに、「Akismet」っていうのがあるんですが、これ、プラグイン管理のメニューにはじめっから入っているもんで、すでに機能してるのかと思ってたら、設定で、「有効化」にしてあげなくちゃいけないんですな。

まあ、はじめたばかりなので、別にまだ、コメントスパムもトラックバックスパムもないんですが、とりあえず、「有効化」にしてみました。

そしたらば、「作動させるには、WordPress.com API Key の入力が必要です」って言われたんですよ。なんじゃそれと、でてきた「API Key とは」っていうリンクを行くと、

To find your key go to your dashboard and then click on “Profile” (or “My Account”) and you should see a sentence that says “Your WordPress.com API key is:” followed by a string of 12 letters and numbers. There you have it! You can copy and paste that string to any place where it is asked for by a service you want to use.

Frequently Asked Questions「Where is my WordPress.com API key?」

英語はまったくわかんないんですけども、翻訳サービスを使って読んでみると、管理メニューの「マイアカウント」に載ってまっせ、ということらしい。でも、管理メニューのどこ探しても、そんなの載ってないっぽい。

んで、もっと、よくよく読んでみると、WordPress.com のアカウントを取るっていうことみたいでした。

When you sign up for a WordPress.com account we will email you an API key. If you already have a WordPress.com account, your API key is listed on your profile page, which you can get to by clicking the “My Account” link in the top right when you’re logged in.

WordPress.com「API Keys」

英語だけれども、まあ、項目は「ユーザー名」とか「メールアドレス」とかだったので、簡単にサインアップ。んで、ログイン。

管理メニュー右上の [My Account] に入って見てみると、あ、あ、ありました。「Your WordPress.com API key is: XXXXXXXXXX」って。よし、これを、コピーっと。

さっそく自分とこに戻って、コピーした API Key を貼り付けて、「API Key を適用」ボタンを押して、完了、と。まあ、スパム以前に、コメントもトラックバックも、まだないんですけどね。

ブログをつくったら試してみたかったもののひとつに、Google AdSense があったんですよ。Amazon のアソシエイトはやったことがあるので、（自分には）こういうので儲けることができないっていうのはわかってるんですけど、体験としてね、いっぺんやっときたいな、と。（アソシエイトの結果は、1年間でようやく、ギフト券にできる1,500円）

で、さっそく、Google AdSense と Amazonアソシエイトの申し込みをしたところ、サイトの審査なんかもすんなりパスしたようで、すぐに掲載許可の通知がきました。あとは、それぞれのサイトでリンクをつくり、そのコードを貼り付けるだけ。

まずは、 Google AdSense。載せている広告を誰かがクリックすれば、広告掲載料が支払われるというもの。今回は、本文の下に載るようにしてみました。

これのおもしろいところは、Google がそのページの内容を機械的に見て、関係ありそうな広告を自動的に選んで載せるというシステム。1回目のエントリー「WordPress ME 導入」を見てみると、コミュニティーマーケティングと、ビジネスブログの構築という広告。うーん、なるほど……そうなりますか。

つぎに、 Amazonアソシエイト。こっちは、載せている商品リンクから誰かが購入したら、その数%（1~6%）が支払われるというもの。前にやったことがあるので大丈夫、と思ったんだけど、これ、ちょっとかわったんかな？

Amazonでつくるリンクは、ぜんぶ iframe で表示するようになってんのね。前は、たしか、商品ページに ID をつけるだけでよかったような気がするんだけど。

んで、そのときの商品写真も、どうだったっけかなあ。商品写真をコピーして、自分のサイト内に載せるんだったか、 Amozon から直接リンクするんだったか。このやりかた、まだできるのかなあ。んー、もうちょい、調べてみます。