Claudeを毎日使っている、という方に聞いてみたいことがあります。

「半年前と比べて、明らかに上手くなった」と感じていますか？

毎日使っているのに、なんとなく「使っている感」はあるけど、「上達している感」はあまりない。

そういう感覚、ありませんか？

あるいは、

• 「もう十分に使えている」

• 「もう成長する余地なんてない」

• 「そもそも、チャット能力なんて、伸ばす必要あるの？」

と感じているなら、この講座を是非、受けてください。

チャット能力を伸ばそう講座（無料）

私は、中級者レベルでした

実は私自身、そうでした。

• もう十分に使えている

• これ以上、成長なんてない

• あとは知識の問題、ツールの使いこなしの問題

このように考えていました。

なぜなら、Claude Codeも含め、AIをかなり使い込んできた自負があったからです。

しかし、「AI Fluency Index: 4D Framework」という研究に触れて、その内容を謙虚に、深く理解した時、

まだ取り組めていないことが、多々ある！

と気づいたのです。

「ハウツーを集める」では、なぜ伸びないのか

AIの使い方を学ぼうとすると、情報は山ほどあります。

• 「プロンプトの書き方10選」

• 「ChatGPTを最大限使いこなす方法」

• 「AIで業務を劇的に効率化するコツ」

• 「この一行を入れるだけで、性能が爆あがり」

こういった情報を集めても、なんとなく自分の使い方が変わった気がしない。そんな経験はないでしょうか。

理由はシンプルです。

ハウツーを集めても、「チャットそのものの能力」は伸びないからです。

AIを活用する場面のほぼすべて——文章を書く、プログラムを作る、情報を整理する、アイデアを出す——これらはすべて「チャットで指示を出す」という行為を通じて行われます。

つまり、チャット能力はAI活用のすべての土台です。ここが伸びると、その上に乗っているあらゆる応用の質とスピードがまとめて上がります。

にもかかわらず、この能力を意識的に鍛えている人はほとんどいません。

研究者たちが明らかにしたこと

AIの習熟度について、しっかりとした研究があります。

Anthropicは、リングリング美術大学（米国）のRick Dakan教授と、アイルランドのコーク大学のJoseph Feller教授と共同で、「AIフルエンシー（AI習熟度）フレームワーク」を開発しました。

このフレームワークは「AIを使いこなしている人たちの行動パターン」を分析し、4つのカテゴリーに整理したものです。

さらにAnthropicは2026年2月、大量の会話データをもとに「どのような行動がAI習熟度の高さと相関しているか」を大規模に調査・発表しました。

この研究成果をベースにした講座を、今回リリースしました。

新講座：チャット能力をレベルアップしよう

チャット能力を伸ばそう講座（無料）

（無料です）

この講座でやることは、2つだけです。

① 自分の現状を知る

「AIフルエンシーチェック」というツールをClaudeに読み込ませると、AIが質問をしてくれます。それに答えるだけで、自分のチャット能力がどの次元で弱いかが見えてきます。10分でできます。

② 毎日の会話を少しずつ改善する

会話が一区切りついたら、/coach-me と入力するだけ。すると、その会話を4Dフレームワークの視点で自動分析して、具体的なアドバイスをくれます。

実は私自身、このチェックを受けてみたらDiscernment（識別）が1点でした。

「AIへの頼み方が上手いぶん、返ってきた答えを深く疑わずに受け入れてしまう『自動化バイアス』が生じているかもしれません」

このようなアドバイスを受けました。

正直、思い当たる節がありました。

いい感じに仕上がったからとそのまま使ったら、よく読むと「あれ、おかしい」ということ、ありませんか？仕上がりが良さそうに見えるときこそ、疑う必要があるのだと、改めて気づかされました。

やることはシンプル、でも差はつく

講座の中でも紹介していますが、Anthropicの研究では、AIとの対話を「単なる使用」ではなく「思考パートナーとの協働」として取り組む人たちは、そうでない人たちと比べて明らかに多くのAIフルエンシー行動を示すことが確認されています。

6ヶ月後に「あ、自分って変わったな」と感じられるかどうか。それはたぶん、才能の差ではありません。毎日の小さな習慣の差です。

やること自体は難しくありません。

1. 今日のチャットの後に、/coach-me と入力する

2. アドバイスの中から1つだけ、次の会話で試してみる

3. 月に一度、AIフルエンシーチェックで自分の変化を確認する

これを続けるだけです。

まずは登録して、チェックだけやってみてください

チャット能力を伸ばそう講座（無料）

登録後、最初のビデオを見てから「AIフルエンシーチェック」を受けてみてください。

結果に一喜一憂しなくて大丈夫です。大切なのは「今の自分の現在地を知ること」です。

点数が低い部分は、そのまま「伸びしろ」です。

リベハブでは、この講座をベースに30日チャレンジを企画、検討中です。あるいは、「オフラインのワークショップで、ワイワイ、楽しく学ぶ」なども考えています。

是非、一緒に学んでいきましょう。

まだまだ、私たちは伸び代があります。

昨日、ビジネスパートナーと「リベラボをどう進めていくか」について、じっくり話し合いました。

議論の中心になったのは、シンプルな問いでした。

「まず、何ができるのかを、ちゃんと見せないといけないよね」

そうなんです。いくらリベラボが「AIと一緒に学ぶ」「仕組みを理解して、操作して、創造する」と言っても、それが実際にどんな場面で役立つのかが見えないと、なかなか伝わりません。

アイデア出しの現場から、正直に報告します

では、「どんな例がいいか？」とアイデアを出し合いました。

私が最初に提案したのは、自分が実際に作ったもの。オンライン講座の動画から文字起こしをして、要約・メタデータを作成し、ベクトルDBに格納して、さらにMCPサーバーを構築してRAGとして提供する、という仕組みです。

…即却下でした。

「難しすぎて、何をやってるか全然イメージできない」

続いて出した「講師管理システム」も、「実感が湧かない」。「Substackの読み上げ音声を自動生成する」も、あまりピンとこない様子。

うーん。正直、少しへこみました。

転機は、「確定申告が面倒くさい」という一言だった

そんなとき、会話の流れから、ふとこんな言葉が出てきました。

「確定申告、今年も面倒くさいんだよねー」

その瞬間、何かが引っかかりました。

あれ、ニュースフィードで見たぞ。「Claude Code で確定申告できる Agent Skill」みたいな話…

早速、調べてみました。

ありました。Claude Code（他のAIでも使えます）を使って、確定申告をサポートする Agent Skill が、オープンソースで公開されていたのです。

これは、ちょうどいい

Agent Skill というのは、Claude Code をパワーアップさせる仕組みのことです。

• 難しすぎない（でも、確かにすごい）

• 誰もが「できたら助かる」と感じる場面（確定申告）

• 仕組みを理解することで、他の場面にも応用できる

まさに、リベラボが伝えたい「仕組みを理解し、操作し、創造する」を体験してもらうのにぴったりです。

無料講座、作り始めました

ということで、今日から制作に入っています。

「Claude Code で確定申告 ── Agent Skill を使いこなす」（仮題）

• Agent Skill を使える環境の構築

• Claude Code がパワーアップする仕組みの解説

• 実際に確定申告に使う方法

以上を、無料講座としてまとめます。

頑張って今日中に（遅くても明日には）公開するつもりです。

事前登録、受け付けています

公開と同時にお知らせが届くよう、事前登録が可能です。もちろん無料です。

👉 事前登録はこちら

ぜひ、ご登録ください。

なお、Claude Code のインストールについて

今回の講座は、Claude Code がインストール済みであることを前提に進めます。

まだの方は、先にこちらをどうぞ。

👉 Claude Code 超入門

「Claude Code 超入門講座（無料）」の公開準備が整いました。

Claude Code 超入門

この講座では、「インストール」をかなり丁寧に進めています。ゆっくり、じっくり進むことで、今後の学びに必要な「仕組み」と「学び方」をお伝えしています。

インストールが完了し、必要なツール（Visual Studio Codeなど）の準備が整ったら

1. Webページを作ってみる

2. ToDoアプリを作ってみる

3. 知識労働に使ってみる（Zettel Kasten）

という、３つの具体例で、Claude Code の可能性を知ってもらう体験もできます。

是非、ご受講ください！

Claude Code 超入門

なぜこの講座を作ったか、そしてなぜ「あえてゆっくり進む設計にしたか」を話したほうが、受け取り方が変わると思うので、少し書かせてください。

「まずやってみよう」が、なぜ失敗するのか

プログラミング講座のほとんどが、「とりあえず動かしてみよう」から始まります。

手順に従ってクリックして、コードを貼り付けて、動いた。「やった、できた！」

でも、その次の瞬間——少し変えようとすると、何も分からなくなる。

これは「センスがない、頭が悪い」ではなく、学び方の問題です。

仕組みを理解せずに操作を覚えても、「与えられた手順の外」に出た瞬間に止まってしまう。これが、プログラミング挫折の本当の理由だと私は思っています。

この講座が、少し変な理由

Claude Code 超入門講座は、意図的にゆっくり進みます。

Claude Codeを実際に動かす前に、まず「コンピュータはなぜこう動くのか」を丁寧に説明します。ターミナルの歴史すら話します。インストールの一手順一手順に、意味を持たせます。

「早く動かしたい」と思う方もいるかもしれません。それは正しい感覚です。でも、インストール作業のような「シンプルで簡単な場面」こそが、正しい学び方を身につける最大のチャンスです。

難しい内容に入ってから学び方を変えようとしても、内容に追われて余裕がなくなります。だからこそ、簡単なうちから「仕組みを理解して進む」という習慣を育てる——それが、この講座の設計思想です。

講座の内容

全部で3つの章に分かれています。

Chapter 1：はじめに Claude Codeとは何か、なぜ「仕組みから学ぶ」のか。この講座の哲学を伝える章です。

Chapter 2：インストール ここが、この講座の核心です。ターミナルとは何か、パスとは何か。インストール作業を「仕組みを理解しながら進む練習」として使います。多くの人が「ここで詰まって諦める」場所を、ゆっくり一緒に通過します。

Chapter 3：3つの実例 実際にClaude Codeを使って、シンプルなものを3つ作ります。「作れた」という達成感と、「もっとやりたい」という探求心を育てる章です。

受講は無料です。Claude Codeのアカウントがなくても、デモを見るだけで学べる設計にしています。

登録すると、メールが届きます

受講登録をいただくと、10通のフォローアップメールをお送りします。

インストールで詰まったときのヒントから、「AIに頼ると身につかない」という誤解への答え、69歳の元パイロットがClaude Codeで業務ツールを作った話まで——講座の内容を、少しずつ別の角度から補強するメールです。

また、私が思うことをつらつら書いた「編集後記（こうき）」も載せています。是非、楽しんでいただければ、嬉しいです。

最後に

この講座は、多くの人に「仕組みから学ぶ」「学び方を学ぶ」ことを体験していただくことです。

これから、リベラボとして、「Foundation講座」や「応用編の講座」をリリースしていきます。また、コミュニティも別途運用します。

これらの根底にある「学び方、アプローチ」を知ってもらい、これならやっていけそう！と判断してもらうためでもあります。

是非、気軽に受講してみてください！

Claude Code 超入門

いつも、ニュースレターを読んでいただき、ありがとうございます！

この「Claude Daily Practice」では、Claudeや、Claude Codeの可能性を、少しでも多くの人に知ってもらいたい！という一心で、私の具体的な活用事例を発信してきました。

具体事例にワクワクして、

• 個人的に返信を下さる方

• Facebookや、LinkedInにシェアしてくれる方

もいらっしゃり、さらに「オープン率が40%以上」（業界平均の2倍）が、大きな励みになってきました。

そして、読んでくださっている方は、単なる読者ではなく、 新しいツール、新しい時代にワクワクする仲間 だと、改めて気づきました。

2025年、特にワクワクしたのが「Claude Code」

