※回答一覧

 出題者   カテゴリ   作成日

西畑 一馬		 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 otoshima
1.あなたはスマホからのアクセスがあった場合に、自動的にスマホサイトに転送するためにどんな方法を使いますか?
javascriptにて、user agentを見て、iPhone,Android(iPod,iPad)の場合はスマホ用のURLにジャンプさせる。

2.そのスマホサイトからPCサイトの遷移を選ばれた場合、どんな方法を使いますか?
URLにパラメーターをつけてリンクさせ、PCページ側はそのパラメータがついている場合はスマホ用URLにジャンプしないようにjavascriptで設定する

3.上記の方法のメリットとデメリットで思いつくことはありますか?
メリット
→PC,スマホと別々にページをつくるので、デザインの自由度が高い。何か不具合があったときに特定しやすい。
デメリット
→ページを2重に管理しなくてはならないので、管理コストが高くなる。		 金 (西畑 一馬)
PCサイトの遷移ではパラーメータ以外にcookieやWebStorageを利用した方法があります。詳しくは今月中旬の冊子で解説します。
0 yukko
1.あなたはスマホからのアクセスがあった場合に、自動的にスマホサイトに転送するためにどんな方法を使いますか?
2.そのスマホサイトからPCサイトの遷移を選ばれた場合、どんな方法を使いますか?
3.上記の方法のメリットとデメリットで思いつくことはありますか?

勉強不足でよくわかりませんでした。これを機会に勉強してみます。		 なし (西畑 一馬)
今月中旬の冊子で解説しますので頑張って勉強して下さい。
0 kamino
1.
htaccess　???

2.
正直よくわかりませんのでこれを機会に勉強します!

3.
正直よくわかりませんのでこれを機会に勉強します!		 なし (西畑 一馬)
今月中旬の冊子で解説しますので頑張って勉強して下さい。
0 たけ
※業務でスマホサイトを制作した事はありませんが、
　やるとしたらの想像で回答させていただきます

(1) htaccessでユーザーエージェントを判別し、
　　スマホからのアクセスの場合は、RewriteRuleでスマホURLに切り替える。

(2) 「PC版で見る」ボタンを設置する。
　　ただ、そのままだと再リダイレクトされる可能性があるので、
　　リファラがサイト内の時は、(1)のリダイレクトをさせないように条件分岐させる。

(3)　
メリット:
・サーバーレベルで切替を行なうので、
　jsやCSSでの切り替えを行う場合に必要な、クロスブラウザ等の対応が不要になる

デメリット:
・テストがしにくい
・利用サーバーによってはmod_rewriteが使えないことがある		 銀 (西畑 一馬)
htaccessではリファラ以外にcookieなどを見て判定することもできます。詳しくは今月中旬の冊子で解説します。
0 gabber1090
1.あなたはスマホからのアクセスがあった場合に、自動的にスマホサイトに転送するためにどんな方法を使いますか?
・.htaccessにてユーザーエージェントによる判別を行い転送します。

2.そのスマホサイトからPCサイトの遷移を選ばれた場合、どんな方法を使いますか?
・PCサイトへの切り替えボタンをページ下部に設置します。

3.上記の方法のメリットとデメリットで思いつくことはありますか?
・メリット
JSによるものと違いほぼどんなブラウザ環境や設定でも動作する。

・デメリット
記述を間違うと最悪500エラーなど致命的なエラーとなる		 注目 (西畑 一馬)
htaccessは少しでも記述を間違うと500エラーになるので怖いですね。テストサーバーなどで試してから本番に反映させてください。