出題者 | カテゴリ | 作成日 |
---|---|---|
![]() |
JavaScript&jQuery担当 | 2014-08-29 19:10:17 |
問題 | ヒント | 回答数 |
---|---|---|
■PCサイトとスマホサイトをどうやって切り替える?
最近、PCサイトとスマホサイトを両方持つ人達も増えてきました。今後も増えそうです。 当然レスポンシブにする人もいれば、別サイトとして作る人達もいます。 今回は、別サイトにしたという前提で、以下の問にお応えください。 1.あなたはスマホからのアクセスがあった場合に、自動的にスマホサイトに転送するためにどんな方法を使いますか? 2.そのスマホサイトからPCサイトの遷移を選ばれた場合、どんな方法を使いますか? 3.上記の方法のメリットとデメリットで思いつくことはありますか? |
PCサイトからスマホサイトへの切替方法としては、JavaScriptを使う方法や、htaccessを使う方法がメジャーです。それぞれ良いところがあります。
またサイトを両方用意した時に注意すべきこととしては、SEO上の重複コンテンツ問題もありますが、今回はそこは考えずに、あくまで技術的な切り替え手法に関してお考えください。 |
6 |
メンバーの回答一覧 お疲れ様でした!
※講師コメント詳細は冊子に掲載されています。
なるほど 票数 |
回答 | 講師コメント |
---|---|---|
0 | 丸田(1).htaccessを使って転送する
(2)ヘッダやグローバルナビ内などのかなり目立つ場所に、PC/スマホの切り替えボタンを設置する (3)スマホでもPCサイトを見たいという場合、ワンクリック多くなってしまう |
銅 (西畑 一馬) スマホサイトが使いはすくなっており、最近の傾向ではPC/スマホの切り替えボタンは控えめに配置されることが多いですね。 |
0 | otoshima1.あなたはスマホからのアクセスがあった場合に、自動的にスマホサイトに転送するためにどんな方法を使いますか?
javascriptにて、user agentを見て、iPhone,Android(iPod,iPad)の場合はスマホ用のURLにジャンプさせる。 2.そのスマホサイトからPCサイトの遷移を選ばれた場合、どんな方法を使いますか? URLにパラメーターをつけてリンクさせ、PCページ側はそのパラメータがついている場合はスマホ用URLにジャンプしないようにjavascriptで設定する 3.上記の方法のメリットとデメリットで思いつくことはありますか? メリット →PC,スマホと別々にページをつくるので、デザインの自由度が高い。何か不具合があったときに特定しやすい。 デメリット →ページを2重に管理しなくてはならないので、管理コストが高くなる。 |
金 (西畑 一馬) PCサイトの遷移ではパラーメータ以外にcookieやWebStorageを利用した方法があります。詳しくは今月中旬の冊子で解説します。 |
0 | yukko1.あなたはスマホからのアクセスがあった場合に、自動的にスマホサイトに転送するためにどんな方法を使いますか?
2.そのスマホサイトからPCサイトの遷移を選ばれた場合、どんな方法を使いますか? 3.上記の方法のメリットとデメリットで思いつくことはありますか? 勉強不足でよくわかりませんでした。これを機会に勉強してみます。 |
なし (西畑 一馬) 今月中旬の冊子で解説しますので頑張って勉強して下さい。 |
0 | kamino1.
htaccess ??? 2. 正直よくわかりませんのでこれを機会に勉強します! 3. 正直よくわかりませんのでこれを機会に勉強します! |
なし (西畑 一馬) 今月中旬の冊子で解説しますので頑張って勉強して下さい。 |
0 | たけ※業務でスマホサイトを制作した事はありませんが、
やるとしたらの想像で回答させていただきます (1) htaccessでユーザーエージェントを判別し、 スマホからのアクセスの場合は、RewriteRuleでスマホURLに切り替える。 (2) 「PC版で見る」ボタンを設置する。 ただ、そのままだと再リダイレクトされる可能性があるので、 リファラがサイト内の時は、(1)のリダイレクトをさせないように条件分岐させる。 (3) メリット: ・サーバーレベルで切替を行なうので、 jsやCSSでの切り替えを行う場合に必要な、クロスブラウザ等の対応が不要になる デメリット: ・テストがしにくい ・利用サーバーによってはmod_rewriteが使えないことがある |
銀 (西畑 一馬) htaccessではリファラ以外にcookieなどを見て判定することもできます。詳しくは今月中旬の冊子で解説します。 |
0 | gabber10901.あなたはスマホからのアクセスがあった場合に、自動的にスマホサイトに転送するためにどんな方法を使いますか?
・.htaccessにてユーザーエージェントによる判別を行い転送します。 2.そのスマホサイトからPCサイトの遷移を選ばれた場合、どんな方法を使いますか? ・PCサイトへの切り替えボタンをページ下部に設置します。 3.上記の方法のメリットとデメリットで思いつくことはありますか? ・メリット JSによるものと違いほぼどんなブラウザ環境や設定でも動作する。 ・デメリット 記述を間違うと最悪500エラーなど致命的なエラーとなる |
注目 (西畑 一馬) htaccessは少しでも記述を間違うと500エラーになるので怖いですね。テストサーバーなどで試してから本番に反映させてください。 |