特集JSなしで、ここまで作れる — ブラウザ標準で実装するモダンUI
これまでJavaScriptライブラリやスクロール監視に頼っていたUIが、ブラウザ標準のHTML/CSSだけで作れるようになってきました。ポップオーバーや位置合わせ、スクロール連動など、JSなしでどこまで実現できるかの参考にしてください。
現役エンジニアが執筆して、専門編集者が編集しているCodeGrid。
リアルな情報を、わかりやすく記事にしてお届けします。
第700号
発行
前編
CodeGrid 700号記念座談会・前編。創刊の2012年から2020年ごろまでを振り返り、jQueryやSass、CSS設計とスタイルガイド、webpackからViteへの移り変わり、Jamstack、アクセシビリティの広がりを、今の開発とのつながりから語ります。
第2回
「ホーム画面に追加」してインストールしたWebアプリで、プッシュ通知とアイコンバッジを使う方法を解説します。ユーザーの許可を得て宛先を取得する購読、サーバーからの送信、Service Workerでの表示という3つの実装と、通知に合わせてバッジを更新する方法を見ていきます。
最終回
前回に続き、シリーズのまとめとして、AIエージェントを使った開発について考えます。今回は、開発で収入を得ることが難しい時代にどう価値を出すかと、「作りたい」という意欲の大切さについて、筆者の経験をもとに考えます。
特集これまでJavaScriptライブラリやスクロール監視に頼っていたUIが、ブラウザ標準のHTML/CSSだけで作れるようになってきました。ポップオーバーや位置合わせ、スクロール連動など、JSなしでどこまで実現できるかの参考にしてください。
特集ユーザーが画面を見て「これは何で、どう操作するのか」を判断する労力——認知コスト——の大小が、UIの使いやすさを左右します。リンクに見えてリンクでない要素、取り返しのつかない操作、流れを断ち切る画面遷移など、ユーザーを迷わせ・困らせないための原則を集めました。