12b章 つくりこむ編
12b-1

まっさらから、動くまで

まず一番小さい一枚から。

ごろは、ついに何かをつくることにしました。相棒もいる、セーブも覚えた。あとは、つくるだけです。

そこでごろの悪いくせが、また顔を出します。頭の中で、立派なアプリを丸ごと思い描いてしまうのです。曜日が並んで、色がついて、家族が書き込めて、スマホからも見られて……。想像がふくらむほど、ごろの目はきらきらして、そして、指が止まります。大きすぎて、どこから頼めばいいのか分からなくなるのです。

つくるのは、たった一枚の道具です。名づけて「今週の献立ボード」。月曜から日曜まで、今日の晩ごはんを書いて眺められるだけの、ちいさな一枚。豪華なアプリではありません。序章からずっと、ごろは献立で困ってきました。あの困りごとを、今日は道具にします。あとで13章になったら、これを家族と分け合える形にします。でも今日は、まず自分の机の上で、動く一枚を持つところまで。

>

コツは、ひとつだけです。まず一番小さい一枚から。 ぜんぶ考えてから頼むのではなく、「七日ぶんの枠が並んだ、ただの表を一枚」から始める。飾りも、色も、共有も、ぜんぶ後回し。まず、動く土台を先に手に入れます。プロが配信でライブコーディングをするときも、いきなり全部ではなく、動く一枚を出して、直して、また足す、をくり返しています。派手に見える人ほど、地味に往復しているのです。

もうひとつ大事なのは、頼んで出てきたら、頭で想像せずに、必ず画面で開いて見ること。ライブビルドの心臓は、これです。想像の中では、いつでも完璧に動きます。開いて、はじめて本当のことが分かります。

白い板へ七日分の表を一枚だけ頼み、相棒が七列をその場で彫ると、ごろが顔を近づけて確認する

やってみます。

ごろは、こう打ちました。「月曜から日曜までの枠が横に七つ並んだ、今週の献立を書けるだけの、いちばんシンプルな一枚を作って。まずはそれだけでいい」。

相棒(Claude Code)が、七つの枠が並んだ一枚をつくって、「できました、開いてみてください」と返します。

ここで、ごろの小さな失敗です。ごろは「よし、完成」と、頭の中だけで満足して、開くのを忘れかけました。想像の中の献立ボードは、もう完璧に横並びだったのです。でも、思い出して開いてみたら、枠は縦にびろーんと七つ、下へ下へと並んでいました。カレンダーというより、細長い巻物です。ごろの想像と、ちがう。

でも、こわれたわけではありません。ごろは、こう言い直しました。「枠を、縦じゃなくて横一列に並べて。カレンダーみたいに」。

相棒が直して出し直すと、今度は横に七つ、ちゃんと並びました。ごろの思っていた形です。

「この形でいったんセーブして」。ランタンが、ひとつ灯ります。今日は、ここに帰れます。彫りすぎる前に、動いたところで一回セーブ。これが、この章のずっと足元にある安心です。

>
開きのクイズ

「月〜日の枠が横に並んだ献立ボードを作って」と頼んだら、縦にびろーんと七つ並んで出てきました。どっちのごろが、早く横に直せるでしょう。

  • A もう一度、最初からぜんぶ説明し直して、「今度は横に、カレンダーみたいに」と大きく頼み直すごろ
  • B 「縦じゃなくて横一列に並べて」と、ずれた一点だけを言い直すごろ

はじめの一歩

  • どこで: Claude Codeのデスクトップアプリで、新しいからっぽのフォルダを一つ開く
  • どうやって: 完成形を考え込まず、「一番小さい一枚」から頼む。出たら必ず画面で開いて見る
  • きっかけ: 献立でなくてもいい。自分のくらしで「一枚あったら便利」を一つ選んで、その一番小さい版から始める

あせらず、ゴロゴロ。

実録・やってみた

ごろが持っているのは、机の上のからっぽのフォルダ一つだけです。中身は、まだ何もありません。

今週の献立ボード/     ← つくるためのフォルダを一つ用意した
  (なにもない)
ごろ
ごろが打った文月曜から日曜までの枠が横に七つ並んだ、今週の献立を書けるだけの、いちばんシンプルな一枚を作って。まずはそれだけでいい。
相棒
相棒の返答できました。board.html を一枚つくりました。開いてみてください。

画面で見えることフォルダに board.html が一つできて、開くと枠が並んでいる。

ここで、ごろの小さな失敗です。「よし完成」と頭の中だけで満足して、開くのを忘れかけました。でも思い出して開いてみたら、こうなっていました。

月 [    ]
火 [    ]
水 [    ]
木 [    ]
金 [    ]
土 [    ]
日 [    ]

枠は、縦にびろーんと下へ下へ。カレンダーというより、細長い巻物です。ごろの想像と、ちがう。でも、こわれたわけではありません。ごろは違いだけを言い直します。

ごろ
ごろが打った文枠を、縦じゃなくて横一列に並べて。カレンダーみたいに。
相棒
相棒の返答直しました。同じ board.html を、横一列に並べ替えました。

画面で見えることさっきと同じファイルを開くと、今度は横に七つ、ちゃんと並んでいる。

[月|    ][火|    ][水|    ][木|    ][金|    ][土|    ][日|    ]

ごろが手に入れたのは、たった一枚のファイルです。

今週の献立ボード/
  board.html          ← 横に七日ぶん並んだ、動く一枚

「この形でいったんセーブして」。ランタンが、ひとつ灯ります。この日は縦に出てから横に直すまで二往復でした。頼み方や、その日の機嫌で、一発で横に出ることもあります。毎回すこし違います。

