Claude Code Webアプリ制作講座
全4回ウェビナー+教科書・アーカイブ見放題(受講生専用)
全4回・各60分のウェビナーで、Claude CodeによるWebアプリ制作を進めます。全回アーカイブが残ります。質問のサポートはDiscordで受け付けます。
全4レッスン・0本視聴済み
価格 59,800円
第1回:Claude Codeの始め方とやっておくべき初期設定まとめ
9月5日(土)12:00〜13:00に開催します。アーカイブは開催後に追加します。
第2回:Git・GitHub・Cloudflareを使ったClaude CodeでWebアプリ制作の基本
9月9日(水)20:30〜21:30に開催します。アーカイブは開催後に追加します。
第3回:APIを使ったSNS投稿と改善を自動化するWebアプリ制作
9月15日(火)20:30〜21:30に開催します。アーカイブは開催後に追加します。
第4回:Webアプリ制作事例発表会
9月25日(金)20:30〜21:30に開催します。アーカイブは開催後に追加します。
Claudeアプリ インストール手順(8分ですぐ使える)
Claudeアプリ(デスクトップ版)のインストール手順を解説します。 手順は最初から順を追って進めていきます。 短時間で導入を終え、すぐ使い始められる状態を目指します。
プライバシー設定・メモリー設定
Claudeアプリのプライバシー設定とメモリー設定を扱います。 それぞれの確認方法と変更方法を順に整理します。 安心して使うための初期設定がひと通り学べます。
アプリのUI変更点(4/15アップデート)
アップデートで変わったClaudeアプリの変更点を解説します。 画面まわりと操作のどこが変わったのかを整理します。 最新のUIに合わせて迷わず使えるようになります。
3つの機能解説「チャット・Cowork・Code」
Claudeアプリのチャット・Cowork・Codeを解説します。 それぞれがどんな役割を持つ機能なのかを整理します。 3つをどう使い分けるかの考え方が学べます。
絶対やっておきたいフォルダ初期設計
Claudeアプリを使い始める前のフォルダ初期設計を解説します。 最初に整えておきたい構成の考え方を扱います。 後から困らないフォルダの作り方が学べます。
Coworkでできる5つのこと(前半)
Coworkでできる5つのことのうち前半を解説します。 基本的な活用シーンと使い方を順に整理します。 Coworkで何ができるのかがつかめる内容です。
Coworkでできる5つのこと(後半)
Coworkでできる5つのことの後半を解説します。 前半に続いて、残りの使い方を整理します。 活用の幅をさらに広げる使い方が学べます。
ディスク容量チェックのスケジュール設定
ディスク容量チェックを自動で行う設定方法を解説します。 スケジュールで定期的に実行する設定を扱います。 空き容量を自動で確認する仕組みの作り方が学べます。
スマホからCoworkを使う「ディスパッチ設定」
スマホからCoworkを使うディスパッチ設定を扱います。 設定のやり方を最初から順に整理していきます。 外出先でも作業を進められる環境が整います。
スキル・プラグイン・コネクター設定
Claudeアプリのスキル・プラグイン・コネクターを扱います。 それぞれの設定方法をひとつずつ解説します。 機能を拡張して使いやすくする手順が学べます。
Codeの使い方(新UI対応版)
新しいUIに対応したCodeの使い方を解説します。 最新の画面に沿って基本的な操作を確認します。 実際にどう進めていくかの流れまで整理します。
Claude Codeの小技(新規セッション・チャプター・内蔵ターミナル/ブラウザ)
Claude Codeのデスクトップアプリで実際に使っている小技を、画面を見せながら紹介します。 セッションが増えて迷子になったときに入力待ちのセッションを見つける方法、会話の途中を右クリックのチャプターでピン留めする方法、過去の発言を選んで「ここについて」と指示を出す方法を扱います。 さらに内蔵ターミナルと内蔵ブラウザの使いどころ、「ブラウザで」と言うとChromeが開いてしまう問題を辞書登録とスキル化で防ぐやり方まで紹介します。 最後に内蔵ブラウザの要素選択で、直したい箇所を指しながら修正を頼む使い方まで扱います。
活用事例① Fableに新築マイホームのプランを作ってもらう
築70年の実家を新築するプランをFableに作ってもらった実例です。 図面を渡すところから流れを追いかけます。 3Dプレビュー・間取り・内観イメージまで出してもらいます。
活用事例② falのAPI経由で画像を作るワークフロー
サムネやリールカバーの画像生成を扱う回です。 falのAPI経由でClaude Codeから直接動かします。 ぼくが実際に使っている時短の流れを紹介します。
活用事例③ Claude Codeでスキルを作るべきタイミングの実例解説「SNSポストの最適化」
スキル機能でX投稿づくりを自動化する実例を紹介します。 Grokで調べた内容をClaudeで投稿にまとめる流れを追います。 うまくいった型をスキルに保存し次回から短時間で作れます。
活用事例④ Claude Codeのブラウザ活用法(Brain・ブログの更新を任せる)
Claude Codeの内蔵ブラウザ機能の大型アップデートを解説します。 Brainやブログの更新をClaude Codeに任せる実例と、ログイン・セッション保持の設定を紹介します。 スキル化して一言で呼び出す運用と、Chromeが開いてしまう場合の注意点まで扱います。
活用事例⑤ ゼロからわかるCloudflare講座(サイトをネットに公開する仕組み)
フリ校の学習サイトを支えるCloudflareをゼロから解説した特別講座です。 DNS設定と独自ドメイン管理、Pages・Workers・D1・R2の役割を整理します。 自前Stripe決済やR2でのVimeo代替、Resend送信、Cron自動実行まで公開します。
活用事例⑥ Claude Codeで作る公式サイト講座(実演アーカイブ)
Claude Codeで公式サイトを世界に出すまでを見せる実演ライブです。 コードを書かずに20分で本物のサイトを完成させる7ステップを実演します。 なぜ今公式サイトが必要なのかという設計の話から、無料ガイド配布まで扱います。
活用事例⑦ Claude Code×フルテロップ自動化ツール講座(実演アーカイブ)
話したら字幕が入るテロップ自動化ツールをClaude Codeで作る実演ライブです。 500席満席の60分。VrewやCapCutでの直し作業から解放される流れを実演します。 スキル機能で精度を育てる仕組みまで扱い、設計図も無料で配布しています。
特典① ClaudeアプリとObsidianを組み合わせるべき理由
特典として、ClaudeアプリとObsidianの組み合わせを扱います。 なぜこの2つを組み合わせて使うのかを解説します。 連携によるメリットと活用イメージが学べます。
特典② Obsidianダウンロード・初期設定
特典として、Obsidianの導入手順を解説します。 ダウンロードから初期設定までを順に進めます。 Claudeアプリと連携させる準備が整います。
SNS活用:Obsidianでインスタ投稿づくり
Obsidianをインスタの投稿づくりに活かす方法を解説します。 発信に向けた具体的な使い方を整理します。 SNS発信への活用の進め方が一通り学べます。
Claude Codeで作る公式サイト講座
Claude Codeで公式サイトを世界に出すまでを見せる実演ライブです。 コードを書かずに20分で本物のサイトを完成させる7ステップを実演します。 なぜ今公式サイトが必要なのかという設計の話から、無料ガイド配布まで扱います。
Claudeアプリ インストール手順(8分ですぐ使える)
Claudeのデスクトップアプリをダウンロードする手順から解説します。 ダウンロードしたアプリを起動できる状態にするところまで進めます。 この講座を視聴するための前提となる準備がここで整います。
プライバシー設定・メモリー設定
Claudeをはじめて使うときに最初に整えておきたい設定を扱います。 プライバシー設定とメモリー設定を順に確認していきます。 本格的に使い始める前の初期設定として押さえておきたい回です。
ゼロからわかるCloudflare|DNS・独自ドメイン・Stripe決済・R2まで
フリ校の学習サイトを支えるCloudflareをゼロから解説した特別講座です。 DNS設定と独自ドメイン管理、Pages・Workers・D1・R2の役割を整理します。 自前Stripe決済やR2でのVimeo代替、Resend送信、Cron自動実行まで公開します。
Claudeアプリ インストール手順(8分ですぐ使える)
Claudeのデスクトップアプリをダウンロードする手順から解説します。 ダウンロードしたアプリを起動できる状態にするところまで進めます。 この講座を視聴するための前提となる準備がここで整います。
プライバシー設定・メモリー設定
Claudeをはじめて使うときに最初に整えておきたい設定を扱います。 プライバシー設定とメモリー設定を順に確認していきます。 本格的に使い始める前の初期設定として押さえておきたい回です。
ゼロからのClaude Code入門セミナー
2026年8月29日にオンラインで開催した「ゼロからのClaude Code入門セミナー」のアーカイブです。 冒頭は「話すだけで作れるWebアプリ」でリアルタイムアンケートを体験しながら、9割がつまずく初期設定の3か所(Claudeのチャットとの違い・Gitのインストール・環境設定)をつぶしていきます。 後半はフォルダ設計とCLAUDE.md、実演3本(スライド資料・インスタのカルーセル投稿・動画編集)、うまくいった手順をスキルにして資産にする話、ClaudeとChatGPT(Codex)の使い分けまで扱います。