特集JSなしで、ここまで作れる — ブラウザ標準で実装するモダンUI
これまでJavaScriptライブラリやスクロール監視に頼っていたUIが、ブラウザ標準のHTML/CSSだけで作れるようになってきました。ポップオーバーや位置合わせ、スクロール連動など、JSなしでどこまで実現できるかの参考にしてください。
現役エンジニアが執筆して、専門編集者が編集しているCodeGrid。
リアルな情報を、わかりやすく記事にしてお届けします。
第702号
発行
後編
複数のエージェントに作業を任せるとき、モデルはどう割り当てるのか。同じリポジトリで並行するときの工夫や、同時に動かす数の目安、レビューが終わらないといった失敗談、まず何から試すとよいかについて語り合います。
第1回
入力チェックはJavaScriptで書くものと思われがちですが、HTMLの属性を指定するだけで、ブラウザがかなりの部分を引き受けてくれます。まずは、属性だけで作ったフォームでブラウザが何をしてくれるのかを確かめ、判定の条件を決める属性とその注意点を見ていきます。
最終回
インストールされたWebアプリは、見た目がネイティブアプリと変わらない分、ユーザーも同じ操作感を期待します。違和感なく操作してもらうために、リロードと画面遷移でサイト側が用意しておきたいことを紹介します。そのうえで弱点にも目を向け、どんなサービスに向いているのかを考えます。
特集これまでJavaScriptライブラリやスクロール監視に頼っていたUIが、ブラウザ標準のHTML/CSSだけで作れるようになってきました。ポップオーバーや位置合わせ、スクロール連動など、JSなしでどこまで実現できるかの参考にしてください。
特集ユーザーが画面を見て「これは何で、どう操作するのか」を判断する労力——認知コスト——の大小が、UIの使いやすさを左右します。リンクに見えてリンクでない要素、取り返しのつかない操作、流れを断ち切る画面遷移など、ユーザーを迷わせ・困らせないための原則を集めました。