Claude Code
合言葉を入力
受講生専用ページ

ayano direction
Lesson Five
2026.10.14 Wed 9:30 - 11:00

最後の回は、みーちゃん自身のホームページと、会員サイトの設計です。
はじめに、この3ヶ月のあいだに増えた約束を、みーちゃんのフォルダに足します。

Before

5回目の前に

10/13(火)まで。できる範囲で大丈夫です
  • 直しているリネセルのページを、当日見せてください。途中でも大丈夫です。ほかの3ページも、同じ流れで直せたところがあれば一緒に見ます
  • ホームページの手本にしたいサイトを、2つか3つ選んでおく。「すてき」と感じるサイトのURLです。同業でも、ほかの業種でも構いません。いまの叩き台を見て「ここが気になる」と思うところも、メモしておいてください。進め方はホームページづくりのページにまとめました。当日は、ここに沿って進めます
  • 講座化のお話を、分かる範囲で教えてください。どんな講座か、受講生さんは何人くらいか、受講生さんに渡したいもの(動画・資料・手順書など)を、箇条書きで大丈夫です。LINEでも、当日の口頭でも構いません。会員サイトが要るかどうかを、当日一緒に決めます
  • 公開しているページを、一覧にしておく。下のCopyを貼ると、Claude Codeが表にしてくれます。当日、この表を一緒に見ます
公開しているページの一覧を作る
Cloudflareに公開しているページを、一覧にしてください。
それぞれのページについて、次の4つを表にしてください。
・ページのURLと、何のページか
・お客様や取引先のお名前が出ているか
・人のお顔が写った写真があるか
・合言葉の入口があるか
ページの中身は直さず、表を見せるだけにしてください。
お名前は表に書き写さず、「出ている」「出ていない」だけで書いてください。

分からないところがあれば、画面のスクショをLINEで送ってください。LINEでの質問は、11月からも続けてできます。

Day

5回目の日時

2026.10.14 Wed 9:30 - 11:00
当日の入室について Zoomの入室リンクは、LINEをご覧ください 毎回おなじリンクです。このページには載せていません
Steps

当日の手順

上から順に進みます

1足りない約束を足す

この3ヶ月で増えた約束と設定を、みーちゃんのフォルダに足します

講座のあいだに、ほかの受講生さんの回やわたし自身の使い方から、新しい約束がいくつか増えました。みーちゃんのフォルダは初日の時点のものなので、足りない分をClaude Codeに足してもらいます。

パックを入れ直すと、みーちゃんがこれまでに書き足した約束が消えてしまいます。だから入れ直さずに、足りない分だけを足します。

Step 1いまの作業フォルダを確かめる

新しい会話を開いて、「Claude Code作業」のフォルダを選んでから、下のCopyを貼ります。答えの場所が「Claude Code作業」でなければ、別のフォルダで開いています。そのときは、会話を閉じて選び直します。

いまの場所を聞く
いまの作業フォルダのパスを教えてください。
Step 2鍵の設定と、保存を思い出させる仕掛けを足す

鍵のファイルをClaude Codeが読めない設定と、ネットに上げない設定を足します。あわせて、毎回の発言に「保存の確認」の一文を添える仕掛けを入れます。大事なことを言ったときに、言われなくてもナレッジに保存してくれるようになります。

足りない設定を足してもらう
「Claude Code作業」フォルダに、次の3つを足してください。
足す前に、何をどこに足すかを一覧で見せて、わたしが「足してよい」と答えてから変えてください。
すでにある設定は消さずに、足りない分だけを足してください。

鍵のファイルは、次の8種類です。
.env/.env.で始まるファイル/.dev.vars/.credentials.json/credentials.json/token.json/.pemで終わるファイル/client_secretで始まる.jsonファイル(gogの鍵)

1..claude/settings.json に、この8種類を読まない設定(パソコンのどこに置いた鍵のファイルにも効くように、"Read(//**/.env)" の形で書く。すでに "Read(**/.env)" の形で入っていたら、この形に直す)
2..gitignore に、同じ8種類を書く
3.保存を思い出させる仕掛け
・.claude/save-reminder.txt を作り、下の【 】で始まる2つの文を、そのまま書く
・.claude/settings.json の hooks に UserPromptSubmit を足し、毎回の発言のときに、cat "$CLAUDE_PROJECT_DIR/.claude/save-reminder.txt" を実行する(shell は bash、timeout は 5)