昨年(2025年)の2月に Claude Code はデビューしました。まだ、1年も経っていません。

私は、このできたばかりのツールを使ってみて、大きな可能性を感じました。その直感は、確信へと変わりました。

Claude Code を使って、使い捨ての Python コードで事務作業を一気に片付けることから始まり、生徒管理システムの構築、そして長年の懸案事項だった「WordPress からの脱却（しかも、高度な検索機能まで搭載したサイト構築）」まで実現できました。

他にも、様々なことに応用してきました。

そして、このClaude Codeのパワーを生かして、「誰でも簡単に、Webページを作れるノウハウ」を作り、多くの人に、ワクワクしてもらいました。

そして、昨年末（11月25日）に、Claude Opus 4.5 という業界を驚かせる最新バージョンと、Claude Codeの強力な新機能群がリリースされました。

1年前には想像もつかなかった世界が、今、始まっています。

このような時代の変化と、ワクワクを受けて、Claude Daily Practiceは、新しい方向へ進化します。

創造への情熱に、再び火を灯す

20年前、私はAIの研究者でした。当時は、C言語や、Java言語を使って、研究のためにプログラミング（コードを書く）をしていました。その後、ソフトウェア開発をする会社を立ち上げました。

私は、会社の経営、マーケティング、ソフトウェアの設計に専念するために、コーディング（プログラミングを実際に書く）の仕事を手放し、優秀なプログラマーを雇いました。

プログラミングの世界は、変化が激しいです。次々と新しいツールが出たり、書き方が変わって行きます。３年も離れれば、もう浦島太郎状態です。私は、プログラマーがいないと、自分のアイデアを形にすることができなくなってしまいました。

しかも、現代においては、１つのプログラミング言語だけでなく、複数のプログラミング言語や、Webサービスを使いこなす必要があり、「作りたいもののために、膨大な技能訓練をする」必要があります。

結果、私は「自分のアイデア、創造性に蓋をし、諦める」ことを選びました。時々、ちょこっとPythonコードを書いてみて、情熱を誤魔化していました。

しかし、Claude Codeが現れ、驚異的な進化スピードを体験し、考えを改めました。

Claude Code という新しい世界

Claude、Claude Code を使えば、「コーディングという技能（文法、構文、フレーズ、フレームワーク毎の書き方）」を特訓し、身につける必要はありません。AIに任せることができます。

一方で、プログラミング言語の文法を暗記する代わりに、「どう設計するか」「なぜこの方法を選ぶのか」という本質的な考え方を学ぶことで、どんな言語でも、必要に応じて使い分け、アイデアを形にすることができます。

これらの知識は、挫折した人も、諦めた人も、何歳であっても、学ぶことができます。

これらの知識を学び続けながら、Claude、Claude Codeと「設計し、理解し、対話する」能力を磨いていけば、誰でも「創造（想像）を、形に」することができます。

この想像を形にすることを繰り返していたら、気づけば「AI時代のエンジニア」（AIと協働して、アイデアを形にできる人）になっているかもしれません。

Claude Daily Practice は、「想像を形にする = 創造」のための情報発信をするニュースレターに進化します。

Claude Daily Practice から「リベラボ」へ

単なる活用事例の共有から、「想像を形に」変えられる視点、知識、技術、事例をシェアするニュースレターに変わります。

「憧れていたけど、諦めた」「チュートリアルを何度やっても、わからず挫折した」「作りたいものはあるけど、手も足も出なかった」、でも、チャレンジしたい！と思う方々が、自分のペースで、少しずつ、歩んでいけるような、視点、学び方、考え方、取り組み方もお伝えしていきます。

このような方向性に変わるにあたって、ネーミングも変えることにしました。

Claude Daily Practice から「リベラボ」に変更しました。

• リベは、「Liberation(解放)」を意味します。技術制約、技能制約からの解放。創造性を解放することを意味しています

• ラボは、「Laboratory(研究室、実験室)」を意味します。失敗も楽しんで、試行錯誤して、実験して、探究して学ぶことを意味しています。何かを創造するときに、正解なんてありません。学び、探究し、その時のベストを尽くすだけです

変わること、変わらないこと

これまで通り、Claude、Claude Codeの情報をお届けします。実例などもシェアしていきます。それだけでなく、「自分にもできる！」と思ってもらえるような周辺知識や、学び方、考え方、視点も積極的に発信します。

なお、このニュースレターは、無料のままで、変わらず発信します。

最後に、質問させてください

あなたは、何を作りたいですか？

小さなツールでも、Webページでも、業務効率化のスクリプトでも構いません。あるいは、何らかのウェブサービスや、アプリかもしれません。

「いつか作れたらいいな」と思っているものがありますか？

あなたの夢を聞かせてください。

このメールに返信するか、コメントを残してくだされば、励みになります。また、いいね！やシェアもしていただけると嬉しいです。

新しい時代、新しいツールを手に取り、創造の情熱を、形にすることができる人が、一人でも増やしていきたい！と思っています。

追伸

次回は、「Claude Code に習熟することが、あらゆる仕事を強力に底上げ」につながる理由について、お届けします。プログラミングだけでなく、コンテンツ作成、提携業務、面倒な集計処理、書籍執筆など。

自動化ツールだけでなく、思考、判断、さらにはAIと対話する能力を、大幅に向上させることにつながります。

その理由を詳しく、解説します。

まず最初に、お詫びをさせてください。

今週予定していたウェビナーシリーズですが、延期させていただきます。

実は、なんと風邪をひいてしまいました。喉が腫れて、熱が出て、意識が朦朧とする状態で数日寝込んでいました。もうほとんど治りましたが、まだ声を出すのは厳しい状況です。

楽しみにしてくださっていた方、本当に申し訳ありません。

でも、実はこれが「より良い形」になりました

寝込んでいる間、ずっと考えていたんです。

「ウェビナーだと、その時間に参加できない人もいる」
「ウェビナー録画の良さもあるけど、コース型の伝え方の方が簡潔」
「実行時間がかかるものも多いので、デモしきれないかも・・・」

そこで決めました。

予定していた「アドバンスド・デザイン」だけでなく、すべてを詰め込んだオンラインコースを作ります。

その名も「CWM Professional講座」です。

CWM Professional講座とは？

Claude Web Master講座で「Claude CodeでWebサイトを作る楽しさ」を体験し、公開までできるようになったあなたへ。

次のステップは、制約を超えて、あなた独自のWebサイトを創る段階です。

コンセプト

「なぜ、動くのか?」「どう指示したら良いのか?」を深く理解し、自由に創造する力を手に入れる

基礎講座が「作れる喜び」なら、Professional講座は「自由に創る力」です。

この講座で手に入る4つの力

1. 仕組みの理解 = 無限の応用力

• CWM講座の「CLAUDE.md」の裏側を完全解説

• なぜその指示で動くのか?を読み解く

• Anthropic公式の「frontend design スキル」も使いこなす

• 理解すれば、あなたの要求に合わせて自由にカスタマイズできる

2. 戦略的コンテンツ設計力

• 「思いついたことをClaudeに丸投げ」からの卒業

• ミッション定義 → 顧客理解 → コンテンツ戦略の体系的プロセス

• 拡張思考モード、セルフフィードバック改善の実践テクニック

• 「Web構成を前提としたコンテンツ」の作り方

3. 独自デザインの実現

• CWMテンプレートを超える、あなただけのデザイン

• 非デザイナーでも「見違えるサイト」が作れる方法論

• ultrathink活用で、作り込みの質を上げる

• 別フォルダで試して、本番に統合する安全な手法

4. 製作代行、共同作業に必要な技術

• Cloudflare、Githubアカウント招待の仕組みと方法

• 複数の場所で作業した場合の同期方法

• Claude Code on the Web の活用

• Github Issue で修正する方法

• 大きなファイルを置くための場所

こんな人におすすめ

✅ CWMでサイトは作れたが、「もっと自分らしく」したい
✅ デザインの制約を感じている
✅ コンテンツの質をプロレベルにしたい
✅ 製作代行ビジネスを考えている
✅ 本気でWebサイトを作り込みたい

年末年始、じっくり学べるように

オンラインコースなので:

• あなたのペースで学べます

• 何度でも見返せます

• 年末年始の時間を使って、じっくり取り組めます

• 質問は随時受け付けます

コースは近日中に、お届けします（声が治らない間に、準備を整えて、一気に撮影します）。

当初予定していた「アドバンスド・デザイン」だけでなく、アドバンスド・コンテンツ、製作代行のコツまで、すべて詰め込んだ充実の内容になります。

体調不良という思わぬアクシデントでしたが、結果的により良い形でお届けできることになりそうです。

新年に向けて、あなたのWebサイト制作スキルを次のレベルに引き上げる準備をしましょう。

詳細は改めてお知らせします。どうぞお楽しみに!

亀田

P.S.

まだ体調が完全には戻っていないので、Claudeに手伝ってもらいながらこのメールを書いています。「Claudeがあって良かった」の一例ですね(笑)

toiee Lab 亀田です。

年末に向けて「スペシャルな講座」を開催します！この講座を受講していただければ、

• Claudeで、もっと攻めたデザインを実現できるようになります

• Claude Codeの仕組み、AIの仕組みが、より深く学べます

• トップエンジニアレベルの「テクニック（ultrathinkなどの活用）」を学べます

とにかく、非エンジニアの私たちが学べば、同業者を圧倒するレベルの深い知識と、実際のスキルを学べる「ワクワクする」講座を開催します。

名付けて「アドバンスド・デザイン講座」です。

もし、あなたが、Claudeを使ってWebページを作ったことがあるなら、

「できたページは悪くないんだけど、なんだか似たようなデザインになってしまう...」
「機能的には十分なんだけど、もう少し個性や創造性が欲しい...」

と感じているなら、その感覚は正解です。

実は、単純な依頼では「Claudeが、元々定めたデザイン方針」で、Webページを生成するので、似たり寄ったりになります。

このデフォルト設定を取り除き、Claudeが持つ「デザインの知識、スキル」を引き出す方法があります。この方法の使い方、バランスの取り方などを学べる講座を開催します。

Claude Web Master講座のデザインの秘密

Claude Web Master講座を受講された方々が、次々と成果を上げています。

• 本格的なWebサイトを公開

• WordPressからClaude Code制作へ移行

• 制作代行ビジネスを開始

これらの成功には、実は秘密があります。

実は、私があれこれ工夫して「安定して、ビジネスで使える、失敗のないデザイン」を実現するようにしています。その結果、Webサイトを作るときには、ざっくりとした指示でも、十分なページを生成するようにできています。

Webページを作ってください。内容は、以下を参考にしてくだしさい。

- あなたの思いを、箇条書きで羅列する
- どんなことを伝えたいかを羅列する
- 商品特徴などを羅列する
- ・・・
- ・・・

具体的には、 CLAUDE.md というファイルに、様々な指示を組み込んで制御をしています（他にも、色々と工夫しています）。

この制御をあえて外し、さらに上のレベルのデザイン を実現する方法を解説します。

より攻めた、クリエイティブなデザインへ挑戦する。「これ、AIで作ったの!?」と驚かれるような、個性的で印象的なWebサイトを生み出す。

そんな次のレベルを学ぶ特別講座を開催します。

このWebinarシリーズで手に入るもの

この講座は、単なるハウツーではありません。基礎から応用まで、安定と創造性の両立を学ぶ本格的な内容です。

具体的には、こんなことが手に入ります:

✓ CWM受講生がスムーズに成果を出せる理由
拡張機能を使わずに、どうやって安定したビジネスデザインを生み出しているのか。その制御技術の秘密を解説します。

✓ 安定から攻めへの発展方法
ビジネスで使える安定したデザインから、より攻めたクリエイティブなデザインへ。どのように発展させていくかを学びます。

✓ Anthropic公式拡張機能を使いこなす技術
拡張機能を読み解き、活用することで、AIとは思えないデザインを生み出す方法を習得します。

