ただ難点は「iPhone専用」というところ。独特のコミュニティ感は悪くないけど、iPhoneユーザ以外の人にはうまく見てもらえない。ウェブ専用のアドレスは、一枚単独にぺろりんって見れるだけ。(→こんな感じ)
Flickr使って表示する方法もあるみたいだけど、最近遊び始めたTumblrで使えそう素敵なテーマを見つけたのでその方法をご紹介。

サイトはこんな感じ ↓　（ちょっとカスタマイズしてます。）

注）：Instagramアプリからのクロスポスト機能を使っているので過去ログは反映されません。

作成方法

1. Tumblrにアカウント作成
   アカウント持ってる人は新規ブログを作成。
2. Stacky by imsupernovaというテーマをインストール。
   Tumblrにログインした状態でテーマページにアクセスすると簡単にインストールできます。
3. InstagramのiPhoneアプリのSharingで、作成したTumblrのアカウントを設定。
4. Instagramで写真を投稿。

で出来上がり。簡単。:)
私が作ったTumblr-Instagramのサイトはテキスト投稿も一緒にしているので、サンプルにはお見せできないのですが、作った方はここのコメント欄で作ったよーって教えてくれると他の方の参考になるかもなので、よろしくです。

————————

ここからは、私が気になった箇所のカスタマイズ編。

このテーマは、写真にマウスオーバーすると日付とNoteが表示されて、日付をクリックすると元リンク（=Instagramサイトのページ）、NoteをクリックするとTumblrのパーマリンクにページが移動するようになっています。これがちょっとわかりづらくて、Instagramの元ページに飛んじゃう確率が90％くらい。それだとせっかくTumblr化した意味がないなーと。

ということでカスタマイズ方法。
TumblrのCustomizeから
Theme > Use Custom HTMLをクリック。
ソースコードがずらずらーっと出てくるので、その中から

<!--{block:Photo}-->

というあたりを探します。結構下の方。で、そのブロックがみつかったらその中の以下のコードの部分を

{LinkOpenTag}
<span id="day">{DayOfMonth}{DayOfMonthSuffix}</span><br />
<span id="month">{Month}</span><br /><br />
{LinkCloseTag}
<span id="note_count">
<a href="{Permalink}">
{NoteCountWithLabel}
</a>
</span>

以下のように変更。

<a href="{Permalink}">
<span id="day">{DayOfMonth}{DayOfMonthSuffix}</span><br />
<span id="month">{Month}</span><br /><br />
<span id="note_count">
{NoteCountWithLabel}
</a>
</span>

これで、日付をクリックしてもTumblrのパーマリンクのページが開くようになります。私的にはこれでずいぶんいい感じになりました。

ToyCamera
iTunes App Storeリンク – http://itunes.com/apps/toycamera

アプリの詳しい説明はNakimoさんの記事にお任せして。

このアプリ、他のカメラアプリでできる（のもある）ようにライブラリの写真に後からエフェクトを加える、ということができません。これがちょっとなー、という人もいるかもしれないけど、私にはこれがとてもいいのです。普通に写真を撮って後で処理をするというのは、めんどくさがりの私には合っていないようです。

モードをランダムに設定して、どのエフェクトが使われるかわからないドキドキ感が、トイカメラの現像してみないとわからないというドキドキ感に近いのが好き。同じものを何度も撮らないようにすると、フィルムで写真を撮る時の一発勝負（？）の感じがさらに味わえます。

他のカメラアプリもいろいろ試してみてもうひとつ思ったのは、出来上がる写真の色味や雰囲気がものすごく私好みなこと。それぞれのエフェクトの色調や彩度、コントラストのパラメータのバランスが絶妙なんだろうなーと。これと同じエフェクトをPhotoshopで自分で調節するのってかなり時間がかかりそうなので、それが「はい、どーぞ」って用意されてるのってすごいです。

と大満足のカメラアプリなのですが、ひとつだけ欲を言えばフルサイズ (1536×2048) で保存できればいいのになーと。処理に時間がかかったりメモリの関係もあるのだとは思うのですが、Vint Shift（このアプリについてはまた今度）はフルサイズで保存できるんですよね。とはいえ、1200×1600でもはがきサイズくらいまでプリントできるので十分なんですけどね。

↓サンプル画像、Flickrにアップしたのからどうぞ。（iPhone用に別アカウント作っちゃいましたよ…）