【保存の確認】この発言に、あなたのお仕事・お客様・決まったことなど、あとで使う大事な情報(新しく分かったこと、決まったこと、数字、やり方)が含まれていたら、返信の中で先に、このフォルダの「ナレッジ」フォルダに.mdで保存(または既存のファイルに追記)してから答える。保存したら、ファイル名を一言伝える。ふだんの質問や作業の指示だけなら、何もしなくてよい。
【セッションを分ける確認】話題が別の作業に移った、会話が長くなって重くなってきた、のどれかに当てはまったら、言われる前に、返信の中で「分けませんか」と提案する。提案するときは、作業フォルダに「引き継ぎ.md」(目的・できていること・確かめたこと・次にやること)を先に置き、新しいセッションに貼る1文を、コピーできる形(コードブロック)で一緒に見せる。

終わったら、何をどこに足したか教えてください。
それから、このフォルダの中に鍵のファイルがすでにないか、ファイルの名前だけで探してください。中身は開かないでください。

鍵のファイルが見つかったときは、作業フォルダの外へ移します。とくに gog の鍵(client_secret で始まるファイル)は、gog の設定の中にすでに写してあるので、作業フォルダには要りません。ゴミ箱に入れるかどうかは、みーちゃんが決めます。作業フォルダはGoogleドライブに控えを取っているので、中にあると控えにも入ってしまいます。

Step 3CLAUDE.mdに、新しい約束を足す

呼び方が「みーちゃん」と「お嬢」で揺れていたことがありました。まず呼び名を1行で決めて、そのあと、記録とセッションと自動化の約束を足します。

Step 2の設定は、家でいえば鍵のかかったドアです。誰が来ても開きません。ただ、窓のような別の入り口までは守れません。
ここで足す約束は、家族で決めたルールの張り紙です。「大事な書類は玄関に置かない」のように、ドアでは止められないことまで書けます。読んで守るのはClaude Codeです。
呼び名や、会話を分けるタイミングのように、その場で判断が要ることは、ドアでは決められません。だから、ドアで止められるものはドアで止め、判断が要ることは約束で守ります。鍵と会話を分ける話が両方に出てくるのは、このためです。Step 2と同じ会話で続けて貼ります。

足す約束
  • 1.呼び名:いつも「お嬢」と呼ぶ。呼び方が揺れないように、1行で決めておきます
  • 2.はじめに場所を言う:会話を始めたら、まず作業フォルダの場所を1行で伝える。別のフォルダで開いていると、約束が読まれず、ファイルも違う場所にできてしまうためです
  • 3.鍵の約束:鍵のファイルは読まない・作業フォルダに置かない・新しい鍵を作ったら「鍵の一覧と取り直し方」に書き足す(値は書かない)。Step 2の設定と合わせて、二重に守ります
  • 4.会話を分ける:話題が変わったときや、会話が長くなったときは、Claude Codeの方から「分けましょう」と言ってくれる。続きを始めるための文も用意してくれます。長い会話は、前の話を忘れやすく、動きも重くなるためです
  • 5.スキルにする:同じ頼み事を3回したら、手順書(スキル)にするかを聞いてくれる。作るのは、みーちゃんが「はい」と言ってからです
  • 6.行き先を決めて保存する:「覚えて」と言うだけで、毎回守るルールはCLAUDE.md、知識や文例はナレッジ、進み具合はメモリに振り分けて、どこに書いたかを教えてくれます
  • 7.見慣れない確認の画面が出たら:迷ったら「許可しない」側を選ぶ→同じ会話でスクショをつけて聞く→ほかのAI(ChatGPTなど)には聞かない→分からなければLINEで。合鍵が出る画面は、Claude Codeも撮りません

下のCopyは、この7つをClaude Codeに書いてもらうための文です。

CLAUDE.mdに約束を足す
CLAUDE.mdに、次の約束を足したいです。
すでに同じ内容が書いてあるところは、足さずに教えてください。
足す前に、どこに何を書くかの案を見せて、わたしが「足してよい」と答えてから書いてください。

1.呼び名
いちばん上の近くに「呼び名:お嬢」と1行で書く。ほかの呼び方はしない。

2.起動したら(「起動したら」のいちばん最初に)
いちばん最初に、いまの作業フォルダの場所を1行で伝える。
場所が「Claude Code作業」でないときは、作業を進める前にわたしに伝えて、選び直してもらう。

