iphone対応サイトとは
iphoneはフルブラウザでの閲覧も可能ですがやはりiphoneに適したサイズで閲覧したほうが見やすいという経験から制作いたしました。
PCでの横幅は約900pxで設定されているもが多くなってきています。それに対して、iPhoneの横幅は320pxとなっています。
リキッドレイアウトとビューポート設定を理解してＤＩＶタグによる制作をすることで、PCでは横幅900px、
iphoneでは横幅320pxとＣＳＳで振り分けることが可能です。
では、なぜそういうサイトが現在で少ないのかということになると、制作サイドからすると現ＰＣサイトのデザインの再設計というところに行き着くからです。
もし、テーブルタグなどでデザインしてあるとほとんど全て新構築などとなってしまう恐れがあります。であれば、ＰＣサイトをいじるのではなく携帯サイトをもうひとつ同じものをつくりそれをiphone用にしてしまおうという考え方もあるでしょう。
docomo au softbank ３キャリア共通携帯サイトの横幅は240px。80pxほど広げればiphone用のサイトになるというわけです。ＣＭＳ等でサイト制作している場合、とりあえず見れるサイトは簡易にできあがることでしょう。たぶんそういう流れにいくのではないかと今は考えています。
WordPressのプラグインにWPtouchというものがあります。詳しくは知りませんが、簡単にスマートフォン用のサイトが作れるそうです。
彼らの考え方は「モバイル端末ではデザインがどうのこうのではなく、コンテンツに素早くアクセスできることが一番重要」。
今までのモバイル携帯は制約が多く、それでよかったでしょうが、今後のモバイル、携帯だけでなくタブレットなどの普及を考えるとコンテンツも大事ですがデザインもより一層大切になってきます。（ＰＣでのインターネットの流れと同じですね）
【iphon対応 スマートフォン対応と謳っているサイトのソースを見てください。】
いったい本当にきちっと対応しているかどうかその制作者の姿勢がわかります。
タグ内にstyle|="○○○" やfontタグが使われている場合、携帯サイトを適当に改善して作っているということがわかります。技術が無いのでしょうか。それともコスト高になるから？いいかげんな仕事はファン離れになっていくのではないでようか。
現在は、スマートフォンより、携帯のほうがシェアが高い現状があげられます。但し、 ２０１１年にはスマートフォンが携帯のシェアを抜くだろうと予想されていますので、現在、話題になっていますね。
また、iphoneやAndroid携帯においてはＷＥＢそのものをアプリでなんとか閲覧するという動きもあります。
オタク系などの人に尋ねれば
「ＷＥＢで云々じゃなく、iphone側でアプリを入れてなんとかするものです。」
という返答がかえってくるでしょう。
しかし、アプリでできることはレイアウトを崩すことぐらいです。つまり、tableタグを取り去ることです。
「とりあえず携帯サイトを」ではなく、スマートフォン対応サイトが必要。
なぜなら、今後はiphoneだけではなくAndroid携帯・iPadやガラパゴスなどのモバイルタブレット・ブックビューアーなど様々なＷＥＢツールが出てきます。また、ブラウザもHTML5/CSS3対応のものもスタンダードになっていきます。
技術面から考えると携帯ＷＥＢはタグに<Ｆｏｎｔ>など、Ｗ３Ｃでは今後使われなくなるかもしれないタグによって構成されています。またＣＳＳにおいても＜font="" style=""＞などタグ内に記入が主流でリンクＣＳＳは使えません。
例えば、全ページにわたって文字をもう少し大きくしたい。色を変えたい。リンクの文字の変更をしたい。文字列間のpaddingを変更して見やすくしたいなどと考えたとき、全てのページごとに各文字列ごとに変更しなければなりません。
「エディターで置換をすればいいじゃないか。」
ちょっとまってください。
この文字列はブルーのままこの文字列はレッドに替えたいといったときどうしますか。
そういうこと結構ありますよね。
やっぱり手作業になるでしょう。ちょっとした携帯ＷＥＢページならいったい何枚変更処理をしなければいけないか。
また、データ表示なんかも携帯ＷＥＢは容量の関係上かなりの制約を受けます。
データが１００件あるのにもかかわらず、１０件づつ次へ次へで表示していけば１０枚ページをめくらなければいけません。
（ページャーをつけてるとべつですが、ページャーをつけてるサイトはまだ少ないようです。）
やっぱり、顧客満足のためには、きっちっとした考えは持っておかなければいけないと考えるからです。
将来に向けて、きちっとした「iphone対応」のＷＥＢサイト構築をお考えられることをお勧めいたします。
