Video wird geladen...
Video konnte nicht geladen werden
Claude Codeで動画付きのe-ラーニングシステムを丸ごと作れました。 サービスの外枠だけじゃなくて、中身のコンテンツ、スライドのデザイン、AI音声ナレーション、動画レンダリングまで全部自動。さらにレッスンを見ながらAIに質問できるチャットボットまで搭載。 もちろん精度はこれから上げていく必要がありますが、ポン出しにしてはかなり精度が高いです。 そして、動画を56本作っても2000円くらいという圧倒的なコスパ。 ここまで中身のコンテンツごと一気通貫で作れるのはClaude Codeならではと思います。 スレッドで作り方を解説↓
114,912 Aufrufe • vor 6 Monaten •via X (Twitter)
10 Kommentare

(2/n)実際にやったことはこちら: ■ サービス構築 ・Next.js 16 + React 19 のWebアプリ ・10コース115レッスンのカリキュラム設計 ・認証(NextAuth)+ 決済(Stripe) ・AIチャットボット(ストリーミング対応) ・Vercelにデプロイして即公開 ■ 動画コンテンツ制作 ・Remotion(React)でスライド動画を自動生成 ・16種類のSVGアイコンもAIが作成 ・DigiRise風のコンサル品質デザイン ■ AI音声ナレーション ・34パターンの音声を比較テスト → VOICEVOX 8種、Kokoro 5種、OpenAI 5種、Gemini 16種 ・最終的にGemini 2.5 Pro TTSを採用(品質×コスパ最強) ■ 商用利用の規約調査 ・各TTSツールの利用規約を徹底調査 ・VOICEVOX「情報商材禁止」規定の発見 ・Gemini/OpenAI → 商用OK確認済み 人間がやったこと → 指示とフィードバック AIがやったこと → それ以外の全部

(3/n) 気になるコストですが、めちゃくちゃ安いです。 ■ 必要な有料サービス ・Claude Max($200/月)— Claude Code本体 ・Gemini API — 音声合成(従量課金) ・OpenAI API — チャットボット(従量課金) ・Vercel — ホスティング(無料枠でもOK) ■ 実際にかかったコスト ・動画1本の音声生成: 約30円(Gemini 2.5 Pro TTS) ・56本全部作っても: 約1,700円 ・動画レンダリング: 0円(ローカルPC) ・ホスティング: 0円(Vercel Hobby) ・AIチャットボット: 1質問あたり約0.3円(gpt-4o-mini) 56本の動画教材 + チャットボット付きe-ラーニングシステム → 合計 約2,000円 + Claude Code利用料 Claude Codeは月額$200で「中身」まで全部作れる。

スレッド4/4(まとめ) 本当にClaude Codeで何でもできる時代になっています。 一撃でスライド構成→AI音声→動画レンダリング→Webサイト配置まで完結するのは結構強い。 「教材を作る」「動画を作る」「サービスを作る」 これら全部が1つのターミナルから完結する。 Claude Codeが変えたのは「開発」だけじゃなくて「コンテンツ制作」の全プロセス。 ニーズがあればこのスクールも公開しようかなと思います。

実務でClaude Codeを毎日回してる身として、これめちゃくちゃ刺さりました。コンテンツ設計→スライド→音声ナレーション→動画レンダリングをAIが連結できると、コース1本を人間が丸抱えしなくて済む。56本2000円というコスパも現実的ですね。自分の経験だとレッスン設計と精度調整が一番手がかかりますが、チャットボットのストリーミング対応はどのフェーズが一番詰まりましたか?

動画からシステムまで一気通貫で作れてこのコスト、本当に衝撃的ですよね…。 個人のマネタイズの常識が完全に変わる転換点だと思います。 海外の個人勢を見ていると、まさにこの手法を使って「ニッチな業界向けのeラーニングサイト」を爆速で立ち上げ、サブスク型のプラットフォームオーナーとして稼いでる人が急増しているようですね。

これはスゴイ 研修用のサイト作ってみます

これで勉強してみたい!!

完成したら言います!!!!

ありがとうございます!!!!

e-ラーニングをClaude Codeで「中身ごと」作れるのは大きい。同じアプローチでカスタマーサポートの研修システムも構築できて、問い合わせパターン・模範回答・評価テストを一体化したCS研修ツールをエンジニアなしで数日で出せるようになってきた。研修とナレッジベースが同一システムに統合される。
