PCで作ったフォーム、スマホだと押しにくいんだよなぁ
AoiroAD 運営事務局PCで作った入力フォーム、スマホだと使いにくいんだよなぁ
うちの現場、日報も点検もほとんどスマホで入力するようになったんだよなぁ。倉庫の隅で、作業の合間に立ったまま打つ。ところが、事務所のPCで作った入力フォームは、項目が横に3つも4つも並んでいて、スマホで開くと小さくて押し間違えるんだよ。
「スマホ用のフォームも別に作らないとダメか」と思って、正直げんなりしたんだよなぁ。同じ項目なのに、2つ作って2つ直すのは面倒でしょ。
別々に作らなくていいらしい
あとでAoiroADの仕様を見て知ったんだけど、アプリ作成画面には「表示列数」という設定があるんだよ。1〜50列の数値で決めるやつ。
- 1列：フォーム全幅に項目が1つ
- 2〜4列：全幅に2〜4つの項目が並ぶ
- 5〜50列：Excel帳票のような細かいマス目になり、項目ごとに幅と高さを指定する
で、肝心なのがここ。スマートフォン（画面幅600px以下）では、列数や幅の設定に関わらず自動で1列に縦並びになるんだよ。PCで3列に並べても、スマホで開けば上から順に1項目ずつ出てくる。
これ、マジで助かる
事務所では項目を横に並べて一画面で見渡せるようにして、現場ではスマホで縦に1つずつ打つ。同じフォームでそれができるなら、項目を足したときに直すのも1回で済むんだよなぁ。
もうひとつ気づいたのは、スマホ向けに無理して1列で作らなくていいということ。PCでの見やすさを優先して列数を決めても、現場のスマホ側は勝手に整うから。
（こうしたらできるかも☆）
アプリ作成画面の「表示列数」を使えば、PCでは複数列、スマホ（画面幅600px以下）では自動で1列という形で実現できます。まずはデモ環境で試してみてください。