✓ 創造性と実用性のバランス感覚
デザイン性を追求しながらも、実用性を保つ。その両立の技術を身につけます。

想定される変化:

• CWM的アプローチ: 安定したビジネスデザイン(拡張機能なし)

• Advanced Design: 「これAIで作ったの!?」と驚かれる攻めたデザイン(拡張機能活用)

この両方を理解し、使い分けられる力が身につきます。

プログラム概要

この講座は、3部構成のWebinarシリーズでお届けします（もしかしたら、追加するかもしれません）。

(1) Claude Web Master講座の裏側解説

拡張機能を使わずに、なぜビジネスレベルのデザインが安定して生成できるのか。

CWM受講生が短期間で成果を出せる制御技術の秘密を解説します。Claude Codeを意のままに操る本質が理解できるセッションです。

この仕組みがわかっていると、「攻めたデザインを実現する方法」が、より深く理解できます。

(2) デザイン拡張機能の深掘り

攻めたデザインを実現するための「Anthropic公式の拡張機能」を読み解き、CWMよりさらに攻めたデザインを実現する方法を学びます。

プロのデザイナーのような判断をClaudeに実行させる技術を解説します。単なる操作方法ではなく、仕組みを理解することで、応用の幅が一気に広がります。

(3) Advanced Design 実践

拡張機能を活用した高度なデザインに、実際に挑戦します。

創造性を最大化しながらも、実用性も確保する。そんな実践的なテクニックを身につけるセッションです。

私が実践してみせるので、その様子を見ていただきます。Webinar中に質問をもらったり、「こんなことをやっみて」というお題にチャレンジしたりもします。

その中で、失敗したりもするでしょう。それをリカバーする方法もお見せることで、本当の応用、テクニックを知っていただきます。

開催情報

Webinar形式で来週一気に開催します（録画も配信）。

詳細な日程・参加方法については、近日中にお知らせいたします。

このニュースレターにご登録いただいている方には、優先的にご案内をお送りします。

年末年始の時間を活用して、2025年のWeb制作スキルを大きくレベルアップさせませんか?

次回の案内をお楽しみに!

P.S.

このAdvanced Designシリーズの後、「Advanced Contents講座」も予定しています。Claude Web Master講座では扱わなかった、より高度なWebコンテンツの制作技術を学べる機会です。こちらもご期待ください。

コース動画はもちろん、ドキュメントサイト、AIによるレッスン検索機能まで、すべてが揃いました。

特に、AIでレッスン内容を意味検索できる仕組みを作るのが、大変でした。

時間は、かかりましたが、バッチリ完成したので、講座の再募集と同時に、特別な企画を用意しました。それは・・・

「みんなで一気にマスターしようウェビナー！」

です。

年内に新しいサイトを作り上げ、新年は新サイトで迎える。そんな挑戦を、みんなで一緒にやってみませんか？

全4回ウェビナーで、ゼロから公開まで

毎週水曜日12:00から（毎回約1時間）、全4回のウェビナーを開催します。完全にゼロの状態から始めて、最終的にはあなた自身のWebサイトを公開するところまで、一緒に進めていきます。

初回は来週11月19日(水)12:00スタートです。

各回のウェビナーは、単なる講義ではありません。

実際に手を動かしながら学び、宿題に取り組み、Discordコミュニティでサポートを受けられる、実践的なプログラムです。

この企画だけでも数万円の価値がある内容を、講座受講生の皆さんには追加料金なしで提供します。

第1回:ゼロからページを生み出す(11月19日)

環境構築から始めます。Claude、Cloudflare、Githubの登録、VSCodeとClaude Codeのインストール、Unsplashのセットアップ。そして、とりあえず1ページを作ってみましょう。

宿題として、作りたいWebサイトのテーマを決め、伝えたい内容を書き出し、見本にしたいデザインのサイトをピックアップしてきてください。Discordでは、セットアップの相談や宿題のサポートを行います。

第2回:プロトタイピング(11月26日)

シンプルな指示とコンテキストでページを作る方法を学びます。いくつかプロトタイプを作りながら方向性を探り、「Planモード&自己分析テクニック」で性能を上げる方法も試してみます。

宿題では、3つ以上のプロトタイプを作り、デザインやコンテンツの方向性を決めていきます。Discordでは、作ったプロトタイプを見せ合い、どんな指示でどんな結果になったかをシェアしましょう。

第3回:ページの作り込み(12月3日)

画像の差し替え、デザインの微調整、コピーの調整や追加。ポップアップ、モーダル、フォームなど、必要な要素を追加していきます。

宿題は、「今後育てる」という前提で「出してもいい」状態にすることです。完璧を目指さず、まずは公開できる形を作りましょう。Discordでは何でも相談できます。カスタムドメインを設定したい方は、Cloudflare DNSの設定もサポートします。

第4回:公開する(12月10日)

404ページなど必要なページを作成し、Githubにリポジトリを作り、Cloudflare Pagesと連携させます。カスタムドメインの設定、独自ドメインメールについても解説します。

そして、完成を喜びましょう！

今後の活用のヒントやEleventyについても触れます。

完璧じゃなくて大丈夫

リアルタイムで参加できなくても問題ありません。録画をその日のうちにシェアします。コミュニティで質問すれば、サポートを受けられます。

好きなタイミングで録画を順に実行してもいいんです。例えば、4日間連続で一気に進めることもできます。

雰囲気だけ掴む、体験して自信にする、それだけでも十分に価値があります。

既に受講中の方へ

既に講座を受講している方には、別途詳しいご連絡をお送りします。楽しみにしていてください。

まだ参加していない方へ、特別なご案内

この機会に、ぜひClaude Web Master講座に参加してください。

今回だけの特典として、先着30名様限定で、第1回募集でお約束していた追加コース「マルチページサイト構築コース(35,000円で販売予定)」を無料でプレゼントします。

このコースでは、WordPressよりも柔軟にマルチページのサイトを構築する方法を学べます。

つまり、今回お申し込みいただくと、Claude Web Master講座の全コンテンツに加えて、数万円の価値がある全4回のウェビナー企画に参加でき、さらに35,000円相当の追加コースまで手に入るということです。

また、Claude Web Master講座自体は「10,000円オフ」の割引を実施しています。

Claude Web Master講座について

年内に新しいサイトを作り上げ、新年は新サイトで迎える。一緒に挑戦しましょう！

多くの方から「詳細を教えてほしい」「いつから申し込める？」というお問い合わせをいただき、ありがとうございます。皆さんのWebサイトに対する課題意識の高さと、AIに対する期待をヒシヒシと実感しています。

募集ページはこちら

以下のURLにて、詳細を記載しました。

👉 https://cwm.toiee.jp/

このサイトや、ランディングページは、「Claude Code」で作成しました。おそらく「WordPressをインストールし、初期設定、テーマ設定、プラグインインストール」などをする時間と、同等の時間で完成しました。

しかも、Claudeが考えて実行している間に、コーヒーを飲んだり、次のコンテンツについて考えたり、筋トレ（←これは願望・嘘です）をして、エネルギーを充電しながら、作業することができました。

是非、Claude Codeで作成したWebサイトをご覧ください。

今回だけの特別なこと

大きく分けて２つあります。

1. 思い切った「割引」で参加できる

2. 豊富なイベント（ウェビナー、勉強会をたくさん行います）

価格について

将来的には、「テック系のオンライン講座」と同等の価格で、それ以上の価値を提供できるほど、作り込み、受講者コミュニティを盛り上げたいと考えています。

しかし、まだスタートしたばかりなので、そのリスクを考え「割引」を設定しました。

是非、有名どころのテック系オンライン講座と比較してみてください。驚くほどの価格差を知っていただけると思います。

しかも、分割支払いも用意しましたので、より参加しやすくなっています。

イベントをたくさんします

技術の進化、道具の進化によって、知識ゼロ、経験ゼロからでも、自由にWebサイトを作るだけでなく、それを公開、運用、更新できるようになりました。

例えば、WordPressや、Wixなどでは、「キャンペーン用に、今回限りの１枚もののページを作る」ということが、かなり難しいです。もう１つ、WordPressを用意するとなると、それだけで大変です。Wixなどでは、特別に契約を増やすことになるし、設定も煩雑で、時間も費用もかかります。

ところが、Claudeとモダンツールを使うと、この状況が一変します。まさにゲームチェンジャーです。

この可能性は、誰にでも開かれています。

しかし、講座に申し込んだけでは、身につきません。Claudeを使って、遊び、実験、探究という気持ちで、Webサイトを作る、壊すなど「手を動かすこと」「経験すること」が欠かせません。

つまり、「手を動かして学ぶ」というのが、すべての鍵です。実行さえすれば、学ぶことができます。誰でも学べます。

その「実行」をサポートするために、不定期にイベントを開催します。

イベントを通じてコースを強化します

実は、教えるべきことの知識は、完全に固まっていますが、まだわからないことがあります。それは、「わからない人が、どんなことで、不安に思ったり、混乱するかわからない」のです。

そこで、ワークショップ、ウェビナーを何回も開催し、「どこがわからないのか？」を生の声、反応で知り、「わかりやすいコース」にまとめ上げていきます。

例えば、私が簡単だと思っている「インストール作業」でも、もしかしたら、私が思いもよらないところで、不安を感じているかも知れません。

そのようなポイントを見つけて、次々と解決をしていきます。

実践者を増やしたい！

私は、この講座を幅広く、継続的に、多くの人に届ける決意をしています。その第一歩として、第１期生が次々と「自在にWebサイト」を構築し、活用している状態を作りたいと思っています。

現在のClaudeの能力や、私が試行錯誤の末、選んだ技術群を使えば、嘘偽りなく「自分では作れないWebサイト」を構築し、リリースできるようになります。

WordPressなどに代表される「マウスで、大量のクリックをして、デザインするツール」に、２度と戻れなくなると思います。

自由自在に作れるようになれるよう、コミュニティ、ワークショップ、ウェビナーを通じて、しっかりとサポートをしていきます。

そして、「事例」をたくさん載せられるようにしたいと思います。

あなたの参加をお待ちしております。

Claude Web Master講座をチェック

追伸：

Claude Web Master講座に関する情報は、この記事で最後です。

募集に関する続報は、別のメール配信システムからお送りします。表には書けないことも、しっかりシェアしていきますので、お楽しみに！

次回からは、通常モードの「トイスク」に戻ります。Claudeの具体的な活用や、Claudeをもっと便利に使うための工夫、使い方、考え方をシェアしていきます。

ウェビナーも開催するので、お楽しみに！

いつもトイスクをご視聴いただき、ありがとうございます。日々のウェビナーやニュースレターでClaudeの活用法をお伝えしていますが、 「これだけは絶対に体系的に学んでいただきたい」 という領域があります。

それが、Webサイト構築技術です。

なぜWebサイト構築なのか？

一人企業にとって、Webサイトは「頭の痛い問題」です。自分のビジネスの良さを伝える重要なメディアであると同時に、多くの経営課題を生み出す元凶でもあります。例えば、以下の通りです。

もし、外注した場合

• 外注費が数十万円かかる

• 完成まで、途方もない時間 が、かかる

• 修正するたびに追加料金が発生

WordPressで自作するとしても、

• インストールから難しいし、バックアップも取れない

• 学習コストが、恐ろしく高い

• その上、最近は、アップデートが早く、変化しすぎてついていけない

• WordPressの技能は、本業には役立たない

• レンタルサーバー代金も必要になる

• 頻繁にアップデートしないと、セキュリティが心配

• いい感じのデザインを実現するのに、途方もなく操作が必要

などです。Wix、Jimdo、その他のツールを選んでも状況は似たり寄ったりです。

さらに、「古いまま放置すると、信頼をなくす」が「ないのは、もっと良くない」という中々厄介な存在が、Webサイトです。

このような状況を、 ひっくり返す革命的なツールが登場 しました。

それが「Claude」および「Claude Code」を使って、Webサイトを構築し、レンタルサーバーとは一線を画す「モダンなWebサービス」を使うことです。

