毎週届く確かな情報
AI時代だからこそ、
プロの知見でスキルを磨く

現役エンジニアが執筆して、専門編集者が編集しているCodeGrid。
リアルな情報を、わかりやすく記事にしてお届けします。

CodeGridについて

最新号

バックナンバー

第702号

発行

  1. 後編

    複数エージェントの使いこなし


    複数のエージェントに作業を任せるとき、モデルはどう割り当てるのか。同じリポジトリで並行するときの工夫や、同時に動かす数の目安、レビューが終わらないといった失敗談、まず何から試すとよいかについて語り合います。

  2. 第1回

    標準機能を選んで使うフォームバリデーション


    入力チェックはJavaScriptで書くものと思われがちですが、HTMLの属性を指定するだけで、ブラウザがかなりの部分を引き受けてくれます。まずは、属性だけで作ったフォームでブラウザが何をしてくれるのかを確かめ、判定の条件を決める属性とその注意点を見ていきます。

    坂巻 翔大郎

  3. 最終回

    「ホーム画面に追加」でできること


    インストールされたWebアプリは、見た目がネイティブアプリと変わらない分、ユーザーも同じ操作感を期待します。違和感なく操作してもらうために、リロードと画面遷移でサイト側が用意しておきたいことを紹介します。そのうえで弱点にも目を向け、どんなサービスに向いているのかを考えます。

    中野 祐人

お知らせ

  • お知らせCodeGridがリニューアルしました。デザインが変わり、ライト/ダークモードの切り替えに対応、カテゴリーやバックナンバーを整理し、情報にたどりつきやすくなっています。なにかご不便点がありましたらお問い合わせページよりご連絡ください。
  • ゆる雑談次回のゆる雑談は11月16日(月)12:05〜、ゲストはフロントエンド・エンジニアの渡辺です。テーマは「CodeGridリニューアルの実装裏話」ほか(購読者限定Discord雑談会チャンネルにて)。
  • 特集

    JSなしで、ここまで作れる — ブラウザ標準で実装するモダンUI

    これまでJavaScriptライブラリやスクロール監視に頼っていたUIが、ブラウザ標準のHTML/CSSだけで作れるようになってきました。ポップオーバーや位置合わせ、スクロール連動など、JSなしでどこまで実現できるかの参考にしてください。

  • 特集

    迷わせない、邪魔しない。使いやすいUIの原則

    ユーザーが画面を見て「これは何で、どう操作するのか」を判断する労力——認知コスト——の大小が、UIの使いやすさを左右します。リンクに見えてリンクでない要素、取り返しのつかない操作、流れを断ち切る画面遷移など、ユーザーを迷わせ・困らせないための原則を集めました。