この記事はアピリッツの技術ブログ「DoRuby」から移行した記事です。情報が古い可能性がありますのでご注意ください。
スマフォでPC表示させているときの条件に注意。
Jpmobileの概要
RailsでPCサイトと共にスマフォサイトを作成する場合に便利なGemとして、JpmobileというGemがあります。
このGemを使うことで、アクセス端末に応じてviewを切り替えることができます。
すなわち、Jpmobileを使用することで、PCからアクセスされた場合にはPC用のviewを表示させ、スマフォからアクセスされた場合にはスマフォ用のviewを表示させることを、Webサイトの開発者が意識することなく実装できます。
また、スマフォからのアクセスかどうかを「request.smart_phone?」のように判定することができるようになります。
ここで、スマフォでアクセスした場合であっても、PC用のviewを表示したいユーザーがいることを考慮して、「PCサイトを表示する」のようなリンクを用意することがあると思います。
この場合には、「disable_mobile_view!」メソッドをコールすることで、PCサイトを表示させることができます。
※恐らく、このようなリンクがクリックされたことを、cookieやsessionに保存し、ページ遷移した後であっても、PCサイトを表示するように実装されるかと思います。
問題点
スマフォからのアクセスに対してPCサイトを表示させている状態であっても、request.smart_phone?の結果は「true」になります。
すなわち、viewが絡む部分(*1)に関して「request.smart_phone?」で条件判定をすると、意図しない動作になる可能性があります。
(*1) controllerでインスタンス変数に値を設定する場合等も含む。
例えば、
- PCの場合 → 12個のレコードをインスタンス変数に設定
- スマフォの場合 → 8個のレコードをインスタンス変数に設定
とすべき場合、本来であれば、
- PCアクセス(PC用の表示) → 12個のレコードがインスタンス変数に設定される
- SPアクセスでスマフォ用のを表示 → 8個のレコードがインスタンス変数に設定される
- SPアクセスでPC用の表示 → 12個のレコードがインスタンス変数に設定される
となって欲しいところです。
しかしながら、controllerで、
def index
count = request.smart_phone? ? 8 : 12
@records = TestTable.where(...).limit(count)
end
のように、「request.smart_phone?」を使用してしまうと以下のようになってしまいます。
- PCアクセス(PC用の表示) → 12個のレコードがインスタンス変数に設定される
- SPアクセスでスマフォ用のを表示 → 8個のレコードがインスタンス変数に設定される
- SPアクセスでPC用の表示 → 8個のレコードがインスタンス変数に設定される(←12個になっていない!!)
■ 対策
このため、viewに絡む部分に関しては、
- 判定1:アクセス端末によって切り替えるのか?
- 判定2:PC用のviewとスマフォ用のviewのどちらを表示しているかによって切り替えるのか?
を常に意識しないと思わぬバグに繋ります。
先程の例では、判定2でやらなければいけません(判定方法は、どちらのviewを表示しているかの情報が保存されたcookieやsessionを参照して判定することになると思われます)。
なお、判定1が必要になる例としては「SPアクセスでPC用の表示をしているときに、スマフォ用のviewに戻すためのリンクを表示する場合(PCでアクセスして来た人に対してスマフォ用のviewを表示することは通常ない。スマフォのときにのみ有効。但し、この例の場合には、PC用のviewを表示している場合にのみ表示させる必要有り)」が挙げられます。
