■ 商品名 AI と一緒に作る Web アプリ HTML / CSS / JavaScript（PDF版） ■ 商品の概要 「書く側」ではなく “読む側＝ブラウザ視点” で Web を理解するための入門書です。 HTML・CSS・JavaScript・AI・ブラウザの関係が一本の線でつながり、 エラーの意味・つまずきの原因・正しい学び方 が自然に見えるようになります。 🧩 スペック（サイズ・素材・ページ数など） 形式：PDF（スマホ・PC どちらでも閲覧可） ページ数：79ページ サイズ：A4相当（PDF 最適化済み） 文字サイズ：16px（読みやすい行間 1.9） 構成：序章＋9章＋まとめ 画像：図解・コード例あり 印刷：家庭用プリンタで印刷可能 制作環境：HTML＋CSS（Kindle 互換構造 → BOOTH 用に最適化） 🛠 制作の道のり（Behind the Scenes） 本書は、 「ブラウザは依頼書（HTML・CSS・JS）しか読まない」 というシンプルな原則を軸に、以下の流れで制作しました。 ● 1. Kindle 用に HTML を構築 章ごとに改ページ 読みやすい段落構造 コードブロック最適化 ● 2. BOOTH 用 PDF に最適化 CSS を全面調整（行間・余白・見出しサイズ） 改ページの二重発火を修正 Kindle 用の page-break div を CSS で無効化 Chrome 印刷で最も綺麗に出る設定に統一 ● 3. 読者が迷わない構成へ ブラウザ視点 3人の専門家モデル（構造／視覚スタイル／動き） AI＝相談相手モデル つまずきの原因を「構造」で理解できるよう再構成 制作過程で 「学習が止まるポイント」 を徹底的に洗い出し、 それを “構造として理解できる形” に落とし込みました。