Claude Codeで何が変わるのか？

Claudeと、Claude Code、モダンなツールを使いこなすと、全く別の世界が見えてきます。上記の問題を、ことごとく、ひっくり返してくれます。

• ゼロから、その日のうちにWebサイトを公開 できる（その後、じっくり更新していけば良い）

• 学習コストはゼロにはならないが、本業に役立つ能力が身に付く

• 月額ゼロ円で運用可能。もちろん、独自ドメインやフォーム付きでも

• セキュリティの心配なし

• 圧倒的に高速表示、世界中からのアクセスでも大丈夫

• デザインも、コピーライティングも、顧客視点で 作ってもらえる

• プログラミングを学ぶのではなく、Claudeに指示するための知識を学ぶ という高度な知識を学ぶので、さまざまな応用につながっていく

私個人として、もっとも大きいのは、 WordPressに精通しても、本業の役に立つことを学べないし、役立たない ですが、Claude Codeを使ってWebサイトを作ることは、 本業に直結する技能、知識が身に付く ことです。

Webサイト構築を通じて、さまざまなツールの使い方を学ぶと（特に、Github、Claudeのプロジェクト機能、Claude Code、Visual Studio Code）、他の仕事に応用ができます。

例えば、

• 業務効率化アプリを自作する時の土台になる

• 意思決定に必要なコンテキスト情報を効率よく管理、使用できるようになる

• ニュースレター、ブログ記事、コンテンツ作成の能力がつく

などです。

Claude Code を使うということは、「HTMLタグ、CSSを駆使することは、AIに完全に任せてしまう」ことを意味します。その結果、技術を身につけることから解放され「あなた自身のビジネスについて言語化する」ことに時間を使えるようになります。

Claude Web Master（CWM）講座で手に入るもの

💰 圧倒的なコスト削減

• Web制作外注費：数十万円 → ゼロ円

• 月額レンタルサーバー：数千円 → ゼロ円

• 修正・更新費用：都度数万円 → ゼロ円

🚀 技術的自立の実現

• 人を雇うのではなく、自分が進化する

• 外注業者との面倒なやり取りから完全解放

• 思い立ったら即座に修正・更新が可能

• 新しいサイトも、どんどん立ち上げられる

• 大幅な刷新も、自由自在

🎯 現代的な開発体験

• Visual Studio Code による効率的開発環境

• 11ty（イレブンティ）+ Tailwind CSS によるモダンWeb技術（※軽量で高速なサイト生成ツールと、デザインフレームワークの組み合わせ）

• GitHub + Netlify による自動デプロイ（※コード管理と自動公開システム）

• Cloudflareを使って、大幅な無料枠 により大量アクセスでも無料を実現

• Claude Code による AI支援プログラミング

• 思考のエネルギーをとことん節約 する仕事術

従来の学習との決定的な違い

一般的なプログラミング学習：

• 基礎文法から始まる長い道のり

• 実用的なものが作れるまで数ヶ月

• 挫折率が異常に高い

CWM講座のアプローチ：

• 初日からプロ級Webサイトが完成

• ワンページのWebサイトから、マルチページへの飛躍が可能

• 望めば、ブログ機能、お知らせ機能、メンバー機能など独自のデータ表示も実装可能

• 「なぜそうするのか」の理解を重視した応用力育成

• 技術を身につけるのではなく、「技術の根本を理解し、的確に依頼する」力を身につける

学習のコストについて

この全く新しいWebサイト構築では、これまで触れたことがない「アプリ」や「サービス」を使用します。ざっとあげると、以下の通りです。

• Visual Studio Code関連ツール（プログラムを書くためのエディタ）

• ターミナルとコマンド（コンピューターに直接指示を出すツール）

• Git、GitHubによるソースコード管理（作ったファイルのバックアップと履歴管理）

• 自動連携するサービス（レンタルサーバーよりはシンプル）

• 自由度が高いドメイン設定系（慣れたら簡単！）

いわゆる「プログラマー」や「エンジニア」と呼ばれる人たちが使うツールです。これらは、多機能かつ、無駄が省かれたツールなので、一見すると「とっつきづらい」と感じるでしょう。

しかし、私たちは「プログラマー」や「エンジニア」になるわけではありません。

細かい機能ではなく、主要な機能、必要な機能、全体像を理解できさえすれば、使えます。実は普段使うボタンは、数個ぐらいです。単に「慣れ」の問題です。

慣れてしまえば、どうってことはありません。

そして、慣れてしまったら、その先に「広大な可能性の地平」が広がっていて、ワクワクしてもらえるはずです。

WordPressの操作をどれだけ勉強しても、特定のテーマの編集能力が身についただけで、潰しは効きません。毎年のようにアップデートが行われ、動作が変更になったり、大量のプラグインに悩まされたりするのは、私は苦痛で仕方がありませんでした。

そんな状態から、解放されて、本当にワクワクしています。

しかも、文章を全部、自分で書く必要はなく、Claudeが助けてくれます。本当に、楽です。Claudeがいなければ、成り立たない「一人企業」を実践できています。

あなたが学ぶもの、得るもの

今回の講座は、ノウハウをありったけ注ぎ込みます。私が事前に調査し、テストし、「楽にできるプロセス」を開発しました。それを伝授していきます。

オンラインコースという形と、ウェビナーやミーティング形式（不定期）で、手を動かす機会を提供します。

一方で、コースを見返さなくても良いように、「受講者専用のドキュメントサイト」を用意します。セットアップのコマンドや、Gitのコマンド一覧などを整理し、すぐに見つけ、コピペして使えるように整理します。

さらに、WordPressから移行したい方（リダイレクト設定、ブログのインポート）などの要望にも応えるべく、ノウハウを構築して提供します。

投資価値について

多くの方は「外注」は、もう考えていないと思います。外注費は、あっという間に、数十万円のオーダーに到達します。その上、データ、ドメインを人質に取られ、毎月数千円以上の維持費を負担させられます。

その割には、何もしてもらえないし、更新を行うとなれば、追加費用、見積もり、そして遅い対応になり、経営を圧迫します。

一方で、WordPressの場合、テーマの購入、レンタルサーバー契約、インストール、設定、アップデート、プラグイン選定、セキュリティ対策、更新による変更を再学習と、学習コストが非常にかかります。その上、その学習した内容は、特に本業には生きません。

一方で、CWM（Claude Web Master）講座で学ぶものは、Web制作のプロンプトではなく、各種のプログラミングツール、そしてコードを書ける特訓ではなく「根本的な技術理解」とそれに基づく、指示の仕方、インターネットの仕組みなど、 今後、何年も役立つ資産 を手に入れることになります。

副次的なメリット

Webサイト構築を通じて身につく技術は、他の業務にも応用できます：

• 業務自動化プログラムの開発

• データ処理ツールの作成

• 顧客管理システムの構築

• API連携アプリの開発

既存サイトを持っている人も安心してください

多くの方が、すでにWordPressなどで苦労してWebサイトを持っていると思います。また、独自ドメインも取得し、長く運用してきたと思います。その独自ドメインは捨てずに、そのまま使えます。

正しい知識、技術を知り、手順を正しく行えば、「新しいサイトにスムーズに」移行することは可能です。しかも、タイムラグをゼロ（数分）にすることすら可能です。

Web関連の知識については、私は、並の製作代行業者の遥か上を行くと自負しています（自分でサーバーを構築し、仮想化技術を使って、Webアプリを動かしたりしているぐらいですから）。

おそらく、あなたの悩みのほとんどを解決できると思います。本当に、なんでも聞いてください。

サポート体制

これまで、私が試行錯誤してきた数々の知識を、全て「コース」と「ドキュメント」に体系化させます。それと同時に、「手を動かして学ぶミーティング」や「ウェビナー」も開催し、その様子を参加者だけに共有するという特別プログラムを実施します。

つまり、コースとドキュメントだけでなく、「ワークショップ」と「その録画」も提供される特別編です。

さらに、半年間のサポート を実施します。個別に回答するべきことは回答しますが、全体シェアという形でも回答していきます。

本当に、なんでも聞いてください。それらを全て糧にして、コースやドキュメントを充実化していきます。

具体的な内容について

詳しくは、別途メールや、募集ページでしっかり説明します。追加の情報をお待ちください。

１つ言えることは、「プログラミングを全くしたことがない、触れたことがない」方を想定して、本当にゼロのところからスタートし、自在にClaude Codeを駆使して、Webサイトを構築、更新、運用できるところまでをサポートします。

また、講座では、Netlify を使う方法を教えますが、新しい料金プランでは、無料枠では足りない方も出てくるかもしれません。その場合、少しだけ複雑になりますが（私がいるので、安心してください）、Cloudflareというサービスを使う方法もカバーします。

Cloudflareは、本当に驚くほど、寛容な無料枠が提供されています。それを使う方法を選ぶこともできるように、カバーしていきます。つまり、至れり尽くせりです。

なお、運用上役立つ「フォーム」や「独自ドメインメール」などの知識も紹介していく予定です。とにかく、なんでも聞いてください。それらを講座に落とし込んでいきます。

私が実践していることは、なんでもシェアします。

最後に

この講座は、単なる「Webサイト制作講座」ではありません。

「AI時代の一人企業に必要な『技術的自立』を実現する講座」です。

Claude をただのチャットツールとしてではなく、真のビジネスパートナーとして活用するための、実践的で体系的なプログラムです。

詳細な募集開始は、近日中にお知らせします。

トイスクのウェビナーでも、CWM講座で扱う技術の一部をお見せしていく予定です。ぜひウェビナーも、ご参加ください。

技術的な壁に阻まれない一人企業を、一緒に実現しましょう。

toiee Lab 亀田

P.S. CWM講座に関するご質問は、このニュースレターにコメントするか、 desk@toiee.jp でお寄せくださいね！

お待ちしております。

• 「Claudeって聞いたことはあるけど、まだ使ったことがない」

• 「少し触ったことはあるけど、うまく活用できていない」

• 「一人企業として、本格的にAIを活用したいけど、どこから始めればいいかわからない」

そんな方にぴったりの「第一歩」のウェビナー（講座）を開催します。

🎯 ウェビナーの内容

ウェビナーの進行は、ざっくり以下の通りです。参加者の質問などで、その場で柔軟に内容を変えながら進めていきます。

• 初期設定：　簡単な設定をするだけで、使い勝手が大きく変わります！

• 基本の会話の仕方：　「あなたは、・・・の専門家です。ベストな・・・」などではなく、コンテキストをしっかり与える使い方を学びます

• 有料版と無料版の違い：　便利な機能と、実際の使い方を紹介

• 質疑応答：　質問に答えながら、紹介します！

ライブならではのリアルタイム質疑応答で、あなたの疑問をその場で解決します！

また、可能な限り、私が「具体的に、どう使っているか？」もお見せします。

有料版を検討したい方も、必見です！

📋 事前準備をお願いします

1. Claudeアカウントの登録

当日スムーズに進めるため、事前にアカウント登録をお済ませください。 無料でも十分に体験できます。

• ClaudeのWebサイト

2. Google Chromeで利用

Google Chromeか、Chrome系（最新のEdgeや、Google Chrome拡張が使えるブラウザならOK）ブラウザをご用意ください。

もし可能なら、以下のプラグインをインストールしてください。使い心地が、激変します！

• ChatGPT Ctrl+Enter Sender

3. 「ごめんね！メソッド」記事を読む

Claudeとの対話で重要な考え方をまとめた記事です。 必読というわけではありませんが、読んでおくとウェビナーの理解が深まります。

📖 記事はこちら：

トイスク

「ごめんね！メソッド」詳細解説（対話型でAIを使おう！）

ChatGPTや、Claude(クロード)などのテキストベースの生成AIを使ってみたい、あるいは、友達、家族、会社の同僚に使うように教えたい！と思う方は、是非、対話型で使う方法をお伝えください。…

Read more

