「ここを変えて」で育てる：色と見やすさを直す

受講生

ベージュの表、ちょっと地味。
でも、直すのは大変そう…

先生

直すのも言葉だけ。
気になったところに番号をつけて、
まとめて1回で頼みます。

見本：3つまとめて頼む

録画（早送り）頼んでから、書きかえが終わるまで（早送り。実際は21秒）

実際の画面Claude Code の報告。3つそれぞれ、何をどう変えたかを書いてくれた。「画面を開いて確認はしていません」とも書いてある

AIが作った実物書きかえたあとの予約表（撮影では画面に出さない形の Chrome で撮りました）。ピンクになり、予約が入った枠は名前が大きい

あなたの番：あなたの予約表を育てよう

受講生

見本と同じ3つを頼めばいい？

先生

まずは同じ文で試してOK。
慣れたら、あなたが気になったところ
を3つまで書きかえて頼みましょう。

① 下の文を貼って、Enter

貼る文（全文）

ありがとう、使えました。3つ変えてください。1. 全体の色を、白と淡いピンクのやさしい感じに。2. 予約が入った枠は、生徒さんの名前をもっと大きく。3. 上のタイトルを1行におさめて。

実際の画面

② 「Do you want to make this edit to index.html?」で Enter

実際の画面赤枠で、書きかえるファイル（index.html）と答えの選択肢。「−」の行が消える行、「＋」の行が足す行

「Do you want to make this edit to index.html?」は「index.html のこの書きかえをしてよいですか？」。作るときと同じく、1（Yes）で Enter です。中身は読まなくて大丈夫です。撮影では、この確認が2回出ました。

③ ブラウザで、再読み込みする

Claude Code は今回、ブラウザで開き直す確認を出さず、「ブラウザで開いている画面を再読み込みすると反映されます」と報告しました。前のタブが開いたままなら、そのタブで再読み込み（Mac は ⌘＋R）をすると、新しい予約表になります。閉じていたら、index.html をダブルクリックして開きます。

つまずきやすいところ

最初の疑問に戻ります

※ ターミナルの画面は、2026年10月19日に吉田のiMac（Mac）で Claude Code（2.1.303）を実際に動かして撮ったものです。モデルは Sonnet 5.5。確認の画面は、最初の設定のまま（毎回たずねる）でした。できた予約表は、同じiMacの Chrome（画面に出さない形で起動したもの）で開いて撮りました。どのプランで同じことができるか、Windows でどう見えるかは、この講座では確かめていません。アカウントの情報は消してあり、フォルダの場所はデスクトップの表示に置きかえています。AI の答えの文は、毎回すこしずつちがいます。