3.鍵の約束(APIキーの約束のところに)
・鍵のファイルは、さっき settings.json と .gitignore に足した8種類
・このフォルダには、鍵のファイルを読めない設定と、ネットに上げない設定が入っている。この設定は外さない。鍵の置き場を用意するときは、空のファイルを作るだけにする
・バックアップを設定するときは、鍵のファイルが一緒にコピーされないか確認する。除外できない場合は、鍵の置き場を作業フォルダの外に作る
・gogの鍵のファイルは、作業フォルダの中に置かない
・新しい鍵を作ったら、ナレッジの「鍵の一覧と取り直し方.md」に、鍵の名前・どのサービスか・どこで作り直すか・作り直したあとにやることを書き足す。鍵の値は書かない

4.セッションの考え方(最後に)
話題が別の作業に移るときや、会話が長くなってきたときは、Claudeの方から「別のセッションに分けましょう」と提案する。
提案するときは、作業フォルダに「引き継ぎ.md」(目的・できたこと・次にやること)を置いてから伝える。
新しいセッションに貼る文を、そのままコピーできる形(枠で囲んだ文)で一緒に見せる。文には、引き継ぎ.mdの場所と、次にやることを入れる。

5.自動化を頼まれたら(最後に)
できあがった流れを、同じ形で3回頼まれたら、スキルにするかどうかを提案する。
作るのは、わたしが「はい」と言ってから。スキルは、このフォルダの .claude/skills/スキルの名前/SKILL.md に置く。

6.行き先の判断(記録の約束のところに)
「覚えて」「書いておいて」「メモしておいて」のように、行き先を言わずに頼まれたら、Claudeが振り分ける。
毎回守ってほしいルール・好み(1〜2行で書けるもの)はCLAUDE.md、知識・文例・型・長い内容はナレッジ、作業の進み具合・続きのための覚え書きはメモリ。迷ったらナレッジ。
保存したら、かならず「CLAUDE.mdに書きました」「ナレッジの◯◯に保存しました」と行き先を伝える。

7.作業の途中で、見慣れない確認の画面が出たら(セキュリティの約束のところに)
・迷ったら、まず「許可しない」側(「いいえ」「キャンセル」など)を選ぶよう案内する。あとから変えられるものがほとんど
・そのあと、この会話で「こういう画面が出て、◯◯を押した」とスクショつきで聞いてもらう
・会話が作業中で入力できないときは、同じ「Claude Code作業」のフォルダで新しい会話を開いて聞いてもらう
・ChatGPTなど、ほかのAIには聞かないよう案内する。ほかのAIには、鍵を読まない・個人情報を渡さない約束が入っておらず、作業の画面のスクショに鍵やお客様の情報が写ることがあるため
・それでも分からなければ、富岡にLINEで聞くよう案内する
・合鍵・パスワード・鍵の値が出る画面では、Claudeは自分で画面を撮らない・読み取らない。必要な操作(ダウンロードなど)だけしてもらい、画面を閉じてから次へ進む

書き終えたら、足したところを短く教えてください。
Step 4鍵の一覧と取り直し方のメモを作る

パソコンを替えたときに、新しいパソコンのClaude Codeが読んで、つなぎ直しを案内するためのメモです。鍵の値は書きません。書くのは、名前と、どこで作り直すかだけです。

鍵の一覧のメモを作る
ナレッジの中に「鍵の一覧と取り直し方.md」を作ってください。
パソコンを替えたときに、新しいパソコンのClaude Codeが読んで、鍵の取り直しを案内するためのメモです。

・鍵の値は書かない。書くのは、鍵の名前・どのサービスか・置き場所・新しいパソコンでやること
・いま使っている鍵とアカウントを、一覧にして入れる(Claudeのアカウント、gog、Cloudflare、エルメッセージのつなぎ込み、Googleドライブの控え など)
・パソコンを替えたときの順番(Claude Codeを入れる→控えからフォルダを持ってくる→このメモを見ながら取り直す)も書く
・分からない項目は、推測で埋めずに「確認する」と書く

このメモは控えに入るので、新しいパソコンでも読めます。鍵の値は入っていないので、Googleドライブに上がっても大丈夫です。鍵のファイルそのものは、控えから戻すのではなく、作り直すかログインし直します。

Step 5新しい会話で、効いているか確かめる

