iPhone向けサイトの構築に役立つ記事をピックアップ

　iPhone争奪戦で最初に手を挙げたのはソフトバンクモバイルだった。昨晩は各ニュースサイトの記事やブログエントリ、それらに付いたはてなブックマークのコメントをネタに、ひとしきり盛り上がったのではないだろうか？

　さて、そろそろ自身の業務に引きつけて考えてみよう。builderに掲載した記事の中から、iPhone向けサイトの構築に役立つ記事を紹介する。

　まずはそのものズバリ、「iPhoneサイトを構築しよう」という連載を紹介したい。ブログ「could」を中心に活動している「デザインをする人」長谷川恭久氏が、iPhoneサイト構築にあたってのTipsやコード、そしてモバイルデザインのコンセプトまでを広く解説している。

• iPhoneサイトを構築しよう--第1回：iPhoneサイト構築で知っておきたい5項目
• iPhoneサイトを構築しよう--第2回：iPhoneならではのサイト構築テクニック
• iPhoneサイトを構築しよう--iPhoneからみるモバイルサイトデザインのヒント

　長谷川氏は様々なメディアで「体験」の重要性を説いている。第3回の「体験が機能を超えるとき」は、iPhoneが与える体験を踏まえた上で、モバイルサイトを構築する手がかりを得られるのではないだろうか。

　iPhoneの日本上陸を機に、自身のウェブサイトやサービスを多言語で展開したいと考えている方には、同じく長谷川氏による連載「Webデザインとローカライズの関係を理解する」が参考になるだろう。

• ウェブサイトのローカライズの特徴
• ウェブサイトのローカライズで気をつけたい6つのポイント 前編
• ウェブサイトのローカライズで気をつけたい6つのポイント 後編

　実際の作業に入る前に、先人の労からベストプラクティスを読み取ることができないだろうか。

• iPhone/iPod touchに最適化されたWebサイト22選

　iPod touchと同様、iPhoneにもフルブラウザのSafariが搭載されている。しかし、フルブラウザとはいえ携帯デバイスで操作するSafariについては、サイトのUIやインタフェースデザインをよく考慮しなければならない。AppleがWeb開発者・デザイナー向けにガイドラインを公開している。

• iPod touch向けサイトの作成で従うべきガイドライン

　iPhone向けのサイトを構築したら、忘れずにやっておきたいのがWebclipアイコンの設置だ。

• iPod touch向けにapple-touch-icon.pngを用意しよう
• iPod touch用Webclipアイコンの作り方

　こうした記事が皆さんの業務の一助になれば幸いだ。