デバイスの認識にuserAgentを使う

https://www.site-convert.com/archives/2188#outline__2

今、windowのwidthとheightで無理やり区別して、スマホの横向きとかタブレットにも対応できるように無理やりしててあまりうまくいってない。
まずuserAgentで区別する。そうするとwitdhが変わった時に今みたいに一番親から再レンダリングされてstateがリセットされるってことがかなり減らせるはず。
開発者モードで動作確認できるかの疑問は残るけどまあ。
とりあえず、Layoutのとことかのpageより親部分の対応でok。
いずれはスマホとpcで完全にpage以下を分岐させるのかな。