日本でも都心のビジネスパーソンを中心に所有者を増やしつつあるiPhoneに代表されるスマートフォン。

我々、Web制作者としてもこのiPhone向けサイト・アプリの需要の流れに乗っていかないといけません。

そんな中、良記事を2つ。

1つ目:iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript「moobile」

これは便利そうなiPhone向けテンプレートですね。

ちなみに、iPhoneサイト向けテンプレートでは、すでに有名なものとして「iui」というものもあります。

あとは、実際に使ってみて、どのテンプレートを利用するかを決めるのがいいでしょうね。

2つ目:スマートフォン最適化を実施する際に最低限抑えておきたいこと

こちらは、良記事の多いlivedoor ディレクターブログさんの記事。

以下の4点が挙げられているがどれも重要なもの。

  • 一画面に表示する要素はできるだけ軽く、シンプルに
  • 画面遷移を省いた表示方法を活用する
  • 外出先で必要とされる機能を重視する
  • スマートフォン本体やアプリなどで馴染みのあるUIを参考にする

個人的には、すでにどれも意識しているが、特に3点目の「外出先で必要とされる機能を重視する」は制作をPCで行うがゆえに見落としがちな気がした。注意しましょう!

なお当サイトは、現状ではXperiaには対応されておりませんので、今回はiPhone版Safariへの最適化を対象としてご紹介していきます。

これでタイトルに「スマートフォン」って入れちゃダメでしょw