おすすめのノート
開発記録AIとの協働
AIと一緒にサイトを改修する:要件・検証・受け入れ確認の役割分担
今回のサイト再構築を例に、AIが担当できる実装とチェック、そして人が判断する要件・見た目・公開範囲の境界を整理します。
ノートを読む
開発、AIを使った実装、創作の過程で見つけた方法、制約、気づきを記録します。
おすすめ
おすすめのノート
今回のサイト再構築を例に、AIが担当できる実装とチェック、そして人が判断する要件・見た目・公開範囲の境界を整理します。
ノート
アバターの拡大操作を例に、標準のモーダル動作、背景クリック、閉じる経路、フォーカスの復元の分担を整理し、画像自体のクリックで誤って閉じないことをブラウザー操作で確認した記録です。
ノートを読むこのサイトの Button と作品ページをもとに、AI が変更前に要件、定義、使用箇所、出力をたどる方法を整理します。根拠が見つからないときは、もっともらしい実装を補うのではなく、判断の範囲を狭めます。
ノートを読むこのサイトのローカルな Button、共通トークン、CLI 設定を例に、カスタマイズした差分、依存関係、更新範囲の管理を考えます。上流のバージョンだけでは、サイト全体の動作は保証できません。
ノートを読む作品のサムネイル、外部のデザイン画像、著者のアバターを例に、画像の役割、表示領域、読み込み、失敗時の案内を整理し、HTML の基本機能と JavaScript による補強の分担を考えます。
ノートを読むButton の試験導入と記事の英日翻訳をもとに、AI と協働する一回の作業範囲を決め、変えてはいけない内容を守り、確認を実際の使用結果につなげる方法を整理します。
ノートを読む作品ページと記事ページをたどり、ルート、layout、コンテンツの規則、ブラウザーのスクリプトが何を決めるのかを整理します。SPA を外した後に、別の巨大なコンポーネントへ責務を集め直さないための記録です。
ノートを読む