iPhoneユーザでToyCameraまだお持ちじゃない方は、ぜひぜひ試してみて下さい。楽しいですよー。 :)

WordPressを使い始めた頃から（３年くらい前）、ロードするのに時間がかかるなーと気になっていた。ググってみると私が使ってるところ (DreamHost) は、「mySQLを使ってるサイトは遅い」というのが結構でてきたので、仕方がないか…とあきらめてた。

のですが、最近耐えられないくらいに遅くなってきたので、思い切ってサーバを移してくれるようにサポートに連絡したのが数日前。きのう無事に新しいサーバにお引っ越しが完了しました。

たまーにデータベースの接続に失敗しました、というエラーが出たりするのが気になるけど、ずいぶん早くなったような気がするのは気のせいかなー。

もうしばらく様子を見てみますが、これであんまり改善されなかったら別のホスティングに引っ越そうか、とも思っていた。6年使ってると愛着があったりするのでちょっと一安心です。

1. サイトの表示幅の変更

iPhoneのデフォルト表示幅は980ピクセル。この幅が画面幅になって表示される。私のフォトログは幅が450ピクセルなので、iPhoneで見ると画面の半分ほどにちょこんと表示される。これをiPhone用のメタタグを使って、450ピクセルが表示幅になるように変更。（サイトのheadタグ内に挿入）

<meta name="viewport" content="width = 450" />

←こんな感じ。
ポラロイド署名運動のバナーの表示がちょっとおかしいけど、気にしない、気にしない…　

2. ウェブクリップ用のアイコン作成

前回のアップデートで可能になったiPhoneの機能の一つが、サイトのブックマークをフロントのアイコンに追加するウェブクリップブックマーク。私のサイトをブックマークしてフロントに置いてくれる人がいるとは思えませんが、お仕事用のテストということで。（笑）

手順は簡単で、57×57ピクセルのアイコン用のPNG画像を “apple-touch-icon.png” という名前でサイトのルートディレクトリーにアップロードするだけ。Favicon（ファビコン）と同じ要領です。
ファイル名を指定する場合はサイト、またはページのheadタグ内に

<link rel="apple-touch-icon" href="/xx.png" /> 

と指定。
←こんな感じ。
アイカタに無理矢理ブックマークしてもらう。アイコンのつやつや感はiPhoneがつけてくれます。

その他のiPhone/iPod Touch用の詳しい情報は↓
Apple Web Apps Dev Center – Designing Content
日本語のページ、前はあったんだけどなくなっちゃったみたいです。

値段が高い、日本語がタイプできない、カメラの設定が全く変更できない、そして今の生活だとあんまり活躍の場がなさそーなので、私の携帯はプランについてくるちゃっちーフリーフォン。それでも初カメラ付き携帯。Bluetoothで画像をワイヤレスでパソコンに送れる事にかなり感動。（笑

アイカタ曰く、iPhoneのEDGEは遅くて使えないらしいですが、最近はどこにいってもフリーのWiFiがあるので、それほど気にならないそうな。なにかと話題のiPhoneですが、日本の携帯のほうがずっとカッコいいと私は思ってるんだけどなー…

日本にいる家族とただで話せる。（今さらだけど。）

年末年始に帰った時に、私の姉のMacにSkypeを無理矢理ダウンロード。カメラはついてないけど、マイクはついているので電話代わりには使える。ネット関係にはかなり詳しくない姉の最大の疑問は「なんでただなん？」
「それはWeb2.0だから。」とあってるようなあってないような適当な答えを返しながら、ついでにiChatの使い方も伝授してくる。「カメラがついてれば、テレビ電話みたいになるんだよ〜」と話しながらアメリカに戻ってきた。

どうやら姉よりもうちの父親のほうが興味津々だったみたいで、こっちに戻ってきて１週間も経たないうちに実家にウェブカムを導入し、Skypeに自分のアカウントを作って、iChatの使い方を教えてくれとSkypeで電話してきた。

まさかウェブカムを買うとは思っていなかったので、Skypeを電話代わりにと思っていたけど、カメラがあるならiChat AVでもいいのかも。両方試してみた結果、私から送るビデオはSkypeのほうが高画質、むこうから送るビデオはiChatのほうが高画質だけど、Skypeは両方ビデオをオンにすると、何故か音声と映像がぐちゃぐちゃになる。iChat AVの勝利。

