第2回Zoomのまとめ
10月24日の第2回Zoomで話したことを、
ちづるさん向けにまとめました。
迷ったら、すぐ下の1つだけで大丈夫です。
02章の文に、素材の場所を書いて貼るだけです。
足りない所はAIが質問してくれます。
01
ちづるさんは、体調が戻ったばかりの中、初めてのZoomに参加してくれました。
前回の録画を見て、事前の準備を終わらせてきています。
1本目は、会社で使う「DX道場」のコンテンツです。
建築と測量の現場に、デジタルの力を届ける取り組みです。
ページは、作ってから公開まで、この日のうちに進めました。
「まだ素材集めとかの作業が
出来ていなかったのですが、
やり方はこれで合ってますかね？」
はい、合っています。
まず形にして公開する。
それがこの日の一歩目です。
jbl-dx-dojo.chizu-076.workers.dev/
Japan Build Lineの紹介と、1本目「DX道場とは？」の案内が載っています。
建築の下請けで、人工や働き方に課題を感じている人へ、と届けたい相手もはっきりしています。
02
ちづるさんは、素材集めから始めるA組です。
会社のコンテンツなので、素材は社内にたくさんあるはずです。
DX道場の1本目ができるまで
会社の資料は、作業のフォルダには入れて大丈夫です。公開用のフォルダに入れる物だけ、一覧で必ず確かめます。
ChatGPTのCodexに、そのまま貼れます（DX道場の素材を集めて、章立てを作る）
デスクトップに『1本目_DX道場』というフォルダを作ってください。 〇〇（素材の場所）にある、会社の資料・現場の写真・説明に使っている資料を、そこに移してください。 移したら、入っているファイルの一覧を見せてください。 次に、このフォルダの素材を全部読んで、1本目の講座「DX道場とは？」の章立てを作ってください。 見てほしいのは、建築の下請けの仕事に携わっていて、人工や働き方に課題を感じている人です。 1章は5〜10分の動画1本にします。章ごとに、見た人ができるようになることを1行で書いてください。 素材に無いことは足さないでください。足りない情報があれば、先に私に質問してください。
素材が少なくても、AIが「ここが足りません」と教えてくれます。
そのときは、話して足すのが1番早いです。
公開したJBLのページは、ここからデザインを変えて、何度でも磨けます。
その道具が、雑談の時間に共有したデザインの見本帳です。
見本帳： design.akirakudo.com
会社のページなので、「信頼感」「すっきり」した雰囲気の物から選ぶと合います。
カードに書いてある名前か番号を、メモしておきます。詳しく開いて「Claude/Codexに渡す一文をコピー」を押してもOKです。
下の文の〇〇を書き換えて貼ります。気に入らなければ、別のデザインで何度でも試せます。
ChatGPTのCodexに、そのまま貼れます（見本帳のデザインで、ページを作り直す）
デザイン見本帳 https://design.akirakudo.com の「〇〇」（名前か番号）の雰囲気で、私のJBLのページのデザインを作り直してください。 書いてある文章と写真はそのまま使い、色・文字・余白・ボタンの形を変えてください。 できたらブラウザで開いて見せてください。私が「いいです」と返したら、同じURLのまま、もう一度公開してください。 公開する前に、入れるファイルの一覧を見せてください。
いくつか試して並べてみると、自分らしい色や形が見えてきます。
気に入ったら「このデザインを覚えておいて」と伝えると、2本目のページも同じ雰囲気で作れます。
03
ちづるさんは、本編の前の準備の時間から入ってくれました。
そこで話したことをまとめます。
はい。
メールアドレスかGoogleアカウントで登録できていれば大丈夫です。
ダウンロードする物ではなく、ブラウザでログインして使います。
無料の範囲で使えます。
登録できているか不安なときは、Codexに「Cloudflareのアカウント登録は済んでいる？」と聞けば確かめてくれます。
サブスクの解約を忘れていないか、のような確認にも使えます。
ChatGPTのチャットの画面では、この講座の作業はうまく動きません。
デスクトップアプリで、必ずCodexを選んでから始めます。
580種あると、自分で探すより、AIに選んでもらうほうが早いです。
「建築の現場で働く人に向けたページに合うデザインを5つ選んで」と頼みます。
第1回の内容で分からなかった所は、個別セッションで一緒に確かめます。
1本目の章立てができてから持ってくると、話が早いです。
04
この日の1つ目は、自分のページを作って公開することでした。
自己紹介と1本目の案内を載せた、シンプルな1枚です。
公開までは、この4つだけ
どの画面でも、やることは「頼む」と「確認が来たら許可する」です。
素材やメモは、パソコンの中の作業のフォルダに置いたままにします。
公開用のフォルダは、ネットに出す分だけを入れる箱です。
自分だけの場所と、誰でも見られる場所
AIが一覧を見せてくれるので、そこで確かめてから「公開して」と返します。
そのままAIに伝えます。「ここで見られるように表示して」で直してくれます。
公開してよければ「OKです」と返します。返すまで先に進みません。
その文をコピーするか、スクショを貼って「これはどういう意味？」と聞きます。
ログインのボタンだけは自分で押します。その先の画面の操作は、AIに任せられます。
作業の画面（Code／Codex）に、そのまま貼れます（ページを直して、もう一度公開する）
ページの〇〇を、〇〇に直してください（例：見出しをもっと大きく）。 直したら、ブラウザで開いて見せてください。 私が「いいです」と返したら、同じURLのまま、もう一度公開してください。 公開する前に、入れるファイルの一覧を見せてください。
05
この日、1人がブラウザ版のClaudeで作業していて、Cloudflareにつながらず止まりました。
使っていたブラウザもEdgeでした。
僕が前提として伝えていなかったのが原因です。
なので、ここから先は次の2つを前提にします。
ブラウザ版やクラウドの作業場所は、ネットの上の別のパソコンで動いています。
なので、自分のパソコンのフォルダやChromeには手が届きません。
作業場所を選ぶのは、新しいセッションを作るときです。
途中で変えられないので、新しく作り直します。
Claude・Cloudflare・Chromeは、同じメールアドレスかGoogleアカウントで揃えます。
次回のFish Audioも同じです。
どれで入ったか分からなくなると、ログインのたびに止まります。
06
2つ目は、1本目の講座の章立てと、第1章の台本です。
次回は、この台本を音声にして動画にします。
| 組 | こんな人 | やること |
|---|---|---|
| A組 | 素材はあるけれど、章立てはまだ | 素材をフォルダに集める → 章立て → 第1章の台本 |
| B組 | 章立てや台本が、もうある | 声に出して読みやすく整え、元の文と並べて確かめる |
どちらも、素材を1つのフォルダにまとめるところから始めます。
AIがパソコンの中を探し回らずに済み、関係ない情報にも引っ張られません。
1つ目は、自分が書いた文章を渡して、文体ルールにしてもらうことです。
SNSの投稿や公式LINEの配信が、そのまま自分の言葉のお手本になります。
作業の画面（Code／Codex）に、そのまま貼れます（自分の文体ルールを作ってもらう）
このフォルダに、私が自分で書いた文章（Instagram・ブログ・公式LINEの配信など）を入れました。 これを全部読んで、私の「文体ルール」を作り、『文体ルール.md』として保存してください。 ・一人称、語尾、よく使う言葉、絶対に使わない言葉 ・漢字とひらがなの使い分け、絵文字を使うか、改行の入れ方 これから台本や文章を作るときは、毎回このルールを読んでから作ってください。
2つ目は、自分で直したら、直した形をAIに返すことです。
この日、「今日のメモ案件」と話したところです。
直した形を返すと、次から近づく
例えばAIが「俺」で書いた所を「僕」に直したら、それも伝えます。伝えないと、毎回同じ所を直すことになります。
3つ目は、使う情報の範囲を決めることです。
「このフォルダの中の素材だけで」「調べるなら公式のサイトだけ」と書き添えます。
AIは知識が多いぶん、自分の体験ではない話も簡単に足します。
講座の中身は、自分の体験と素材が全てです。
各章で何が得られるかを先に決めておくと、ただの情報の羅列になりません。
台本は60点で大丈夫です。
音声にすると、聞きにくい所が分かるので、そこで直します。
07
ここからは、録画を止めたあとの雑談の時間に話したことです（録画には入っていません）。
ページを公開するだけなら、ChatGPTのサイト機能やClaudeのアーティファクトでもできます。
Cloudflareを使うのは、その先のためです。
Cloudflareで、その先にできること
雑談の時間に、残っていた人のうち2人にだけテストのメールを送ってみせました。
受講生の進み具合に合わせて、文面を変えて送る。
どのSNSから何人が申し込んだかを数える。
後半の回で、ここにつなげます。
ただ「ページを作って」と頼むと、どうしてもAIが作った感じの見た目になります。
AIが悪いのではなく、渡している素材が足りないからです。
僕が使っている、580種のデザインの見本帳を共有しました。
好きなデザインを開いて「Claude/Codexに渡す一文をコピー」を押し、作業の画面に貼るだけです。
見本帳： design.akirakudo.com
上の「見せ方」で「自分の文言」を選ぶと、自分の見出しで並べて見比べられます。
選び切れないときは「私の講座と、届けたい相手に合うデザインを5つ選んで」と頼みます。
08
次回は11月6日（金）20:00〜22:00です。
第1章の台本を、音声にして動画にします。
ここから先の流れ
台本が60点でも、音声にしてから直せば大丈夫です。
文章を音声にするサービスです。登録だけで大丈夫です。手順はメールとDiscordで送っています。
APIキーは、次回の講座で僕がやってみせてから一緒に作ります。今は作らなくて大丈夫です。
ブラウザの操作をAIに任せる準備は、別に案内を送ります。届いたら、その手順で進めます。
「Fish Audioに登録します」くらいの一言で大丈夫です。
個別セッションは、月に1回・60分です。
10月分は31日までなので、まだの人は空いている枠を見てみてください。
個別セッションの予約： 会員サイトの予約ページ
Discord： 購入者専用のDiscord
09
約2時間の回なので、全部見なくて大丈夫です。
A組の場面（1:06:23〜）から見るのがおすすめです。
録画は、会員サイトの伴走版
「Zoom オンライン会の録画」の第2回です。
| 時刻 | 見どころ |
|---|---|
| 0:00:02 | 今日やること2つ（自分のページの公開、章立てと台本） |
| 0:02:53 | この2週間の報告（一人1分） |
| 0:05:40 | あなたの場面ちづるさんの報告 |
| 0:09:17 | 素材をフォルダ1つにまとめる理由 |
| 0:14:30 | 自分のページに載せるのは2つ |
| 0:17:34 | 頼む → 許可する → 公開する、の流れ |
| 0:19:03 | 素材はパソコン、見せる物はCloudflare |
| 0:20:46 | Node.jsが入っているかを確かめる |
| 0:25:20 | 作業するフォルダを選ぶ（Claude／Codex） |
| 0:33:03 | 許可の画面と、確認のモード |
| 0:37:01 | 公開する依頼文 |
| 0:44:41 | ログインしていない状態から公開する（Authorize） |
| 0:54:52 | 公開できたページを、みんなで開く |
| 0:57:47 | 分からない返事は、コピーかスクショで聞き返す |
| 1:00:53 | 作業場所は「ローカル」を選ぶ |
| 1:03:42 | あなたの場面ちづるさんのページを開く |
| 1:04:59 | ログインのボタンだけは自分で押す |
| 1:06:23 | 章立てと第1章の台本（A組・B組） |
| 1:12:11 | 自分の文体ルールを渡す |
| 1:15:49 | 直した形をAIに返す |
| 1:21:45 | 「このフォルダの中だけ」「公式だけ」と範囲を決める |
| 1:24:28 | 作業の時間 |
| 1:42:53 | 第1章の台本を、右側の画面で見る |
| 1:45:51 | 見る・直す・もう一言を、くり返す |
| 1:49:06 | 次回11月6日と、Fish Audioの登録 |
| 1:51:25 | APIキーとは何かを、AIに聞いておく |
| 1:52:11 | Discordに一行、個別セッションの予約 |
時刻は、録画の始まりからの経過時間です。
雑談の時間（22時ごろから）は、録画に入っていません。
上から順にどうぞ。
1つ目だけ終われば、11月6日は十分です。
02章の文を使ってください。
第1章の台本まで進めば、11月6日は十分です。
02章の文に、選んだデザインの名前か番号を入れて貼ります。
何度試しても大丈夫です。
登録だけで大丈夫です。
APIキーは、次回一緒に作ります。
ブラウザ操作をAIに任せる準備の案内が届いたら、その手順も進めます。
月1回・60分です。
会員サイトの予約ページから、空いている枠を選びます。
一言で大丈夫です。
みんなの励みになります。