🤖 AIコーディングのサポート
AIコーディングツール（Cursor・Claude Code等）を使い始めた初心者向けのガイド集です。 AIへの的確な指示に役立つ情報をまとめています。
UI部位名称ガイド（パソコン）
「ヘッダー」「サイドバー」など、パソコン向けWebページのUI部位名称をインタラクティブなワイヤーフレーム図で解説します。
UI部位名称ガイド（スマートフォン）
「ボトムナビ」「ドロワー」など、スマートフォン向けUIの部位名称をインタラクティブなワイヤーフレーム図で解説します。
AIへの指示で詰まりやすいレイアウト用語
Flexbox・Grid・position・z-indexなど、AIへの指示で使うと伝わりやすくなるレイアウト・配置系のCSS用語を厳選して解説します。
AIへの指示で詰まりやすいレスポンシブ用語
viewport・ブレークポイント・メディアクエリ・コンテナクエリなど、AIへの指示で使うと伝わりやすくなるレスポンシブデザイン系の用語を厳選して解説します。
AIへの指示で詰まりやすいインタラクション用語
hover・focus・debounce・transitionなど、AIへの指示で使うと伝わりやすくなるインタラクション・動作系の用語を厳選して解説します。
AIへの指示で詰まりやすいReact基礎用語
コンポーネント・props・state・フックなど、AIへの指示で使うと伝わりやすくなるReact基礎用語を厳選して解説します。
Zenn