最後の回は、みーちゃん自身のホームページと、会員サイトの設計です。
はじめに、この3ヶ月のあいだに増えた約束を、みーちゃんのフォルダに足します。
5回目の前に
- 直しているリネセルのページを、当日見せてください。途中でも大丈夫です。ほかの3ページも、同じ流れで直せたところがあれば一緒に見ます
- ホームページの手本にしたいサイトを、2つか3つ選んでおく。「すてき」と感じるサイトのURLです。同業でも、ほかの業種でも構いません。いまの叩き台を見て「ここが気になる」と思うところも、メモしておいてください。進め方はホームページづくりのページにまとめました。当日は、ここに沿って進めます
- 講座化のお話を、分かる範囲で教えてください。どんな講座か、受講生さんは何人くらいか、受講生さんに渡したいもの(動画・資料・手順書など)を、箇条書きで大丈夫です。LINEでも、当日の口頭でも構いません。会員サイトが要るかどうかを、当日一緒に決めます
- 公開しているページを、一覧にしておく。下のCopyを貼ると、Claude Codeが表にしてくれます。当日、この表を一緒に見ます
Cloudflareに公開しているページを、一覧にしてください。 それぞれのページについて、次の4つを表にしてください。 ・ページのURLと、何のページか ・お客様や取引先のお名前が出ているか ・人のお顔が写った写真があるか ・合言葉の入口があるか ページの中身は直さず、表を見せるだけにしてください。 お名前は表に書き写さず、「出ている」「出ていない」だけで書いてください。
分からないところがあれば、画面のスクショをLINEで送ってください。LINEでの質問は、11月からも続けてできます。
5回目の日時
当日の手順
1足りない約束を足す
この3ヶ月で増えた約束と設定を、みーちゃんのフォルダに足します
講座のあいだに、ほかの受講生さんの回やわたし自身の使い方から、新しい約束がいくつか増えました。みーちゃんのフォルダは初日の時点のものなので、足りない分をClaude Codeに足してもらいます。
パックを入れ直すと、みーちゃんがこれまでに書き足した約束が消えてしまいます。だから入れ直さずに、足りない分だけを足します。
新しい会話を開いて、「Claude Code作業」のフォルダを選んでから、下のCopyを貼ります。答えの場所が「Claude Code作業」でなければ、別のフォルダで開いています。そのときは、会話を閉じて選び直します。
いまの作業フォルダのパスを教えてください。
鍵のファイルを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ドライブに控えを取っているので、中にあると控えにも入ってしまいます。
呼び方が「みーちゃん」と「お嬢」で揺れていたことがありました。まず呼び名を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に、次の約束を足したいです。 すでに同じ内容が書いてあるところは、足さずに教えてください。 足す前に、どこに何を書くかの案を見せて、わたしが「足してよい」と答えてから書いてください。 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は自分で画面を撮らない・読み取らない。必要な操作(ダウンロードなど)だけしてもらい、画面を閉じてから次へ進む 書き終えたら、足したところを短く教えてください。
パソコンを替えたときに、新しいパソコンのClaude Codeが読んで、つなぎ直しを案内するためのメモです。鍵の値は書きません。書くのは、名前と、どこで作り直すかだけです。
ナレッジの中に「鍵の一覧と取り直し方.md」を作ってください。 パソコンを替えたときに、新しいパソコンのClaude Codeが読んで、鍵の取り直しを案内するためのメモです。 ・鍵の値は書かない。書くのは、鍵の名前・どのサービスか・置き場所・新しいパソコンでやること ・いま使っている鍵とアカウントを、一覧にして入れる(Claudeのアカウント、gog、Cloudflare、エルメッセージのつなぎ込み、Googleドライブの控え など) ・パソコンを替えたときの順番(Claude Codeを入れる→控えからフォルダを持ってくる→このメモを見ながら取り直す)も書く ・分からない項目は、推測で埋めずに「確認する」と書く
このメモは控えに入るので、新しいパソコンでも読めます。鍵の値は入っていないので、Googleドライブに上がっても大丈夫です。鍵のファイルそのものは、控えから戻すのではなく、作り直すかログインし直します。
いまの会話を閉じて、新しい会話を開きます。「Claude Code作業」を選んで、下のCopyを貼ります。最初に場所の一言が出て、「お嬢」と呼ばれれば、約束が読まれています。
この会話で、わたしの発言のたびに添えられている文はありますか。 あれば、最初の1行だけ見せてください。
場所の一言が出なかったときは、別のフォルダで開いています。最初に場所を言わなかったら、別のフォルダ。これだけ覚えておけば大丈夫です。
8月に入れたgogは、Googleの設定が「テスト中」のままになっています。テスト中のままだと、Googleの決まりで、約7日ごとにGoogleへのログインが切れます。「本番」に切り替えると、7日で切れることはなくなります。わたしのgogも、この形で使っています。
- ①下のCopyを貼ります。Claude Codeが1つずつ案内してくれます
- ②本番に切り替えたあと、gogをつなぎ直します。このとき、Googleから「Googleが確認していないアプリ」という意味の注意の画面が出ます。ご自身で作った、ご自身だけが使うアプリなので、進んで大丈夫です
- ③合鍵が表示される画面では、スクショを撮りません。Claude Codeにも撮らせません
gogのGoogle Cloudのアプリ(プロジェクト「gogみすず」)を、「テスト中」から「本番」に切り替えたいです。テスト中のままだと、約7日ごとにGoogleへのログインが切れるためです。次の順に、1つずつ案内してください。 1. Google Cloudで、gogのアプリの公開ステータスを「本番」に切り替える(英語の表示では Publish app)。わたしだけが使うアプリなので、Googleの確認(審査)の申請はしません 2. 切り替えたあと、gogでわたしのGoogleアカウントをつなぎ直す。サービスは前と同じ(Gmail・カレンダー・ドライブ・ドキュメント・スプレッドシート・フォーム)にする。「Googleが確認していないアプリ」という注意の画面が出たら、進み方を教えてください 3. つなぎ直したら、ログインが使えるかを確かめる ・画面の操作とログインは、わたしがやります ・合鍵(クライアントシークレット)が表示される画面では、スクショを撮らないでください。わたしにもスクショを求めないでください ・合鍵のファイルの中身は開かないでください
これからgogを使っていて、パスワードを変えたときなどにログインが切れたら、Claude Codeに「gogのログインが切れたので、つなぎ直しを案内して」と頼めば大丈夫です。
Contents2直したページと、
公開しているページの点検
直したページを一緒に見て、公開の守り方を決めます
リネセルのページを画面で共有してください。直す前と比べて、どこが変わったかを一緒に見ます。まだ途中でも大丈夫です。
- 見るところは、文字の書体と太さ、線や枠の数、丸いバッジや角の丸い箱、本文の大きさ、左右の余白です
- まだ気になる所があれば、その場で1か所ずつClaude Codeに返します
「5回目の前に」で作った一覧を見ながら、ページごとに守り方を決めます。
- お顔が写った写真は、写っている方から許可をもらっていますか。どこまで使ってよいと言われていますか
- 取引先のお名前が出ている提案書は、合言葉で守りますか、公開をやめますか
- 合言葉が数字4桁のページは、もっと長いものに変えますか
ページの中で合言葉を確かめる入口は、見る人が見れば合言葉が分かってしまう作りです。ちょっとした目隠しには十分ですが、お顔の写真や取引先のお名前のように、守らないといけないものには向きません。そういうページは、載せないか、メールアドレスで本人を確かめてから見せる仕組み(Cloudflareの機能)を使います。この仕組みは、次の会員サイトの話にもつながります。
Contents3ホームページ
(Bloom Line)
わたしのホームページを作り直したときと同じ順番で、進め方の型を身につけます
9月に作った叩き台(bloomline-preview)を、手本のサイトと見比べながら直していきます。一から作り直すのではなく、いまのページを土台にします。わたしのホームページを作り直したときの進め方を、ホームページづくりのページにまとめました。やることは、指示書を1枚貼って、Claude Codeの質問に答えていくことです。
- お客様の声の3件が、仮の文章のままです。公開の前に、本物のことばに差し替えるか、節ごと外します
- 本文がゴシック体です。明朝体に変えるだけで、印象がやわらかく、落ち着いたものになります
- ページが長めです。スマホで画面何枚分か、Claude Codeに数えてもらうところから始めます
- 写真を減らしたい、とのことでした。写真の数より、1枚を大きく見せるかどうかで印象が変わります
- パソコンでも見やすく。確認は、スマホの幅とパソコンの幅の両方で画面を撮ってもらいます
- ことばの途中で改行されているところがあります。行の終わりで、ことばが2行に分かれてしまう形です。「ことばの切れ目で改行して」とClaude Codeに頼めば直せます
- 長い文章は、最初の数行だけ見せて、「続きを読む」で開く形にできます。ページが短くなり、読みたい人だけが続きを読めます
指示書は10の手順です。今日は手順4(手本のサイトの分析)までを一緒に進めます。続きは、ご自分で進めて、迷ったらLINEで聞いてください。
- 手順1
- 戻し先を作る。いまのページの写しを残します
- 手順2
- 現在地を数える。ページの長さ・写真の数・文字の数を表にします
- 手順3
- 軸のことばを聞かれます。誰に向けたページか、肩書き、見た人にしてほしい行動など
- 手順4
- 選んでおいた手本のサイトを分析して、取り入れる点・取り入れない点を表にします
指示書のCopyは、ホームページづくりのページの章4(指示書を貼って、はじめる)にあります。新しい会話で「Claude Code作業」を選んでから貼ります。
手本にするのは、構成と見せ方だけです。文章、写真、ロゴは使いません。肩書きや強みの文章は、Claude Codeがみーちゃんに聞いてから書くように、指示書に入れてあります。
Contents4会員サイトの設計
講座化のお話を聞いて、会員サイトが要るかを決めます
受講生さんに動画や資料を渡すだけなら、会員サイトを作らなくても済むことがあります。まず講座の形を聞いて、要るかどうかを一緒に決めます。要るときは、今日は作らずに、設計図までです。
- 誰が見るサイトですか。受講生さんだけか、見られる期間はいつまでか
- 何を載せますか。動画、資料、手順書、お知らせなど
- 動画はどこに置きますか。YouTubeの限定公開など、置き場所と見せ方を決めます
- 入口はどう守りますか。合言葉か、メールアドレスで本人を確かめる形か
- 中身の更新は、誰がしますか。みーちゃんがClaude Codeに頼んで直す形が基本です
エルメッセージの講座のための、会員サイトの設計図を作りたいです。 まだ作らないでください。いまから話す内容で、ナレッジの「アイデア」に設計メモを作ってください。 メモに入れる項目は、次のとおりです。 ・誰が見るか、見られる期間 ・載せるもの(動画・資料・手順書・お知らせなど)と、ページの並び ・動画の置き場所 ・入口の守り方 ・更新のしかた ・まだ決まっていないこと 受講生さんのお名前や連絡先は、メモに入れないでください。 質問は1回に1つずつにしてください。
受講生さんのメールアドレスで本人を確かめる形にする場合も、アドレスの一覧をClaude Codeに渡す必要はありません。登録はみーちゃんが管理画面で自分で入れる形にできます。
Contents5これからのことと、
しめくくり
3ヶ月をまとめて、これからの続け方を確かめます
3ヶ月で、Claude Codeを入れるところから、ページの公開、Googleとエルメッセージとのつなぎ込み、ナレッジづくりまで進みました。最後に、この3ヶ月のまとめを、みーちゃんのナレッジに残します。
この3ヶ月で作ったもの、決めた約束、できるようになったことを、 ナレッジの「自分のこと」に1枚にまとめてください。 作ったものは、名前と何のためのものかを一覧にしてください。 お客様のお名前や連絡先は入れないでください。
- 11月からも、月1回のZoomと、LINEでの操作の質問の形で続けます。続けてくださって、ありがとうございます。会員サイトやSNSの続きは、ここでゆっくり進めます
- ホームページの続きで迷ったら、いつでも画面のスクショをLINEで送ってください
- このページは、11月以降もそのまま見られます。Homeの「これからも使うお願い文」も、いつでも使ってください
今日はここまで
次に開いたときは「次やることは?」から始めてください。前回の記録を読んで、続きから始めてくれます。
Contents