Claude Code Webアプリ制作講座

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が開いてしまう問題を辞書登録とスキル化で防ぐやり方まで紹介します。　最後に内蔵ブラウザの要素選択で、直したい箇所を指しながら修正を頼む使い方まで扱います。

Claudeアプリの新しいセッション管理（メインセッション・別セッション・ルーチンへの移動）

Claude Desktopアプリのアップデートで変わったセッション管理を、実際の画面を見せながら解説します。　「このチャットは別セッションでやってください」と頼むだけで別セッションが立ち上がり、ボタンひとつでそのセッションへ飛べること、終わったらメインのセッションに結果が返ってくることを扱います。　メインのセッションを作ってそこから全部頼む使い方、ルーチンにも普通のセッションから飛んで指示を出せることも紹介します。　最後に、アップデート後に新規でセッションを立ち上げ直す必要がある点を押さえます。

活用事例① 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）の使い分けまで扱います。

ゼロからのClaude Code入門セミナー 第2回

2026年9月10日にオンラインで開催した「ゼロからのClaude Code入門セミナー 第2回」のアーカイブです。　冒頭は「この1,000名規模のセミナー、どこまでAIにやってもらったと思いますか」というクイズから入り、申し込みページ・当日のリマインドメール・アーカイブの編集まで、ぼくが実際にClaude Codeへ任せている仕事を並べていきます。　中盤は9割がつまずく初期設定（アプリのインストールとログイン・Git・作業フォルダ・「おはよう」の返事）と、CLAUDE.mdとDESIGN.mdの置き方。　後半は実演4本（ショート動画の編集・パワーポイントの資料づくり・スクショに矢印と番号・その場でWebサイトを作って公開）と、20分の質疑応答です。