いまの会話を閉じて、新しい会話を開きます。「Claude Code作業」を選んで、下のCopyを貼ります。最初に場所の一言が出て、「お嬢」と呼ばれれば、約束が読まれています。

効いているか聞く
この会話で、わたしの発言のたびに添えられている文はありますか。
あれば、最初の1行だけ見せてください。

場所の一言が出なかったときは、別のフォルダで開いています。最初に場所を言わなかったら、別のフォルダ。これだけ覚えておけば大丈夫です。

Step 6gogを「本番」に切り替える

8月に入れたgogは、Googleの設定が「テスト中」のままになっています。テスト中のままだと、Googleの決まりで、約7日ごとにGoogleへのログインが切れます。「本番」に切り替えると、7日で切れることはなくなります。わたしのgogも、この形で使っています。

  • ①下のCopyを貼ります。Claude Codeが1つずつ案内してくれます
  • ②本番に切り替えたあと、gogをつなぎ直します。このとき、Googleから「Googleが確認していないアプリ」という意味の注意の画面が出ます。ご自身で作った、ご自身だけが使うアプリなので、進んで大丈夫です
  • ③合鍵が表示される画面では、スクショを撮りません。Claude Codeにも撮らせません
gogを本番に切り替える
gogのGoogle Cloudのアプリ(プロジェクト「gogみすず」)を、「テスト中」から「本番」に切り替えたいです。テスト中のままだと、約7日ごとにGoogleへのログインが切れるためです。次の順に、1つずつ案内してください。

1. Google Cloudで、gogのアプリの公開ステータスを「本番」に切り替える(英語の表示では Publish app)。わたしだけが使うアプリなので、Googleの確認(審査)の申請はしません
2. 切り替えたあと、gogでわたしのGoogleアカウントをつなぎ直す。サービスは前と同じ(Gmail・カレンダー・ドライブ・ドキュメント・スプレッドシート・フォーム)にする。「Googleが確認していないアプリ」という注意の画面が出たら、進み方を教えてください
3. つなぎ直したら、ログインが使えるかを確かめる

・画面の操作とログインは、わたしがやります
・合鍵(クライアントシークレット)が表示される画面では、スクショを撮らないでください。わたしにもスクショを求めないでください
・合鍵のファイルの中身は開かないでください

これからgogを使っていて、パスワードを変えたときなどにログインが切れたら、Claude Codeに「gogのログインが切れたので、つなぎ直しを案内して」と頼めば大丈夫です。

Contents

2直したページと、
公開しているページの点検

直したページを一緒に見て、公開の守り方を決めます

直したページを見る

リネセルのページを画面で共有してください。直す前と比べて、どこが変わったかを一緒に見ます。まだ途中でも大丈夫です。

  • 見るところは、文字の書体と太さ、線や枠の数、丸いバッジや角の丸い箱、本文の大きさ、左右の余白です
  • まだ気になる所があれば、その場で1か所ずつClaude Codeに返します
公開しているページの点検

「5回目の前に」で作った一覧を見ながら、ページごとに守り方を決めます。

  • お顔が写った写真は、写っている方から許可をもらっていますか。どこまで使ってよいと言われていますか
  • 取引先のお名前が出ている提案書は、合言葉で守りますか、公開をやめますか
  • 合言葉が数字4桁のページは、もっと長いものに変えますか

ページの中で合言葉を確かめる入口は、見る人が見れば合言葉が分かってしまう作りです。ちょっとした目隠しには十分ですが、お顔の写真や取引先のお名前のように、守らないといけないものには向きません。そういうページは、載せないか、メールアドレスで本人を確かめてから見せる仕組み(Cloudflareの機能)を使います。この仕組みは、次の会員サイトの話にもつながります。

Contents

3ホームページ
(Bloom Line)

わたしのホームページを作り直したときと同じ順番で、進め方の型を身につけます

9月に作った叩き台(bloomline-preview)を、手本のサイトと見比べながら直していきます。一から作り直すのではなく、いまのページを土台にします。わたしのホームページを作り直したときの進め方を、ホームページづくりのページにまとめました。やることは、指示書を1枚貼って、Claude Codeの質問に答えていくことです。