a year ago · 19 likes · toiee Lab 亀田

🎪 気軽にご参加ください

このウェビナーは入門者向けなので、どんな質問でも大歓迎です！

• 音声・ビデオオフで参加OK

• 途中参加・途中退出も自由

• 匿名での質問も可能

• プライバシーが守られています（参加者が誰か、他者からは見えません）

「こんなこと聞いても大丈夫かな？」という心配は無用です。

あなたの素朴な疑問こそ、みんなの学びになります。

📅 開催詳細

• 日時： 9月8日(月）

• 時間： 12:00 - 13:00

• 参加費： 無料（どなたでもご参加いただけます）

• 参加方法： こちらからご登録ください（URLを発行します）

一人企業として活動されている方、これから独立を考えている方、AIを活用した新しい働き方に興味がある方——みなさんのご参加をお待ちしています！

Claudeを使いこなして、「一人なのに企業レベルの仕事」を実現する第一歩を、一緒に踏み出しましょう。

ご質問がございましたら、コメント欄にお気軽にお書きください。

それでは、ウェビナーでお会いしましょう！

toiee Lab 亀田

この３つの作成、運用方法は、

• 表示が早い（WordPress + レンタルサーバーよりも圧倒的に早い）

• 独自ドメイン対応

• SSL(暗号通信)対応し

• セキュリティ対策万全

• フォームの設置も可能

• 一度設定したら更新は自動化

• ページを一気に変更可能（サイト全体を刷新するのもできる）

• リダイレクト設定可能（過去のサイトのURLを新サイトにマッチングさせられる）

になります。

そして、これだけのことが可能なのに「無料」です。

正確には、ほとんどのビジネスは、無料枠で収まってしまいます。

以下、３種類、それぞれを説明します。

３種類のWebサイト

今回、３つのノウハウを構築しました。つまり、３種類の異なる「Webサイト形式」のノウハウを構築できるようになりました。

1. ワンページ完結型：　１ページに必要なことを全て書き込むシンプルなサイト（多くのビジネスは、これで十分かも知れません）

2. マルチページ型：　ワンページ型のノウハウを活かして、複数ページを作成できるノウハウです。ブログ機能も可能。シンプルなお知らせ機能だけを実装することまで可能。

3. ドキュメント型：　整理された階層構造で情報提供ができる。専門家やサポート、体系的な情報を提供したい方向け。検索も可能。各ページを好きにデザインすることも可能

以下、詳しく説明します。

ワンページ完結型とは？

複数ページにWebサイトを分けると、制作コスト（費用だけでなく手間も）が急激に上がります。コンテンツ構成、ナビゲーション、各ページの作り込み、共通部分の作成、訪問者の動線（こが大切だが大変）など、複数ページ構成は、考えるべきことが多々あります。

一方で、ワンページ構成のWebサイトは、コンテンツ構成は縦に並べるだけなので、それほど複雑ではありません。

ユーザーにとっても、このページに探してないならと判断しやすく、無駄な時間を取らせません。複数ページでの課題が一気に解決するのがワンページです。

多くのビジネスは、実は「ワンページで十分」な可能性があります。

ワンページに必要な情報を網羅しつつ、例えば「商品の購入は別サイト」へ案内すれば良いです。同様に、ブログも別サイトに案内すれば良いので、「名刺」のように使えるのがワンページです。

これからWebサイトを作ろうと考えているなら、まずはワンページを検討すると良いです。ワンページで作って、オンラインコースサイトへ案内したり、オンラインショップに案内したりして、その先は、それぞれのサービスで用意すると良いでしょう。

Claude (AI)を使って作成する場合も、とても親和性が高いです。

現在、マルチページでサイトを運用している人も、思い切って「ワンページ」にしてしまうことを検討してみてください。デメリットを補う、大きなメリットがあることも多いでしょう。

マルチページとは？

よくある「複数のページで構成されている」サイトです。個人が作る場合、ほぼWordPress一択でしょう。あるいは、毎月数千円を払うか、無料枠でWixなどの専用アプリで作成、公開するのが一般的です。

複数ページのメリットは、たくさんの情報を与えることができることです。

しっかりとした会社サイトを作りたいなら、マルチページが良いでしょう。ミッションや、製品群についての説明、アクセス、所在地、会社メンバーなどについて、１つ１つ詳細に伝えたい場合、マルチページが向いています。

今回のノウハウでは、ナビ、メイン、フッターというシンプルな構成ですが、Claude Codeに依頼することで、テンプレートを編集し、自分が望むような雰囲気のWebサイトを構築することが可能です。

内部では、11ty （イレブンティーと読みます）というアプリを使っているので（使うのはClaude Codeです）、ブログ機能を持たせることもできます。

また、シンプルな「お知らせだけを載せる」ような機能を追加することもできます。

11tyでできることを学べまば、それを自然な言葉にして、Claude Codeに伝えることができれば、まだまだ、様々なことができます。

例えば、メンバー一覧ページと、各メンバーの詳細ページを作る（追加、編集、削除がしやすい状態で）こともできます。

WordPress から移行することも可能です。

例えば、WordPressのマルチページ構成を踏襲し、WordPressのブログ記事をダウンロードし、それを 11ty (イレブンティー)のブログ記事形式に変換すれば（変換プログラムは、Claude Codeに書いてもらう）、取り込むことが可能です。

さらに、Claudeによって、それぞれの記事を「自動的に編集」してもらうことも可能です。

とはいえ、過去の記事で不要なものは、思い切って削除したほうがSEOには良いと言われています。努力して作ったものには、価値があると思い込みやすいですが、重いっきってスリム化することで、得られるものも多いでしょう。

ドキュメント型

階層構造を使って整理したコンテンツを提供するのにぴったりです。専門知識を整理し、提示することをしたい、それによって信頼を勝ち得たいという方に向いています。

情報量が多い方で、体系化されているなら、ブログよりも、ドキュメント型が良いです。また、マルチページ型よりも、大量の情報へ簡単にアクセスしてもらえるので、20ページ、30ページと多い方は、ドキュメント型が向いています。

このドキュメント型の作り方は、「しっかりとデザイン」することも可能です。ドキュメント記事は、シンプルで統一されたデザインが使われますが、トップページ、アバウトページなどは、Claude Codeを使って自由にデザインさせることが可能です。

もちろん、あなたは１行もコードを書く必要はありません。

私は、今後「 toiee.jp 」のサイトを、このドキュメント型で置き換える予定です。

来週から、一緒に作りませんか？

それぞれのノウハウを身につけてもらえる「楽しい企画」をします。

まず、ワンページ型、マルチページ型、ドキュメント型に共通する「準備」から始めていきます。具体的には、

• Github、Netlify、Unsplash のアカウント作成

• Visual Studio Code インストール

• プログラミング言語のインストール

• Claude Code のインストール

これらからスタートします。

形式は、「ハンズオン型ウェビナー」です。

ハンズオン型ウェビナーとは？

ハンズオン(Hands on)型とは、手を動かすという意味です。そして、ウェビナーとは、参加者のプライバシーが守れられていて、気軽に参加できる形式です。

ウェビナー型では、参加者は、

• ビデオオフ（主催者が、勝手にオンにすることは、できません）

• 音声オフ（主催者が、勝手にオンにすることは、できません）

• 誰が参加しているかは、お互いに見えない（コメントすると、誰かいる！って気づく）

• 途中参加、途中退出しても通知オンが鳴り響いたりしないので、迷惑をかけない

という特徴があります。

つまり、私が目の前で「やるべきこと」を説明し、デモし、参加者の作業時間を作ります。参加者の方は、作業をしながら、わからないことをコメントで質問することができます（望めば、音声で質問も可能）。

気軽に参加できて、手を動かして学べる「楽しいイベント」として、ノウハウを学べるような企画を準備中です。

Windows、Macの両方対応です

なお、私は、Windowsパソコンを所有しており、このWindowsの中に、さらにWindowsをインストールしています。この新品のWindowsを使うことで、実際にインストールする様子をお見せできます。

同様に、Mac上で、Macを動かす仕組みも用意しています。この仕組みを使って、まっさらなMacにインストールする様子をお見せできます。

両方に対応しながら、進めていきます。

第１回は「ツールの準備」から

まずは、１時間ほどを使って、ゆっくり、丁寧に「ツールの準備」をしていきます！

• Github、Netlify、Unsplash のアカウント作成

• Visual Studio Code インストール

• プログラミング言語などのインストール

• Claude Code のインストール

これらをインストールすることから始めます。

これまで、触ったことがないターミナルや、コマンドというものを使いますが、みんなでトライすれば、怖くないですし、楽しいはず！

是非、一緒に学びましょう！

詳しい日時は、ニュースレターでご案内します。

追伸

もし、参加しようと思う方で、macOSユーザーの方へ。

Appleの開発ツールのダウンロードに時間がかかるので、以下を実行しておいてください。

1. Finderを開き、アプリケーション → ユーティリティ を開く

2. ターミナルを開きます

   

3. homebrew のサイトにアクセスし、コマンドをコピーします

   

4. ターミナルに貼り付け（右クリック貼り付け、Enterキーで実行）

   

5. 途中で、「XCode Command Line Toolsをインストールする」という画面が現れるので、従ってください（インストールしてください）

それでは、また情報をお送りします！

試行錯誤の末、「ワンページ・ウェブサイト構築ノウハウ」が完成したので、どうしてもお披露目したくなり、急遽、Webinarを開催することにしました。

どんなノウハウなのか？

今回、お披露目するノウハウは、「単なるプロンプト集」ではありません。道具一式と、それらの事前設定、作業手順をセットにした「ザ・ノウハウ」です。

当日、使い方をデモしますが、驚くほど簡単です。

しかも、無料公開（オープンソース）しています。

• Github で公開（Webページ・テンプレート for Claude Code）

• ドキュメント

無料ツールを駆使します

このテンプレートは無料公開しています。また、利用するサービスは、以下のとおりです。

• Visual Studio Code : 無料で使える世界スタンダードな開発アプリ

• Github : ソースコード管理、自動連携に使う。無料アカウントで十分

• Netlify : Webサイト公開に使う。無料枠で十分に収まる上、フォームまで使えます

• Unsplash : 無料の写真素材の検索と利用

あとは、Claude Code だけは有料です。

もし、Claudeの有料プランを契約されていれば、追加費用はかかりません。もし、試したいだけなら、API契約という方法があり、これなら「使った分だけ」となり、$10で、十分に試せます。

非常にリスク少なく、AI（Claude Code）によるWebサイト構築の可能性を体験していただけます。

ウェビナーの内容

実際に、Webサイトを作って、公開するまでをお見せします（途中で、どんどん質問してください）。

流れは、以下のとおりです。

1. テンプレートをダウンロード（一瞬です）

2. テンプレートの設定（数行編集するだけ）

3. Claude Code立ち上げて、試しに作ってもらう（すごく簡単）

4. 公開設定（Github と Netlifyの設定）

5. 実際に公開する

※ アプリのインストールなどは解説しませんが、簡単にインストールすることができます

作り込んだテンプレートの威力に、ワクワクしてもらえると思います！

Webinarの登録はこちら

テンプレートの中身は？

私が構築したテンプレートですが、以下のような内容になっています。実際に試して、試行錯誤して作り上げたものです。

• CLAUDE.md : Claude Codeに使うべき技術、ライブラリ、作業フローなどを事前に教えるための命令セットです

• サブエージェント : Claude Codeが効率よく作業するために、ミニAIみたいなものを使います。専用で用意しました

• Unsplash画像検索スクリプト : ハルシネーション（嘘をつく）ことを防ぎ、的確に画像を埋め込むための仕組みです

• 作業フォルダセット : スムーズに作業し、公開するためのフォルダ構成を事前に準備しています

• Netlify設定ファイル : 難しい設定をせずとも、自動設定されるように設定ファイルを書いています

あなたが集中すべき場所は、「本業」です。つまり、中身をどうするか、どんなメッセージを伝えるのか？などを、Claudeと考え、煮詰めていき、それを形にするところに集中できます。

Webページを生成、更新、公開する部分は、徹底的に「単なる作業」に落とし込みました。

プロンプト例やプロンプト集ではない、本物のノウハウです

企業研修や、巷のセミナーでは「ChatGPTや、AIの概要」を説明し、その後に、「こんな指示をしたらいいですよ」という呪文を教える内容がほとんどです（しかも高額）。

さらに、受講者に「プロンプト集」なるものを配り、それをありがたがるようなシーンも、時々見られます。

今回、私がお伝えするものは、プロンプト集ではなく「システム」であり、本当のノウハウです。再現可能で、可能性が「現実になる具体的なノウハウ」です。

この作り込んだノウハウの可能性を、ぜひ皆さんに知っていただきたい！と思っています。

是非、Webinarにご参加ください。

Webinarの登録はこちら

Webinar形式について

Webinar（ウェビナー）形式とは、通常のzoomミーティングとは、大きく体験が違います。

参加者のプライバシーが守られた状態で、気軽に受講できる仕組みです。参加者の方は、

• ビデオオフ（勝手にオンにはできません）

• 音声オフ（勝手にオンにできません）

• 誰が参加しているか、お互いにはわからない

• 途中参加、途中退出しても、迷惑がかからない

一方で、コメント機能を使って、気軽に質問をしたり、感想を送るなどが可能です。

ウォーキングしながら、移動しながら、お昼ご飯を食べながら、あるいは、コーヒーをドリップしながら、ご参加ください。

主に「私のデモを見て、気になることを質問する」という会です！

Webinarの登録はこちら

参加費は無料です

私が契約しているZoom Webinarプランは、最大500人（最小プランなのに！）です。おそらく、定員オーバーすることはないと思うので、気軽にお申し込みください。

なお、参加費は無料です。

また、ウェビナー中に、強烈なセールスなどはありません（もし始まっても、退出してしまえば終了ですし）。ウェビナーを見た人だけ、特別オファーというのも、特に用意はしてません（あった方が良いですか？）。

とにかく、可能性を知っていただければ、嬉しいです。

なお、途中参加、退出された方のために、録画の配布を行います。あとで視聴したい！という方も、ご登録ください。

今後のコース化もお楽しみに

なお、今回のWebinarでお見せするノウハウは、今後、丁寧でわかりやすいコースに落とし込む予定です。実際に手を動かしながら学べる、トイスク流のハンズオン型コースとして提供します。

完成したら、お知らせしていきます。

そちらもぜひお楽しみに！

Webinar詳細

• 日時: 明日（詳細時間は追って連絡）

• 内容: プロジェクトテンプレートを使ったWebページ作成のデモンストレーション

• 形式: リアルタイム配信（質問可能）

• 参加費: 無料

それでは、今日のWebinarでお会いしましょう！

Webinarの登録はこちら

全6回、約1ヶ月間にわたって開催していたWebinarシリーズが無事に完了しました。参加してくださった皆さま、本当にありがとうございました。

今回のWebinarシリーズでは、Claudeを駆使してモダンなツールを活用し、Webサイトを半自動で構築する方法をお届けしました。NetlifyやGitHubといったツールの組み合わせで、独自ドメインでの高速・安全なサイト構築が、ほとんどの場合、「無料で実現できる」ことをお伝えできました。

新しいサイトを作る人も、リニューアルを考えている人も

今回のWebinarでは、ゼロからサイトを構築する方法だけでなく、既にサイトを運営している方がリニューアルする際のポイントもカバーしました。

リダイレクト設定やドメイン設定など、移行時に必要な知識も含めて解説したため、幅広い状況の方に役立つ内容になったと思います。

※ もっと、ここを解説して！があれば、是非、メールでご要望ください

Webinarの録画はこちらから

全6回の内容は、以下のページで視聴できます。

• 「Claude と モダンツールを使ったWebサイト制作と公開」講座

これからの予定：ハンズオン型コースへの展開

Webinarの内容をより実践的に学べるよう、今後は短いハンズオン型コースに分割して追加していく予定です。

Webinarを開催しながら発見した「この知識やスキルをもっと細かく教えるべき」という部分も反映して、手を動かしながら着実に身につけられるコースを準備しています。

1つ1つのコースは1時間程度で完了でき、小さな達成感を積み重ねながら学習を進められるようにします。

もし、Webinarだけでなく「ハンズオン型のコースを受講したい！」という方は、是非、トイスクをご検討ください。

今週末までなら、20%割引でご参加いただけます。

トイスクをチェック

Webinar録画単体 vs トイスクでの学習

Webinarの録画だけを単体で申し込むこともできますが、トイスクに入会いただくと、さらに充実した学習体験を提供できます。

トイスクでは以下のような特典があります：

• Webinar録画の視聴 + ハンズオン型コースでの実践

• 他の多数のハンズオン型コースへの無制限アクセス

• Claudeを活用した専門家ペルソナの作成・運用方法

• 継続的な学習サポートとコミュニティでの交流

一人で専門家チームを率いるような働き方を目指している方には、特におすすめです。

期間限定キャンペーンは今週末で終了

スタートしたばかりだったので、トイスクでは割引キャンペーンを実施していましたが、今週末で終了となります。もしご検討中の方がいらっしゃいましたら、この機会にぜひチェックしてみてください。

トイスクの詳細・お申し込みはこちら：

次のWebinarシリーズも準備中

実は、今回のWebinarを開催しながら、並行してもう1つのWebサイト構築方法をノウハウ化していました。今度はStatic Site Generatorを使った方法をお届けする予定です。

こんなサイトが作れるようになります：

この方法は、発信したいコンテンツがたくさんあって、ブログとは違って構造化された情報を提供したい方にぴったりです。

しかも、今回と同様にClaudeをフル活用するため、コンテンツ作成もClaudeに支援してもらい、驚くほど速いスピードでサイトを構築できます。

詳しい内容については、あらためてお伝えします。

お楽しみに！

最後に

Webサイト構築というと難しく感じるかもしれませんが、適切なツールとClaudeの力を借りることで、想像以上に簡単に実現できることを体感していただけたのではないでしょうか。

これからも「学ぶって楽しい！」と思える体験を通じて、皆さまの新しい可能性を広げるお手伝いをしていきたいと思います。

ぜひ、トイスクで一緒に学んでいきましょう。

あと、もう１つ！

私にとってClaudeが欠かせない存在になり、あらゆることに活用を始めました。その結果、MAXプランなるものにアップグレードしました（$100/月）。これにより、今よりもパワフルなClaudeの種類（モデルといいます）を使えるようになりました。

パワフルなClaudeを使って、作り込んだノウハウを構築し、シェアしていきます！

楽しみにしておいてくださいね！

連絡が直前になってしまいましたが、toiee Lab ラーニングファシリテーターの内藤圭子キャシーさん（あだ名でキャシーさんと呼ばせていただいてます）が、神戸でAIの最高の入門ワークショップを開催されます。

もし、ご都合が合えば、ご参加ください！

キャシーさんについて

キャシーさんは神戸でキャリアコンサルタントとして活動されている方で、2015年まではIT系が超苦手だったそうです。

それが今では、独学でアプリやwebサービス、AIまで活用されています。ChatGPTのカスタマイズ機能である「GTPsで外部とやり取りする(API)機能」まで使いこなしているそうです。

そんなキャシーさんが、「ごめんね！メソッド」を学べる講座を開催してくれます。

完璧を求めない、対話を楽しむ姿勢

このメソッドの核心は、AIとの関係を「完璧な指示を出す相手」ではなく「対話を重ねる相手」として捉えることです。

基本の流れはこうです：

1. まず、ざっくりとしたお願いをする
   完璧な指示である必要はありません。

2. 回答に対して「ありがとう」と感謝
   自然に「良い点」を探すように脳が働きます

3. 直感で「ピン！」と感じた良い点を探す
   まずはポジティブな部分に注目

4. 「でもごめんね！・・・」と改善点や追加情報を伝える
   ここがメソッド名の由来です

5. 上記を文章にして、伝える
   一連の流れを自然な対話として表現

6. 数ターン繰り返して、より良い回答を得る
   完璧を求めず、段階的に改善していく

なぜ「ごめんね」が効果的なのか

多くの人が、AIに良い結果を出してもらおうと「長い命令」を書きがちです。

しかし、AIの進化によって、Aが必要とするものは、命令よりも「AIが持っていない情報で、ユーザー固有の情報」です。これらを「コンテキスト」と呼びます。

ごめんね！メソッドは、対話を通じて、「コンテキスト」を与えるような設計になっています。

しかも、「４つの視点で振り返り」をすることによって、対話するたびに、コンテキストを与えることが上達する「熟慮された練習」となるように設計されています。

そして、大切なのは、完璧を求めず、「ある程度良ければOK、残りは自分で調整」という考え方で対話することです。

この姿勢が、結果的により良い成果を生み出すのです。

実際に体験できる貴重な機会

このメソッドを実際に体験できるワークショップが、7月26日（土）に神戸で開催されます。

「ごめんね！メソッド体験ワークショップ」

• 日時：2025年7月26日（土）14:15〜16:15

• 場所：神戸市東灘区御影（無料駐車場あり）

• 参加費：3,500円

• 定員：6名限定

特に注目したいのは、ChatGPT、Claude、Geminiの有料版AIが使える独自開発の「プレイグランド」を体験できることです。無料版では制限があるこれらのAIの本格的な機能を、契約なしで体験できる貴重な機会です。

実は、この仕組みは、私がAIと相談しながら作り上げました。仮想サーバーを契約し、Dockerという最新のツールをインストールし、LibreChatというアプリをインストールし、さらには、公開のための難解な作業を、AIに支援してもらいながら実行しました。

是非、体験してください。

講座の詳細はこちら

こんな方におすすめ

• 事務職で、AIを仕事に活用したい方

• 「事務職がAIに置き換わる」という不安を感じている方

• AIを使ってみたけど思うような結果が得られない方

• プロンプトの書き方がわからない方

• 年齢に関係なく新しいスキルを身につけたい方

内藤さんの講座は「技術的でなく実用的」「初心者目線で分かりやすい」と評判で、シニアの方から中学生まで幅広い方が参加されています。

学習の流れがしっかり設計されている

ワークショップ後には、さらに深く学びたい方向けに、専用教材「AI超入門講座」（通常19,800円を3,000円割引）も用意されています。

さらに初回開催記念として、通常有料（15,000円）のフォローアップワークショップ（60分×5回）が無料で提供されるという太っ腹な特典もあります。

学習の流れ：ワークショップで体感 → 教材で深化 → フォローアップで習慣化 → さらなる応用へ

この段階的なアプローチは、まさにtoiee Labが大切にする「学ぶ楽しさ」を重視した設計になっています。

講座の詳細はこちら

学ぶプロセス自体を楽しむ

内藤さんは「理論的な裏付けがある『ごめんね！メソッド』ですが、このメソッドで取り組むと楽しいです！」と語ります。

ワークショップは、チーム学習、ラーニングファシリテーション型で進められます。具体的な理論背景はともかく、「思いっきり楽しむ」ことで多くを学べるように設計されているのです。

この姿勢は、toiee Labが大切にする「学ぶことそのものを楽しむ」という価値観と完全に一致しています。

AIとの関係性を変える一歩

「ごめんね！メソッド」の魅力は、AIを道具として使うのではなく、対話の相手として捉えることで、より自然で効果的な活用ができるようになることです。

完璧なプロンプトを作ろうと頑張るのではなく、「ごめんね、もう少しこんな感じにしてもらえる？」という気軽な気持ちでAIと対話する。この姿勢の転換が、AIとの関係を大きく変えてくれるはずです。

神戸近郊の方、ぜひこの機会に参加されてみてはいかがでしょうか。きっと、AIとの付き合い方が変わる貴重な体験になると思います。

講座の詳細はこちら

※ 定員6名限定のため、お早めのお申し込みをおすすめします。

先日開催した第1回Webinarで、多くの方に驚きの声をいただきました。

「え？もうWebサイトができてる！」 「コードを1行も書かずに、こんなことができるの？」

そうなんです。AIと一緒なら、たった1時間で開発環境から独自ドメインの設定まで、すべて完了してしまいます。

第1回で実現したこと

• ✅ 開発環境の構築

• ✅ AIを使ったWebページ作成

• ✅ 自動更新システムの設定

• ✅ 独自ドメインの設定

これらをWebinar中に、リアルタイムで実現しました。

参加者の方からは「魔法みたい！」という声も。でも、これは魔法ではありません。AIを正しく活用すれば、誰でもできることなのです。

第2回Webinarで学べること（7月23日開催）

第1回の基礎を踏まえて、さらに実用的で実践的な内容に深掘りします：

• 🎯 より効果的なAIへの指示の仕方

• 🎨 コンテンツ作成とデザインの進め方

• 📝 フォーム機能の実装方法

• 🔧 Git・Githubの活用法

実際に手を動かしながら、「あ、こうやればいいんだ！」という発見を一緒に体験していきましょう。

あなたに最適な参加方法を選んでください

【第2回から参加される方へ】

Webinarシリーズ（全6回） がおすすめです

• 価格：特別価格 5,000円引き

• 内容：AIとモダンツールでWebサイト構築の全工程

• 特典：録画視聴で復習可能

• ▶︎ こちらから申し込む

【継続的に学びたい方へ】

トイスク（サブスクリプション） がお得です

• 価格：初回 10,000円引き

• 内容：Webinarも含む全てのコンテンツにアクセス

• 特典：コミュニティ、AI検索、毎月のWebinar参加権

• ▶︎ こちらから申し込む

なぜ今、このタイミングなのか？

AI技術の進歩により、「専門知識がないとWebサイトは作れない」という常識が変わりました。

大切なのは：

• どうAIと対話するか

• 何を任せて、何を自分で判断するか

• どんな手順で進めれば効率的か

これらを知っているかどうかです。

参加者の声

「1時間でここまでできるとは思いませんでした。AIの可能性を感じました」（Aさん）

「複雑に感じていたWeb制作が、こんなにシンプルになるなんて...」（Bさん）

「次回も絶対参加します！」（Cさん）

申し込み期限は7月22日（火）23:59まで

第2回Webinarは、7月23日（水）開催です（リアルタイムで参加できなくても、録画を視聴することができます。質問も、メールでどうぞ！）

• 参加を迷われている方

• AIを活用したWeb制作に興味がある方

• 新しい学び方を体験してみたい方

ぜひ、この機会にご参加ください。

きっと「学ぶって、こんなに楽しいものだったんだ」と感じていただけるはずです。

今すぐ行動を！

【Webinarシリーズのみ参加】 ▶︎ 特別価格で申し込む（5,000円引き）

【トイスクで継続学習】 ▶︎ 初回特別価格で申し込む（10,000円引き）

あなたとWebinarでお会いできることを楽しみにしています！

toiee Lab 学ぶ力を高めて、より良い未来を創造する

参加者の皆さんから「こんな世界があるなんて知りませんでした！」「ワクワクしました！」といった嬉しい声をたくさんいただき、私たちもとても嬉しく思っています。

新しいWebサイト構築の世界

今、AIの力でHTMLを簡単に作れるようになったことで、Webサイト構築の常識が大きく変わりつつあります。

従来のように：

• WordPressの複雑な設定に悩む

• レンタルサーバーの管理に時間を取られる

• プラグインの相性問題に頭を抱える

そんな時代から、自動化されたスマートなWebサイト構築・発信の世界へと移り変わっています。

昨日のウェビナーでは、そんな新しい可能性の一端を垣間見ていただけたのではないでしょうか。

録画をご用意しました

「参加できなかった！」という方も、「もう一度見返したい！」という方も安心してください。

ウェビナーの録画を視聴できるようにいたしました。

ウェビナー録画にアクセス

さらに便利な機能も

今回のウェビナー内容について、AIから検索（MCPを使った意味検索）もできるように設定しました。気になる部分をピンポイントで探したり、関連する内容を効率的に見つけたりできます。

使い方については、こちらをご参照ください：

コースを検索する方法

これからの可能性

AIとモダンツールの組み合わせは、私たちの創造活動に新しい扉を開いてくれます。

技術的なハードルが下がることで、本当に大切な「伝えたいこと」「創りたいもの」に集中できる時代がやってきました。

ぜひ録画をご覧いただき、この新しい世界の可能性を感じてみてください。きっと新しいアイデアが湧いてくるはずです！

AI時代のWeb開発って、こんなにも楽しくて効率的！を知っていただける無料ウェビナーを開催します。

Claude、Claude Code、Git、Github、Github spaces、Netlify、Cloudflare を活用して、まるで魔法のようなWeb開発体験をお見せします🎉

📅 開催概要

日時： 2025年7月16日(水) 12:00 - 13:00 ⏰

形式： Webinar形式（プライバシー完全保護！顔出しなし）

費用： 完全無料 💰

参加方法： 途中参加・途中退出大歓迎！コーヒー片手に気軽にどうぞ☕️

※ Webinar形式とは、音声・ビデオオフ、他の参加者から見えないというプライバシーが保護され、視聴メインで、質問などをコメントで行ってやり取りできる楽しく、気軽な学習体験です

コーヒーを飲みながら、ランチを食べがら、移動しながら、筋トレしながら、お風呂に入りながらでも参加できます。

🎯 こんなワクワクする内容をお届け！

想像してみてください...AIがあなたのコーディングパートナーになって、一緒にWebサイトを作り上げていく体験を！

🤖 AIアシスタント（Claude） - まるで優秀な同僚のように、あなたのアイデアを形にしてくれる

⚡ Claude Code - コード作成がこんなにもスピーディーに！

🔄 Git & Github - チームワークが生まれる現代的な開発フロー

🌐 Netlify & Cloudflare - あっという間に世界中にWebサイトを公開

これらのツールが組み合わさると...まさに開発の新世界が広がります！

デモを見ながら「こんなことができるんだ！」「私にもできそう！」と感じていただけるはずです。そして最後には、みなさんからの質問にお答えする楽しい時間も用意しています🙋‍♀️

📋 当日の予定

1. サクッと開発環境を準備

2. AIで、Webページを作成

3. Github と Netlify を連携させておき、更新！

4. Cloudflare でカスタムドメイン（独自ドメイン）で公開

途中途中で、質問を受けながら、回答していきます。

🎪 こんな方にピッタリ！

• 「AI時代のWeb開発ってどんな感じ？」と気になっている方

• 「もっと楽しく、効率的に開発したい！」と思っている方

• 「新しいツールを使ってみたいけど、どこから始めれば...」という方

• 「みんなで学び合う時間を楽しみたい！」という方

初心者の方も、経験者の方も、みんなで一緒に「わぁ！」「すごい！」「やってみたい！」を共有しましょう🎉

🚀 参加方法

以下のページにアクセスし、「無料試聴」をクリックして、登録ください。コースに、Webinar参加のためのURLを記載しております。

Webinar用ページを開く

サブスク会員さんへ

トイスク会員、トイラボ教材サブスク（クラシック）の会員さんは、以下のページで「興味あり」ボタンを押しておくと、直前にリマインド（お知らせ）通知が届きます。

• トイスクのイベント一覧ページ

多くの人が、学習を「やらなければならないもの」として捉えがちです。でも本来、新しいことを知る瞬間、理解が深まる瞬間、何かができるようになる瞬間は、とてもワクワクするものです。

そんな「学ぶ楽しさ」を取り戻し、気づけば遠くまで成長している。そんな学習体験を提供する新しいサブスクリプションを、まもなくリリースします。

なぜ今、新しいアプローチが必要なのか？

これまで私たちは、「ゼロから応用まで」を網羅する包括的で長時間のコースを提供してきました。例えば、「WordPress基礎」は、20時間以上あるコースでした。本格的に使いこなせるようになるかもしれませんが、そもそも、挫折させてしまいます。

つまり、内容は充実していましたが、運営を続ける中で、ある悪循環に気づいたのです：

長いコースの悪循環

初めての人でも「ゼロから、100まで」連れていくぞ！と気合を入れた結果、コースが長くなり、１時間受講しただけでは、10%も進んでいません。愕然としますよね。さらに、受講を続けようと思えば、まとまった時間を作らなければ！と思い、腰が重くなります。

また、しっかりとした知識を得てもらおうと思うあまり、講義の時間も長く、ますます、学習時間が長くなります。そして何よりも、学ぶ楽しさを味わってほしいのに、コース内容が長大になることで、価格を上げざるを得なくなり、学び始めるハードルをさらに上げていました。

この間違いは、薄々感じていたのですが、「顧客のことを考えれば、これが正しい」と思い込んでいました。

方向転換のきっかけ

しかし、その思いを完全に壊す出来事に出会いました。

それは私自身が、全くの初心者（数年前に少し触れただけ）のプログラミング開発のためのツールである「XCodeを学ぼうとした時」でした。

完全な初心者になり、右も左もわからなくなった時、一番欲しかったのは「とりあえず一通り体験したい」という気持ちでした。深い知識よりも、まずは「スムーズな体験」と「ちょっとだけ進歩した気持ち」だったのです。

その繰り返しこそが、本当に遠くまで連れて行ってくれる鍵だと気づきました。

時代の変化も大きな要因です

AIの普及により学習のスタイルそのものが変わりつつあります。細かいことは、検索するのではなく「AIに尋ねる」ことで、検索よりも圧倒的に早く、質が高く、ニーズにまった情報を手に入れることが可能になります。

このような状況において重要なことは、「やってみたことがあり、その経験を通じて、全体像を知っている」という状況です。このような状況を作るためには、「厳選された体験による学習」が求められています。

また、リモートワークの定着で短時間で集中して学ぶニーズが高まり、サブスクリプション文化により継続的な学習が当たり前になりつつあります。

これらの変化を受けて、私たちは根本から学習体験を再設計することにしました。

さらに嬉しいことに、「短いコースが大量にあること」でのデメリットである、

• 何から学んだら良いか？

• あの内容ってどこだっけ？

• 次は何を学んだらいいの？

という問題を「AIによって解決できる」ようになりました。

具体的には、オンラインコースの内容をAIが「意味検索」できる仕組みを構築しました。これにより、AIに尋ねると、直接視聴できるURLを含めて、コースの案内、レッスン動画の案内、前提となる知識の案内をしてもらえるようになりました。

必要な下地が揃ったので、いよいよ「サブスクリプション」を始めたい！と思います。

新サブスクリプションの特徴

1. 短時間で完了できるハンズオン型コース

「手を動かしながら学ぶ」を徹底的に追求します。

1コースあたり60分で完了できるよう設計し（手を動かす時間も含めて）、具体的なテーマに特化したコースを提供します。例えば「Claudeで編集担当者を作って日々のライティングに活用しよう」といった実践的な内容です。完了するたびに修了証書を発行するので、小さな達成感を積み重ねながら成長していけます。

2. 「広く・浅く」から「深く」へのスムーズな道筋

従来の包括的なコースを学習の段階に応じて細分化しました。前提知識コース、初級・中級・上級コース、応用事例コースというように分けることで、自分のレベルに合ったところから始められます。関連するコース同士をつなげることで、自然な学習の流れを作り、気づけば高いレベルまで到達している仕組みです。

3. ニュースレターからの自然な学習の流れ

「プッシュ型」「フロー型」の情報提供で、学習のきっかけを継続的に創出します。

toiee Lab Journalなどのニュースレターで重要なコンセプトや考え方をお届けし、「できる気がした！やってみたい！」と思ったタイミングで、関連するコースをご案内。自分から取りに行かなくても、自然に「やってみよう！」と思えるきっかけをたくさん用意します。

4. AIがあなたの学習をサポート

迷った時は、AIに相談してください。

「今の自分には何が必要？」「どのコースから始めればいい？」そんな疑問をAIに投げかけてみてください。豊富なコース内容を検索し、あなたの状況や目標に合わせて最適なコースを選定・提案します。学習の道筋に迷うことなく、効率的に成長できます。

5. コミュニティでの「ギブ&ギブ」

教えることで学びが深まるという考えのもと、コミュニティ内でお互いにサポートし合える環境を用意します。誰かに親切にしてもらった人は次の人へ親切にする。このペイフォワードの精神が学習を加速させ、一人では得られない気づきや発見をもたらします。

6. 月2回のライブウェビナー

ハンズオン形式のウェビナーで、リアルタイムの学習体験を提供します。質問に答えたり、デモンストレーションを見せたりしながら、一緒に成長していく場です。参加できなかった場合も録画へのアクセスが可能なので、自分のペースで学習を続けられます。

最初のWebinarシリーズは「モダン環境で、WebサイトをAIで作って公開する！」です。

こんなコースを準備中

見過ごされがちだけど重要なコース

• PC高速操作（タイピング・ショートカットキー）

• ITを学ぶ5ステップ（メンタルモデル構築）

• FILMシート（メタ探究型学習）

• ごめんね！メソッド（AI活用法）

• スローリーディング

Claude関連

• Claude基礎講座

• Claudeプロジェクト活用事例

• Claudeを学習に使う方法

• 具体的なテーマをたくさん

Web・プログラミング関連

• Cloudflare基本活用

• Vibe CodingでWebサイト作成

• プログラミング思考

• GitHub活用法

仕事術・学習法

• 簡単GTD

• メタ仕事術

• 聴く力（ルーピング＆メタルーピング）

私たちが大切にしていること

「学ぶこと自体を楽しむ」

これが私たちの根本にある価値観です。何か大きなものを達成しようとすると遠く感じられますが、「いやー、楽しい！まだまだやることあるじゃん！」と思えるような学習体験を提供したいのです。

効率化や成果重視が叫ばれる時代だからこそ、学習の本質的な楽しさを科学的・論理的に伝えていきたいと考えています。

最後に

挫折した経験がある方、全く初めてで右も左もわからない方、期待と不安が入り混じっている方。そんなすべての方に「学ぶ楽しさ」と「小さな前進の喜び」を感じてもらえるような設計にしていきます。

正式なリリースまで、もう少しお待ちください。詳細が決まり次第、改めてお知らせいたします。

「学ぶって、こんなに楽しかったっけ？」

そんな気持ちを一緒に取り戻しましょう！

何かご質問やご感想がありましたら、いつでもお聞かせください。皆さんからのフィードバックが、より良いサービス作りの原動力になります。

AIの力を使って、エンジニアでなくても独自のシステムやアプリが作れるようになる「非エンジニアのためのVibe Coding講座」を開催します。

この講座は「ウェビナー形式」で開催するので、参加しやすく、受講完了もしやすい講座になっています。

詳しくは、以下の通りです。

Vibe Codingとは？

Vibe Codingとは、AIを最大限に活用してコードを書く新しい方法です。「Vibe」は「感じ、雰囲気、なんとなく」という意味で、AIに全部任せてプログラムを作ることを指します。

プログラミング言語を学ぶ必要はありません。難しい文法ルール、ファイル構成、メソッド、アルゴリズムの理解も不要です。AIと対話するように指示を出すだけで、あなた自身のアイデアを形にできます。

実際の成功例

私は、LibreChatというシステムを使ってAI練習場所を用意する際、ユーザー管理機能が必要でした。

通常、このようなシステム開発は何週間もかかり、外注すれば数十万円の費用と1-2ヶ月の時間がかかるところ、Vibe Codingを使ってたった1日で開発し、費用も1,500円程度で済みました！

※ 詳しい内容は、後日、ビデオで紹介します！

その後も、遊びで、色々と作ってみて、Vibe Codingの可能性、楽しさを味わいました。

講座内容

全6回（6週間）のWebinar形式で、以下の内容を学びます：

1. オリエンテーション - Vibe Codingの手順、ツールの準備方法

2. Webサイト構築(1) - 要求仕様作り

3. Webサイト構築(2) - Vibe Codingの実践

4. Webシステム構築(1) - システム要求仕様書作り

5. Webシステム構築(2) - システム開発の実践

6. まとめ、応用へのヒント - 独自アプリ開発、Webサービス公開など

実は、Vibe Codingで重要なことは「AIを使って、要求仕様書（プロジェクト概要、機能仕様書、技術仕様書）」を作ることです。難しそうですが、AIと対話することで、誰でも作ることができます。

この準備をしっかり行うことで、驚くほど、良いものが、いきなり完成します。

このプロセスをしっかりと体験していただきます。また、同時に「AIを使って学ぶ」方法や、「重要な概念、用語」も解説します。

Vibe Coding講座の詳細

得られるスキル

• AIを使いこなす実践的なスキル

• Git、Githubの基礎知識

• ターミナル、コマンドの基本

• API等の技術基盤の理解

• 自分だけのWebサイト・アプリを作る経験

• AIを活用した自己主導型の学習スキル

開催日時

毎週水曜日12:00-13:00

• 第1回: 5月21日(水)

• 第2回: 6月4日(水)

• 第3回: 6月11日(水)

• 第4回: 6月18日(水)

• 第5回: 6月25日(水)

• 第6回: 7月2日(水)

すべてのWebinarは録画され、見逃しても内容を確認できるようになります。

こんな方にピッタリ

• プログラミング知識はないが、独自のシステムやアプリを作ってみたい方

• AIに興味があり何かやってみたいけど、迷っている方

• 持っているアイデアを形にしたい方

• 自分専用（あるいは社内専用）のシステム、アプリを作って、仕事を効率化したい方

• Github、フレームワーク、サーバー、PaaSなどの周辺知識も一緒に学びたい方

必要な環境

• macOS 10.15以上またはWindows 11以上（Windows 10も64ビット版なら動作可能）

• Claude Code（従量課金制）※クレジットカードが必要

• 対話型AI（ChatGPT、Claude、Geminiなど）

• デジタルメモアプリ

申し込み方法

下記のボタンを押してください。自動でクーポンコード「vibecoding」が適用された状態になり、10,000円引きの受講費用で参加できるようになっています。

5月21日までの期間限定、先着30名様のみの特別価格です！

Vibe Coding講座の詳細

あなたの参加をお待ちしています！

追伸:

私が作ったシステム（現在、運用中）や、システムを構築した時に使った「仕様書」や、やり取りの履歴などをお見せします。

それをみたら、きっとあなたも「やってみたい！」と思うはずです。

「こう使うのが正解！」というのはありません。状況、場面、用途、目的によって、さまざまな使い方が存在します。

一方で、「間違った使い方」は、はっきりしています。それは、

1. 過剰な期待を持って

2. 受け売りのテンプレートを穴埋めして貼り付け

3. 一回で最高の答えを得ようとする

ことです。

大切なのは、「対話」であり、その対話の中で「目的・意図」「文脈」「情報・データ」を「具体的、簡潔、明確」に伝えることです。さらに対話では、「人間の直感」を大切にし、その上で、AIに「良い点」と「改善点」などをフィードバックすることです。

• 詳しくは、「ごめんね！メソッド」をご覧ください

AIを活用できるようになるには、「繰り返し、繰り返し、繰り返し」使うことです。そして使うたびに、振り返りと、時々「まとめプロンプトづくり」をすることです。

とにかく、この短い説明が、全ての土台です。この土台をしっかり作ることができれば、応用を次々と吸収することが可能になります。

とにかく、やってみることが重要

AIを使うというのは、運動に近いです。どれだけ説明を読んでも、どれだけデモ動画を見ても、マスターできません。知識を溜め込んでも、それほど上達しません。

上達するには、「とにかく使うこと」です。

使っていると、慣れてきて、いろんなことに応用したくなります。難しく考えずぎず、とにかくやってみること！これが一番です。

できれば、「可能性を確信」するために、有料プランユーザーに提供されている「最新で、賢いAI」で学んでほしいところです。

しかし、いきなり月額3,000円を契約するのは心配ですよね。それに、いろんなAIがあるので、自分にピッタリきそうなものを選ぶのは難しいです。

そこで、「ワークショップのために、特別な場所」を用意しました。

有料AIを使って学べる「プレイグラウンド」を用意しました

もう20年以上前のことですが、私は大学院生のとき、研究室のネットワーク構築、サーバー構築、学会のWebサイト運営などを行った経験を生かして、大学のコンピューター管理のアルバイトをしていました。

アルバイトなのに、やたら知識を溜め込んでいたため、常駐で管理しているSEさんよりも知識があり、彼らに作業を楽にするスクリプト（プログラム）や、使い方を教えていたほどです。

その後、ソフトウェア会社を起業したときも、サーバー構築の経験を活かして、独自のサーバーを立ち上げ、今でいう「マーケティングオートメーション」を実現していました。

そんなこんなで、当時のサーバーに関する普遍的な知識をベースに、AIに支援してもらって、「有料AIを試せる場所」を作りました。

自分で、専用サーバー（レンタルサーバーではなく）を契約し、Dockerという仮想環境と、Nginxでリバースプロキシを設定し（意味不明ですよね）、あれこれ作業を行い、足りない機能を、Claude Codeというツールで自動プログラミングして、立ち上げました。

意味不明なことを書きましたが、「ワークショップ中に、自由に試せる場所」を用意しました。

４つの有料AIを試すことができます

ワークショップに参加された方が「自由に、しっかりと、最新の賢いAI」を試して学べる場所です。

以下の４つのAI企業と契約しています（有料）。

1. Anthropic : Claude ← 一番おすすめ！

2. OpenAI : ChatGPT

3. Google : Gemini

4. Perplexity : Solar Pro ← 検索AI

それぞれ回答の仕方に違いがあるので、比較すると面白いです。また、検索AIも試せるので、検索AIの便利さを体験することも可能です。

もちろん、ChatGPT Plusに契約することと比べれば、できることは少ないです。「Chat機能」のみ使えます（PDF、テキストファイルのアップロードは可能）。しかし、「ごめんね！メソッド」を試すには、十分機能します。

練習場所を使って、しっかり学びませんか？

パートナーの方々の協力のもと、楽しく、ためになるワークショップが完成しました。資料も、進行も完成しました。

このワークショップをオンライン、オフラインで開いていきます。お時間が合いましたら、是非、ご参加ください。

詳細が、決まり次第、ご連絡いたします。

お楽しみに。

付録: Claude Code で自動プログラミング

ところで、この練習場所（LibreChatというシステム）は、管理者機能がありませんでした。まだベータ版で、実装されていません。

管理機能がないと、簡単にユーザーを追加したり、削除することができません。例えば、「パートナーさんに管理者権限を与えて、自由に生徒用のアカウントを作成、削除をさせたい」と思っても、機能がありません。

そこで、このLibreChatのコードを調査し、「管理機能を追加する」ことにしました。もちろん、プログラムを組む必要があります。

このプログラムをなんと「全部AIに作ってもらった」のです。

具体的には、Claude Codeというツールを使って、システムの仕様書を読み込ませ、作ってもらいました。私がコーヒーを飲んでいる間に、完成していました。

その後、細かい部分の調整をお願いして、たったの1日で完成しました。かかった費用は、たったの1,200円。もし、他社のエンジニアにお願いしていたら、何十万円とかかった上に、見積もり、契約書作成、支払い、打ち合わせ、着手・・・と何日もかかっていたでしょう。

それが、ちょっとした（といっても、数百行はある）システムを、AIに作ってもらえるなんて、驚きです。しかも、セキュリティ対策や、チェックまでを依頼し、万全にしてもらえました。

いやー、驚きですよね！

ということで、私を含め、全国のパートナーと共に「本質的なAI入門」を展開していきます。お楽しみに！