iPhoneの発売とスマートフォンの普及につれて、PC向けサイト、モバイル向け、スマートフォン向けと同じデータを３つの表現方法で表示する必要が出てくると思われます。webに現段階で出ている情報を元にちょっとずつ情報をまとめてみたいとおもます。当初はページ制作してみるつもりだったんですが、手元に実機がないので、ひとまずこんな感じでメモしておこうかとおもいます。

まずは、iPhoneの特徴でもある、大きな画面と手で操作を行うというインターフェイスなので、それ向けに対応。とはいえ、PCのサイトでもそのまま不自由無く閲覧できるというのも、iPhone、iPod toushなどのいいところなんですが、なるべくストレスフリーがいいかなとココにも書いてありますので。

iPhoneサイトを構築しよう--第1回：iPhoneサイト構築で知っておきたい5項目

iPhone用に最適化したページ制作を行うときの心がけと基本を解説してます。かなりお役たちに

画面のサイズはヨコにしたときに480PX。縦にしたときは320PX。このディスプレイサイズでアクセスしてきたときに、それようのCSSをあてがうという、safari3にも実装されている、CSS3から導入されているMedia Typeを指定するときに使用できるCSSのメデイアクエリーを使う方法。もしくは、CSSのmediatypeに"handheld"という値を設定して対応する方法があるようです。 どちらが一概にいいと言いにくいですけど、後者の方がCSS3を実装していないスマートフォン、フルブラウザなんかにも対応できるので、そちらの方が対象機種がふえるのではないかとおもいます。目的に合わせてチョイスするのが無難なようです。

CSSを読み込みを設定する記述

<link media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" rel="stylesheet" />

メディアクエリはCSSファイル内に書き込むことが可能だが、上記のようにHTMLのlinkタグ内に記述することもできる。iPhone/iPod touchは横に傾けた際の幅が480pxなので、スクリーンサイズが最大480px（max-device-width: 480px）を想定したCSSファイルを用意しておくと良いだろう。

とりあえず、こんな感じでiPhoneページの制作TIPSがでてるみたいです。

iPhoneサイトを構築しよう--第1回：iPhoneサイト構築で知っておきたい5項目

iPhone用に最適化したページ制作を行うときの心がけと基本を解説してます。かなりお役たちに

Media Queryとは

css読み込みの際に設定するメディアクエリの使い方を解説してるので、メディアクエリを使う場合は参考にしたい

iPhoneサイトを構築しよう--iPhoneからみるモバイルサイトデザインのヒント

iPhoneが持つインターフェイスデザインについてと狙いについて。モバイルサイトのデザインのヒント。

iPhoneサイトを構築しよう--第2回：iPhoneならではのサイト構築テクニック

第一回の続き。iTunes、YouTube、.Macへのリンク指定方法やJavascriptの実行速度の問題とかも



Apple DeveloperConnection iPhone Dev Center

iPhone向けの開発者のサイト。

Yahoo!画像検索流iPhoneページの作成方法

iUIを利用してiPhone用の画像検索サービスをリリースしています。

iPhoneのエミュレーター iPhoney

エミュレーターで見た感じだと、アップしたときの表示には少し気を配りたいなと感じてます。多少動作に問題があるよなきがします。サイトによっては、リンクをクリックしてもページ遷移しないことも。使い方に問題あるかも

Introduction to Safari Web Content guide for iPhone

apple公開の開発者向けコンテンツ

builderがiPhoneに対応しました

実際に対応したページがみれます。iUIをつかっているような気がします。ただまだ日本語の検索などには対応できていないみたいです。これからの参考に

Yahoo　画像検索でも使っているUIのiUI

iPhoneインターフェイスライクな画面が作成できるパッケージと言っていいのか？？まだ触ってない

iPhoneなんて日本では売れないかも。でもアップルがライフスタイルを変える

この前のエントリーでもiPhoneの日本での普及について、割と悲観的な予測をしているのですが、Macintosh、iMac、iPod と続くこのコンシュマーエレクトロニクスの革命は、自分の生活を多いに変革してくれました。（んー、iMacはそんなに接点なかったけどね）iPhoneで、またライフスタイルの革命を続けてくれると思わずにはいられません！