「テレビ電話なんて…」とずーっと敬遠してたけど、実際に使ってみて父や母のちょっと嬉しそうな顔を見ると、まあこれもいいかなーと。

…って、結局Skype使ってないのか…

学習アプリは、単語・フレーズを覚える「iKnow!」、リスニング・タイプ力アップ用の「Dictation」、携帯用、Podcast用の4つ。（携帯用は試せないし、Podcast用はまだ使っていません。）基礎英語、トラベル英語、TOEIC対策、投野コーパス、ビジネス英語、MBA/留学英語の6つのチャンネルがあって、その中にコースがいくつか用意されている。

iKnow!もDictationも同じ単語やフレーズ、文章を繰り返し学習するようになっている。使われている例文も、普段私がアメリカで耳にするものが多く、実用的だと思います。私が主に利用しているのはDictation。しばらく使っていると自分の苦手なところがわかってくる感じ。前置詞が全然聞き取れていないとか、むきになって一度にたくさんやるとタイプミスがどんどん増えてくるとか。

iKnow!のウリのひとつでもあるSNSという部分は全く利用していませんが、なかなかよく出来たツールだと思います。
興味のある方、ぜひ試してみてください。:)

今さら使ってみる事になったのは、仕事で必要になったから。サンディエゴ、テキサス、日本にスタッフがいるあるプロジェクトのコンファレンス・コールに使ってみようということになったのでした。幸いMacBookはマイクがついてるので、そっちにインストール。よくわからないままいじっていたら、かけるつもりじゃなかった電話かけちゃった…　
でも、つながるよ。すごい。感動ー。

Skypeユーザ間は無料というのは知ってましたが、普通の電話にもSkypeクレジットを買っておけばかなりお得なレートでかけれるんですね。今度試してみて、音声大丈夫そうだったら、今使ってる国際電話のサービス、止めちゃってもいいかも。使ってる人、います？:)

さっそく使ってみたのが、Slideoo.comの横方向のスライドショー。表示する写真のサイズ、表示数、セットの選択も可能。全部のページに入れようかとも思ったのですが、ページがロードするたびにスライドショーがリロードされるのが気になって、Aboutのページだけに入れてみました。

表示サイズはスクエア。なのですが、75ピクセルはうちのサイトには大きすぎる感じがしたので、コピーしたコードのheightを無理矢理55ピクセルに変更して少しだけ小さく。サムネイルの下がちょっとカットされてしまっていますが、サイトのアクセント的に使いたかったので、まいいかなと。スライドバーもカットされちゃいましたが、これもないほうが見た目がすっきりするので、まいいかと。（笑）

このSlideoo、サーバがどれくらい安定しているかわかりませんが、ブログのヘッダに使えたりもするのでは？と思ったり。
たとえばこんな感じ。
クリックするとFlickrに飛んでしまうのはちょっとあれですが、サイトの名前と同じセットを作って、そこを定期的に入れ替えるとヘッダもそれに併せて変わるし、なかなか面白いのではないかと。

ここには使わなかったけど、flickrSliDRもシンプルで良いです。iFrameを使って昔のFlickrのオリジナルのスライドショーを呼び出しているようです。新しくなったFlickrのスライドショーが重くていまいちだなと思っていたので、このサービスは嬉しい。

郵便番号→住所自動入力フォーム
郵便番号を入力すると自動で住所が表示されます。ショッピングカートの住所入力の部分で導入。探せばいろんな国のがあるはず。今は必要ないけど、機会があったらアメリカバージョン探してみよっと。

Scriptaculous Lists with PHP
Flickrの写真の並び替えを初めて見た時から「どうやって、やるんだろー？」ってずっと気になってた機能。D⇔riceの管理画面の商品順の並び替え用に導入。ソースコードにPHPのArrayを作成する機能も入っているので、データベースにも対応できる優れもの。

文字数カウントフォーム
サンプルはこちら。ショッピングカートのコメント入力の部分で導入。別になくても良い機能だったけど、「AJAXおもしろいやん！」の勢いで使ってみた。

その他参考にしたAJAXライブラリー系のサイト。
AsH Ajax Tutorials
miniAjax.com
80+ AJAX-Solutions For Professional Coding
AJAX scripts

