カテゴリー:
モバイルデザイン
閲覧数:761 配信日:2015-12-20 19:08
Bootstrapで採用している手法
指定クラスを付与すると、テーブル内だけ横スクロール可能な状態になる
スマホで初めて確認してみた感想
・動作自体はスムーズ
・しかし、「テーブル内が横スクロール可能な状態である」ことに誰も気が付かないのでは？
候補案
A.FooTable使用
B.Bootstrapで横スクロール
C.テーブル以外の実装へ変更
A.FooTable
導入見送り
・2から3へバージョンアップしていた
・これは！ と思い期待するも、検索結果でほとんどヒットせず
・全く流行っていないことが判明
考えられる理由
・モバイルファーストで考えた場合、非表示対応するという行為自体が、嫌われているのかも
・「PCサイトをモバイルにも対応させる」場合なら最適だと思うが、モバイルファーストで考えた場合、重くなる可能性がある処理は敬遠されるのかも
・他で考えられる理由としてはjQuery依存だから？
導入見送り理由
・これからモバイルファーストへシフトしていく予定だから
・テーブルをリスト表示したり縦表示したりする手法も存在するが、それはPCメインでモバイルにも対応する場合の話
・モバイルファーストなら、そもそも出発点が異なる(テーブルありきではない)
・掲載情報は極力制限していく
・頭の切り替えが大事
C.テーブル以外の実装へ変更
他モバイルサイトがどうなっているか調査
・テーブル使用している？
・それ以外？
・テーブルっぽい表示は、どんな実装？