MODxでスマホ振り分け

アルム＝バンド @Bredtn_1et

@_so4 ちょっと質問してもよろしいでしょうか？MODxで新規に企業用サイトを作成する場合、スマホにも対応しようと思ったら、現状ではどのような手法が楽でしょうか？ レスポンシブデザインでリソースは共通にして、テンプレートを切り替えるプラグインを導入する感じでしょうか？

soushi (･ﾟ∠)ばなな @_so4

@Bredtn_1et RWDにしてしまえば、PC/スマホともに共通化できるので切り替えの考慮はなくても良さそうです。逆にPC/スマホとテンプレート分ける場合は切り替えのプラグインを入れる案も出てきます。

soushi (･ﾟ∠)ばなな @_so4

@Bredtn_1et ただもっと単純に考えると「スマホの時は/sp/にリダイレクト」という動きをいれて完全にリソースを分ける方法もあります。こっちは構成的にはシンプルになると思います。

アルム＝バンド @Bredtn_1et

@_so4 それも考えたのですが、新着一覧からPCのページとスマホページへのリンクを振り分けないといけないので、そのあたりをどうしたら良いものか、と考えてしまい…。PCとスマホのページ（ファイル）が綺麗に対応していないし…と。

soushi (･ﾟ∠)ばなな @_so4

@Bredtn_1et なるほど…完全に別ページとして割り切れない場合はRWDかテンプレ切り替えになりますね。以前MobileConverterなるテンプレ切替の拡張を作ってますが、最近手入れしてないので最新のMODXで動くかは…要確認にはなります。

ɐɯɐʎ @3__3

@_so4 @Bredtn_1et 最新のevoだとOnLoadDocumentObjectでテンプレートを切り替えることができてキャッシュもデバイスごとに生成するのでMobileConverter相当のプラグインを作るのは簡単かも？

ɐɯɐʎ @3__3

@_so4 @Bredtn_1et if(strpos($_SERVER['HTTP_USER_AGENT'],'iPhone')!==false) $modx->documentObject['template']=xxx をOnLoadDocumentObjectにフック

アルム＝バンド @Bredtn_1et

@3__3 @_so4 なるほど…その直前にsessionStorageとかcookie使ってスマホでもPC版見たい、とか処理を挟んでやればそれっぽくなりそうですね。ありがとうございます。

ɐɯɐʎ @3__3

@Bredtn_1et @_so4 スマホ・PCを行き来するリンク（またはボタン）はスニペットで作れますね

アルム＝バンド @Bredtn_1et

@3__3 @_so4 そうなのですか。

ɐɯɐʎ @3__3

@Bredtn_1et @_so4 プラグインとの合わせ技になります。$_SESSION['device']='PCサイトを見たいiPhone' みたいなセッションをスニペットに張らせてプラグインで判定させるとよいと思います

ɐɯɐʎ @3__3

@Bredtn_1et @_so4 スニペットは、page.html?device=pcとかを見てスイッチさせる作りにします

アルム＝バンド @Bredtn_1et

@3__3 @_so4 保持しているセッションでとちらのサイトを表示させるか振り分けるのですね。

ɐɯɐʎ @3__3

@Bredtn_1et @_so4 です。プラグインの最初のほうでif(!isset($_SESSION['device'])) $_SESSION['device'] = xxxxx というふうに初期化すれば、セッションだけで判定できるのでシンプルかも

アルム＝バンド @Bredtn_1et

@3__3 @_so4 確かに。簡単なコードで実装できそうですね。しかもその振り分けのフラグをクライアントが持ち歩いてくれれば新着情報ページからのリンクを切り替えるのにも使えそうですね。

soushi (･ﾟ∠)ばなな @_so4

@3__3 おお。いつの間にかテンプレートの切り替えが簡単になってますね。MobileConverterも今の仕様に合わせていきたいですね…モバコンも中で色々ややこしい事してましたし。