作ったカレンダーをClaude Codeで"自分専用"にカスタムする方法

前回の記事で、コピペだけで「色つき営業日カレンダー」を作りました。今回はその続きです。

作ったカレンダーを眺めていると、欲が出てきませんか。「予定を書き込めたらいいのに」「うちの会社の休みも赤くしたい」——実はそれ、AIに日本語で頼むだけで全部叶います。プログラミングの知識はいりません。

この記事では、前回作った`calendar.html`を、Claude Codeを使って自分専用のカレンダーに育てる方法を紹介します。実演つきです。

例えば、こんなカレンダーに育てられます

この記事では1番上の「メモを書き込めるカレンダー」を実際に作ってみせます。やり方はどれも同じなので、1つできれば全部できます。

準備：この2つが済んでいればOK

1. 前回の記事で作った`calendar.html`がデスクトップにある（まだの人は前回の記事からどうぞ。10分でできます）

2. Claude Codeが入っている（まだの人は導入記事からどうぞ。月20ドルのProプランが必要です）

手順0：先に「バックアップ」を作る（30秒・大事）

改造に失敗しても一瞬で元に戻せるように、先にコピーを作っておきます。この安心感があると、遠慮なく実験できます。

1. デスクトップの`calendar.html`を1回クリックして選びます（ダブルクリックではなく1回）

2. Windowsは「Ctrlキー＋C」→「Ctrlキー＋V」、Macは「⌘キー＋C」→「⌘キー＋V」と押します

3. 隣に「calendar のコピー.html」のようなファイルができれば完了。これがお守りです

おかしくなったら、失敗作を削除してこのコピーの名前を`calendar.html`に戻せば、いつでも振り出しに戻れます。

手順1：Claude Codeを開いて、頼む

Claude Codeのアプリを開いて、下の文をそのままコピーして貼り、送信してください。ファイルを添付したりドラッグしたりする必要はありません。場所を文章で伝えれば、AIが自分でファイルを見つけて読みます。

デスクトップにある calendar.html を読み込んで、次の改造をしてください。

・各日付のマスに、予定やメモを直接書き込めるようにしてください
・書き込んだメモは、ファイルを閉じても消えないように保存してください

条件：
・ファイルは calendar.html 1個のまま。インストールや通信が必要な仕組みは使わないでください
・私はプログラミングができません。作業が終わったら「できました」とだけ教えてください

送信すると、AIがファイルを読んで、勝手に手を動かして、書き換えてくれます。数分待って「できました」と言われたら終了です。

手順2：ダブルクリックして確認

デスクトップの`calendar.html`をダブルクリックして開いてください。見た目は前と同じカレンダーですが——

日付のマスをクリックすると、文字が書けます。「会議 10時」「飲み会」と打ってみてください。そして一度閉じて、もう一度開いてみてください。書いたメモが残っています。

コピペで作っただけのカレンダーが、いまあなた専用の予定表になりました。私が実際にこの依頼文で試したときも、この通りに動きました（この記事に載せる前に動作確認済みです）。

失敗しない3つのコツ

• ✓1回に1つずつ頼む。「メモ欄と、シフト表示と、1年表示を全部やって」と欲張ると、確認が大変になります。1つ頼む→動作確認→次を頼む、が最速です
• ✓「ファイル1個のまま」の条件は毎回つける。 これを忘れると、AIが親切心で複雑な仕組みを作ってしまうことがあります
• ✓おかしくなったら手順0のバックアップに戻す。 AIに「さっきの変更を元に戻して」と頼んでもOKです

コピペで頼める依頼文カタログ

やりたいものをコピーして、Claude Codeに貼るだけです。どれも「デスクトップの calendar.html」を対象にしています。

会社の休みを赤くする

デスクトップにある calendar.html を読み込んで、改造してください。
・次の日付を、祝日と同じ赤色で表示してください：8/13、8/14、8/15、12/29、12/30、12/31
（日付は自分の会社の休みに書き換えてください）
条件：ファイル1個のまま。終わったら「できました」とだけ教えてください。

シフト勤務の色分け

デスクトップにある calendar.html を読み込んで、改造してください。
・私は4日働いて2日休むシフト勤務です。次の休みは7/12と7/13です
・この規則で、私の休みの日をオレンジ色で表示してください
条件：ファイル1個のまま。終わったら「できました」とだけ教えてください。

1年分まとめて印刷

デスクトップにある calendar.html を読み込んで、改造してください。
・「1年表示」ボタンを追加して、押すと12か月分がまとめて表示されるようにしてください
・そのまま印刷したらA4用紙にきれいに収まるようにしてください
条件：ファイル1個のまま。終わったら「できました」とだけ教えてください。

見た目を好みに変える

デスクトップにある calendar.html を読み込んで、改造してください。
・全体の色を、やさしいクリーム色と深い緑を基調にしてください
・文字をもう少し大きくして、年配の家族にも見やすくしてください
条件：ファイル1個のまま。終わったら「できました」とだけ教えてください。

まとめ

• ✓コピペで作った道具は、AIに頼んで育てられる
• ✓手順は「バックアップ→日本語で頼む→ダブルクリックで確認」だけ
• ✓コツは「1回に1つ」「ファイル1個のままの条件」「戻れる安心」
• ✓依頼文はこの記事からコピペでOK

「作って終わり」ではなく「使いながら育てる」——これがAIで道具を作る一番の醍醐味です。カレンダーで練習したこの頼み方は、そのまま仕事の道具づくりに使えます。私が工場の工程表ツールを作ったのも、まったく同じやり方でした。実際にAIにやらせた仕事10選ものぞいてみてください。