検索していくつか見つけたものの中で、これなら私でもなんとかなるかも、と思ったのが
PHP MySQL Shopping Cart Tutorial
PayPal決済のみで、クレジットカード決済はできないけど、すべてのステップを詳しく解説してくれているし、ソースファイルもDLできる。インストールも簡単なconfigファイルの変更と、plaincart.sqlのインポートだけで終了。インストールしたディレクトリーにいくと、簡単なショッピングサイトと、管理画面サイトが出来上がっていた。管理画面の項目はカテゴリーリスト、商品リスト、注文リスト、ストア設定とユーザー設定だけ。Zen Cartに比べると、え…っていうくらいシンプルです。

サイトはデザインの変更、チェックアウトフォームの項目の追加、表示項目の追加変更など。管理画面は、商品の画像が複数アップロードできるようにしたり、商品の並び替えができるようにしたり。php.netにはお世話になりました。PHPに関する疑問はここでほぼ解決。

で、これを作っている時に友人からCube Cartというものがあるのを教えてもらった。彼曰く、Zen Cartよりも使いやすいとのこと。日本語版はないみたいなので、日本語サイトに使えるかどうかはわからないけど、機会があったら試してみようと思う。

このサイトを携帯対応にしてみた。←自分が使っている携帯はカメラすらついていないのに。日本の携帯事情は？？？なので、一体どれくらいの人が携帯を使ってサイトを見たりするのか全く見当がつきませんが、どうやって作成するのか興味があったので試してみました。

まず、WordPressの携帯用プラグインMobile Eye+をインストール。アドレスはそのままで、携帯で見ると別のレイアウトで表示されるもの。このサイトはShift-JISではなく、UTF-8なので、大丈夫かなーと思いつつ。
簡単なスタイルは編集できるようになっています。画像は一切なし、CSS未使用のとてもシンプルなものです。

で、インストールはしてみたものの、HTTP_USER_AGENTで振り分けられるので私のコンピュータで確認することができず、オンラインで確認できるものがないかなーと探してみると、goo i-mode シュミレータというのを発見。今時こんなのあるの？っていうインターフェイスだけど、一応パソコンから見るのとは違うレイアウトで表示されました。

シュミレータソフトはいくつか開発されているみたいですが、
携帯サイト対応ウェブサイト作成用フリーソフト
どれもWindowsのみ。くーっ。と思ってたところで見つけたのがこれ。
Stroll 2.0
Mac用のソフトです。無償バージョンは広告がでたり、リンクが正常に作動しなかったりするけど、かなりたくさんの機種が登録されています。（が、どれが新しいのでどれが古いのか、見当もつきません）このソフトで見ると、機種によっては文字がえーっていうくらいでっかかったりします。かなりかっこわる…

最後に最近よく見かけるQRコードというものも作って、貼付けてみました。（トップページのみ）
QRコード作成＆活用のススメ
もちろん、試してません。せません。（笑）仕組み自体もわかっていないけど、こんなのも使う人いるのかなー？

そんなわけで、全く何にもテストしていないので、どんな状態になっているのかわかりませんが、携帯でウェブとか見ちゃうハイテク（？）な方がいらっしゃいましたら、ちょろっと覗いて、感想、バグなど教えていただけると嬉しいです。:)

これを使ってみると、IEの馬鹿さ加減が悲しくなります。FirefoxやSafariでは全然問題ないのに、IEだと崩れている、という場合が多く、CSSをチェックしたり、ハックを探したり。 ここに来てくれる人の約6割はIEからなので「IEサポートしていません」とは言えないし。:’(
なんとかしてください、Microsoftさん…

追記。
ついでにフォトログのほうもチェックしたら、IE 5では表示がおかしいことを発見。あーぁ…

-Tumblr-
Tumblelogという、短いエントリー、リンク、メモ代わりのブログ用に開発されたシンプルなブログシステム。ちょっと使ってみて、あまりの動きの軽快さに惚れました。WPと比べるとかなりのさくさく感。Del.icio.usや、Twitter、Flickr、その他のブログのフィードを読み込めるので、いろんなサイトのポータル的に使うにはとても良さそう。SuprGlu + 簡単なエントリーもできる、という感じ。

かなり魅力的なのですが、できればこのサイトに全部まとめたい私としては、誰かがTumblrのAPIからデータをWPにインポートするプラグインを開発してくれるのを待っているところです。