見るポイント 縦に出た瞬間が、この実録の核心です。「よし完成」と頭で満足して開くのを忘れかけた、という失敗が起きています。開かない限り「思ってたのと違う」に気づけません。毎回、頼んだ直後に開く、を一つの動作として固定してください。

危険信号 二往復したことを「失敗」と読まないでください。一発で横に出ることもあれば、二往復かかることもある。往復の回数は下手さではなく、確かめている証拠です。

次の一手 動いた時点でセーブを打つ習慣が、この節のいちばん大事な一手です。欲を出して色や飾りを足す前にセーブしておくと、12b-3で赤い文字が出ても「動いていたところに帰れる」安心が生まれます。

手順
  1. からっぽのフォルダを一つ用意する → [こうしたほうがいい] 名前は「今週の献立ボード」など中身が分かるものに。ここが今日の作業場になります

    ごろはこうしてみた

    机の上に一つ作った。中身はまだ何もない状態から始めた。

  2. 完成形を考え込まず、一番小さい一枚だけ頼む → [こうしたほうがいい] 飾り・色・共有は一言も入れず「枠が七つ並ぶだけ」に絞る。頼みが小さいほど、ずれも小さくなります

    ごろはこうしてみた

    「横に七つ並んだ、書けるだけの一枚」とだけ頼んだ。

  3. 出たら想像せず、必ず画面で開いて見る → [こうしたほうがいい] 頼んだ直後に「開く」を一つの動作にする。想像の中ではいつでも完璧に動きます

    ごろはこうしてみた

    開くのを忘れかけたが、思い出して開いたら縦に並んでいた。

  4. 違うところだけを一言で言い直す → [こうしたほうがいい] 全部を説明し直さず、ずれた一点(縦か横か)だけを渡す

    ごろはこうしてみた

    「横一列に並べて」とだけ言った。作り直しでなく、同じ一枚が直った。

  5. 思った形になったら、次に進む前に一回セーブする → [こうしたほうがいい] 欲を出して足す前に、帰れる地点を作っておく

    ごろはこうしてみた

    「この形でセーブして」でランタンを一つ灯した。

うまくいったかの確かめ方

フォルダに board.html のような一枚ができていて、それを開くと枠が横に並んで見えていれば成功です。頭の中で並んでいるだけでは、まだ確かめたことになりません。

答えタップして答え合わせ
ごろ

B。ずれた一点だけを渡すと、相棒はそこだけ直してくれます。

ぜんぶを言い直すと、今度は別の場所がずれることがあります。一番小さいずれを、一番小さい言葉で渡す。ちいさく頼んで、動いた、を何回も重ねるほうが、結局は速いのです。

ごろあなたの番3分

そのまま使える文例です。コピーして、自分の言葉に少し変えて使ってみてください。

一日の予定を、朝・昼・晩の三つの欄に分けて書けるだけのメモを一枚。飾りはいらない。動く土台から作って。

増補もっと知りたい人へ (3)
深掘り

なぜ「一番小さい一枚から」が結局は速いのでしょうか。理由は、ずれの見つけやすさにあります。一気に大きく頼むと、出てきたものと想像とのあいだに、いくつものずれが同時に混ざります。曜日の並びも、色も、書き込みの仕方も、いっぺんに違う。すると、どこをどう言い直せばいいのか、自分でも分からなくなります。逆に、枠が七つ並ぶだけの一枚なら、違うのはせいぜい「縦か横か」くらい。ずれが一つだから、直しの一言も一つで済みます。

これは、この道の作り手が実際にやっていることでもあります。動くいちばん小さい形をまず出して、確かめて、そこに一つずつ足していく。派手に見える人ほど、この地味な往復をていねいにくり返しています。動くものを先に持つと、そこが土台になって、次の一手を安心して試せるのです。まっさらな不安から始めるのと、動く一枚から始めるのとでは、次の一歩の重さがまるで違います。もう一つ、頼んだら必ず画面で開いて見る。想像の中ではいつでも完璧に動くので、開いてはじめて本当のことが分かります。この「毎回、目で確かめる」が、作りかけの時間の心臓部だといえます。

例をもっと

買い物メモを一枚。品物の名前を書けて、買ったらチェックを付けられるだけの、いちばんシンプルな一枚を作って。まずはそれだけでいい。

一日の予定を、朝・昼・晩の三つの欄に分けて書けるだけのメモを一枚。飾りはいらない。動く土台から作って。

ランニングの記録を、日付と距離だけ書けるいちばん小さい表にして。グラフや集計は後回しでいい。

読みかけの本のタイトルと、いま何ページかをメモできるだけの一枚を作って。まず表示できるところまで。

(医療者向け・ダミーデータ前提)当直の申し送りを、時刻と一言だけ並べて書ける一番小さいメモを作って。患者さんの実データは入れず、架空の例で試したい。まず表示できる形から。

ごろつまずき集
  • 症状: 何から頼めばいいか分からず、指が止まる。原因: 完成形を丸ごと思い描いてしまっている。一手: 「今日つくるのは一枚だけ」と決めて、飾り・色・共有をぜんぶ後回しにします。
  • 症状: 出てきたものが縦に長くて、思っていた形と違う。原因: 並べ方を頼むときに言っていなかった。一手: こわさず「横一列に並べて。カレンダーみたいに」と、違いだけを言い直します。
  • 症状: 出た気になって満足し、開くのを忘れる。原因: 想像の中で完成させてしまう。一手: 「出たら開く」を一つの動作として、頼んだ直後に必ず画面を見ます。
  • 症状: 一枚できたのに、うれしくなって一気に足したくなる。原因: 動いた勢いで欲が出る。一手: 足す前に一回セーブして、帰れる地点を作ってから次に進みます。
あせらず、ゴロゴロ。
読んだ