おすすめのノート
開発記録AIとの協働
AIと一緒にサイトを改修する:要件・検証・受け入れ確認の役割分担
今回のサイト再構築を例に、AIが担当できる実装とチェック、そして人が判断する要件・見た目・公開範囲の境界を整理します。
ノートを読む
開発、AIを使った実装、創作の過程で見つけた方法、制約、気づきを記録します。
おすすめ
おすすめのノート
今回のサイト再構築を例に、AIが担当できる実装とチェック、そして人が判断する要件・見た目・公開範囲の境界を整理します。
ノート
ネイティブの details を使うモバイルナビゲーションを例に、リンクの開閉、Escape、外側のクリック、フォーカスの復帰を整理します。通常のナビゲーションを、ページ全体の操作を制限するモーダルと混同しないためのノートです。
ノートを読む作品ページのネイティブなアンカーリンクを例に、カテゴリ選択、CSS によるフォールバック、ブラウザ側のスクリプトの役割を分けます。共有、再読み込み、戻る操作、言語切り替えで同じ状態を保てるかを確認するノートです。
ノートを読む英語版・日本語版の案内を例に、実際の翻訳、ブラウザの言語設定、非モーダルのダイアログ、一時的な非表示の記録を整理します。自動転送しないことと、フォーカスを動かさないことの違いも確認するノートです。
ノートを読むこのサイトの関連記事の選定ルールをもとに、公開条件、言語、タグの得点、並び順を整理し、自動化で減らせる作業と、編集上の判断が必要な部分を説明します。
ノートを読むAbout ページの経歴カードを例に、details、summary、同時に一つだけ開くグループ、アニメーション用スクリプトの役割を整理します。JavaScript がなくてもキーボードで内容を開けるかを確認したノートです。
ノートを読む記事本文の外部リンクを例に、origin の判定、target、noopener、noreferrer、アクセシブルな名前の役割を分け、属性による案内がすべての読者に見えるとは限らない理由を説明します。
ノートを読む