9月の叩き台を見て気づいたこと
  • お客様の声の3件が、仮の文章のままです。公開の前に、本物のことばに差し替えるか、節ごと外します
  • 本文がゴシック体です。明朝体に変えるだけで、印象がやわらかく、落ち着いたものになります
  • ページが長めです。スマホで画面何枚分か、Claude Codeに数えてもらうところから始めます
  • 写真を減らしたい、とのことでした。写真の数より、1枚を大きく見せるかどうかで印象が変わります
  • パソコンでも見やすく。確認は、スマホの幅とパソコンの幅の両方で画面を撮ってもらいます
  • ことばの途中で改行されているところがあります。行の終わりで、ことばが2行に分かれてしまう形です。「ことばの切れ目で改行して」とClaude Codeに頼めば直せます
  • 長い文章は、最初の数行だけ見せて、「続きを読む」で開く形にできます。ページが短くなり、読みたい人だけが続きを読めます
今日やるところ

指示書は10の手順です。今日は手順4(手本のサイトの分析)までを一緒に進めます。続きは、ご自分で進めて、迷ったらLINEで聞いてください。

手順1
戻し先を作る。いまのページの写しを残します
手順2
現在地を数える。ページの長さ・写真の数・文字の数を表にします
手順3
軸のことばを聞かれます。誰に向けたページか、肩書き、見た人にしてほしい行動など
手順4
選んでおいた手本のサイトを分析して、取り入れる点・取り入れない点を表にします

指示書のCopyは、ホームページづくりのページの章4(指示書を貼って、はじめる)にあります。新しい会話で「Claude Code作業」を選んでから貼ります。

手本にするのは、構成と見せ方だけです。文章、写真、ロゴは使いません。肩書きや強みの文章は、Claude Codeがみーちゃんに聞いてから書くように、指示書に入れてあります。

Contents

4会員サイトの設計

講座化のお話を聞いて、会員サイトが要るかを決めます

受講生さんに動画や資料を渡すだけなら、会員サイトを作らなくても済むことがあります。まず講座の形を聞いて、要るかどうかを一緒に決めます。要るときは、今日は作らずに、設計図までです。

  • 誰が見るサイトですか。受講生さんだけか、見られる期間はいつまでか
  • 何を載せますか。動画、資料、手順書、お知らせなど
  • 動画はどこに置きますか。YouTubeの限定公開など、置き場所と見せ方を決めます
  • 入口はどう守りますか。合言葉か、メールアドレスで本人を確かめる形か
  • 中身の更新は、誰がしますか。みーちゃんがClaude Codeに頼んで直す形が基本です
会員サイトの設計メモを作る
エルメッセージの講座のための、会員サイトの設計図を作りたいです。
まだ作らないでください。いまから話す内容で、ナレッジの「アイデア」に設計メモを作ってください。

メモに入れる項目は、次のとおりです。
・誰が見るか、見られる期間
・載せるもの(動画・資料・手順書・お知らせなど)と、ページの並び
・動画の置き場所
・入口の守り方
・更新のしかた
・まだ決まっていないこと

受講生さんのお名前や連絡先は、メモに入れないでください。
質問は1回に1つずつにしてください。

受講生さんのメールアドレスで本人を確かめる形にする場合も、アドレスの一覧をClaude Codeに渡す必要はありません。登録はみーちゃんが管理画面で自分で入れる形にできます。

Contents

5これからのことと、
しめくくり

3ヶ月をまとめて、これからの続け方を確かめます

3ヶ月で、Claude Codeを入れるところから、ページの公開、Googleとエルメッセージとのつなぎ込み、ナレッジづくりまで進みました。最後に、この3ヶ月のまとめを、みーちゃんのナレッジに残します。

3ヶ月をまとめる
この3ヶ月で作ったもの、決めた約束、できるようになったことを、
ナレッジの「自分のこと」に1枚にまとめてください。
作ったものは、名前と何のためのものかを一覧にしてください。
お客様のお名前や連絡先は入れないでください。
これから
  • 11月からも、月1回のZoomと、LINEでの操作の質問の形で続けます。続けてくださって、ありがとうございます。会員サイトやSNSの続きは、ここでゆっくり進めます
  • ホームページの続きで迷ったら、いつでも画面のスクショをLINEで送ってください
  • このページは、11月以降もそのまま見られます。Homeの「これからも使うお願い文」も、いつでも使ってください
終わりの合言葉
今日はここまで

次に開いたときは「次やることは?」から始めてください。前回の記録を読んで、続きから始めてくれます。

Contents
Archive

復習用の録画

公開から1か月、11月14日まで見られます
5回目の録画を見る →