質問: 特定のページだけスマホに分岐する方法 特定のページだけスマホに分岐する方法を教えてください。 例えば、メールフォームのみ、スマホだと見にくいので、 http://hoge.com/mail.html のところ スマホから来たユーザーのみ http://hoge.com/smail.html を読ます方法はないでしょうか?
回答: そういう場合には、ユーザーエージェントを判別して振り分けを行います。 利用者の環境によって、別ページ(別ディレクトリ)へ遷移するという事です。 やり方としては主にphpで行う方法、.htaccessで行う方法があります。 phpでやる場合は当然ファイル拡張子を.phpにする必要があります。 javascriptでも出来ます。 ユーザーがjavascriptを切っていると使えませんが、スマホやタブレットでjavascriptを切る事はほぼないと思うので、これも有効です。 やり方は下記を参考に。 http://html5-css3.jp/smartphone/pc-iphone-android-php-javascript-htaccess.html 1の方が言うような同一ファイルで横幅によってレイアウトを変更するようなやり方はレスポンシブデザインと言って流行のやり方ではありますが、デメリットも多く全てのサイトに向いているわけではありません。 レスポンシブのメリットとしては、同一htmlなので更新が1か所で済むのが一番で、あとはよく設計された場合に作業量が少なくて済む所です。 seoに強いという噂はありますが、googleの方が「そんなふうにはサイトを差別化しない」と否定しています。 デメリットとしては、スマホサイトを作った場合よりも読み込みが遅い(pc用の画像等を全部読み込むため)、 開発にコストがかかる、などです。 またレスポンシブに対応するにはある程度スキルが必要で、慣れていない方には敷居が高いです。 今からサイト自体を設計するのなら、考慮に入れてもいいですが、 今すでにサイトがあり、1ページだけ振り分けたいという事でしたら レスポンシブ対応は全くお勧めできません。 その場合は普通に別ファイルを作成して振り分けたほうが、レスポンシブ20分の1くらいの作業量で出来ると思います。