ガイド

オンライン講座プラットフォームの作り方:レッスン、動画、決済、進捗

オンライン講座プラットフォームには、講座ごとのカタログと販売ページ、モジュールに整理されたレッスン、動画を安全に置く場所、講座へのアクセスを解放する決済、そして受講者が進捗を追える仕組みが必要です。AI アプリビルダーは、説明からページ、データベース、ロジックを作れます。あなたは決済プロバイダーと動画ホストを接続します。最も重要な詳細はアクセス制御です。すべてのレッスンは、リンクを隠すだけでなく、受講者が支払い済みであることをサーバー側で確認しなければなりません。

講座プラットフォームに必要なもの

まず、誰が使い、各人が何をするのかを書き出してください。

誰必要なこと
訪問者講座を閲覧し、カリキュラム、価格、プレビューのレッスンを含む販売ページを読み、購入する
受講者ログインし、「マイ講座」を見て、レッスンを順番に視聴し、完了をマークし、途中から再開する
講師(あなた)講座、モジュール、レッスンを作成し、動画をアップロードまたは連携し、価格を設定し、誰が受講したかを確認する

その裏にあるデータは次のとおりです。

データ主なフィールド
講座タイトル、説明、価格、カバー画像、公開か下書きか
モジュール講座、タイトル、順序
レッスンモジュール、タイトル、順序、動画の参照、テキストのメモ、添付ファイル、無料プレビューのフラグ
受講者アカウント、氏名、メール
受講登録受講者、講座、アクセスを得た方法(購入、クーポン、手動)、日付
進捗受講者、レッスン、完了かどうか、最後に見た位置

任意の機能は、だいたい追加されることが多い順に、ダウンロード可能な教材、小テスト、修了証、コメントやディスカッション、ドリップ公開(毎週一つのモジュールを解放する)、クーポン、バンドル、サブスクリプションです。

作る前に決めること

動画をどこに置くか

動画は最も間違えやすい部分です。動画ファイルは大きく、さまざまな通信環境に応じた画質でストリーミングする必要があり、最もコピーされやすいものでもあります。動画の生ファイルを、アプリの一般的なファイルストレージに保存して自分で配信するのは、通常は良い選択ではありません。通信環境の弱いところでは遅く、視聴のたびに帯域費用が増えていきます。

選択肢向いている用途注意点
プライバシー制御付きの専用動画ホスト(Vimeo、Mux、Bunny Stream、Cloudflare Stream など)有料講座料金体系はホストごとに異なります。保存容量、配信分数、機能を、各社のサイトで比較してください
限定公開の YouTube 動画無料講座、リードマグネット限定公開は非公開ではありません。リンクを知っている人は誰でも視聴でき、共有できます
自分のストレージ上のファイル短いクリップ、ダウンロード可能な PDF や音声帯域費用がかかり、アダプティブストリーミングはありません

どのホストを選んでも、再生をご自身のドメインに制限する機能か、短時間で失効する再生リンクを発行する機能があるかを確認してください。それで、コピーされた埋め込みコードが他人のサイトで動かなくなります。

支払い方法

  • 講座ごとの一回払い。 最も単純です。決済プロバイダー(Stripe など)のチェックアウトページで支払い、その後は生涯アクセスできます。
  • 全講座のサブスクリプション。 定期的に公開するなら、この方が良いでしょう。ただし、サブスクリプションが終わったらアクセスを取り消す必要があります。会員サイトの作り方 では、サブスクリプションによるアクセス制御を詳しく説明しています。
  • 無料講座と有料のアップグレード。 まず読者を集めるのに適しています。

税金も考えてください。多くの国では、消費者に販売するデジタル商品に税金がかかり、買い手の所在地によって決まることもあります。決済プロバイダーは税額の計算ツールを提供しており、一部のサービスは「販売者(Merchant of Record)」として税金を代わりに処理してくれます。海外に販売を始める前に、義務を会計士に確認してください。

アクセスをどう解放するか

支払いが成功すると、決済プロバイダーはサーバーに Webhook(Webhook とは)を送り、誰が何に支払ったかを知らせます。サーバーはそれを受けて受講登録のレコードを作ります。「サンキュー」ページに受講者が到達しただけでアクセスを解放してはいけません。そのページは、支払わずにも訪問できるからです。

段階を追って作る

ステップ 1:一つの講座と、支払いなしで始める

実在する一つの講座と、数本のレッスンで、まず受講者の体験を作ってください。レッスンを見て完了するのが心地よくなければ、支払いを追加しても解決しません。

Sketch Daily というオンライン講座サイトを作ってください。これは初心者向けのドローイング講座です。講座を一覧するホームページと、説明、モジュールごとのカリキュラム、価格、プレビューの無料レッスン一本を載せた講座ページを用意してください。ログインした受講者には「マイ講座」を表示し、埋め込み動画、その下のメモ、「完了にする」ボタン、前後のレッスンへのボタン、講座ごとの進捗バーを備えたレッスンページを作ってください。講座、モジュール、レッスン、受講登録、進捗をデータベースに保存してください。また、私が講座を作成し、レッスンの順序を並べ替え、各レッスンの動画の埋め込みリンクを貼れる管理エリアを追加してください。デザインは落ち着いたものにし、スマートフォンでも使いやすくしてください。

ステップ 2:アカウントを追加する

受講者の進捗と購入を追えるように、受講者はログインする必要があります。通常は、メールとパスワードから始めます。パスワードを忘れがちな人には、メールで送られる「マジックリンク」によるサインインの方が親切です。アプリにログインを追加する方法 を参照してください。

ステップ 3:レッスンをサーバー側でロックする

すべてのレッスンページと、すべてのレッスンデータのリクエストで、ログイン中の受講者がその講座に登録されていること(または、そのレッスンが無料プレビューに指定されていること)を、サーバー側で確認するように依頼してください。その後でテストします。登録していない受講者としてログインし、レッスンの URL をブラウザに直接貼り付けてみてください。レッスンではなく「この講座を購入してください」というメッセージが表示されるはずです。

ステップ 4:決済を接続する

決済プロバイダーのアカウントを作り、まずテストモードを使い、シークレットキーを環境変数として保存します。各講座ページには、チェックアウトのボタンを、そして決済が成功したら受講登録を作る Webhook のエンドポイントを用意するように依頼してください。決済プロバイダーのテストカードで、失敗した決済を含めてテストします。アプリに決済を追加する方法 で手順を解説しています。

ステップ 5:メールを追加する

最低限、講座へのリンク付きの領収メールと、パスワードのリセットが必要です。後から、しばらくログインしていない受講者へのお知らせを追加します。メールには、送信のプロバイダーと認証済みのドメインが必要です。

ステップ 6:三種類の人になりきってテストする

公開の前に、訪問者として(何を購入しようとしているか理解できるか)、新しい受講者として(支払い、ログイン、最初のレッスンの開始が二分以内にできるか)、そして講師である自分として(助けを求めずにレッスンを追加できるか)、プラットフォームを使ってみてください。

よくある間違い

  • インターフェースでだけレッスンを隠す。 サーバー上で受講登録の確認がないままレッスンのデータを取得できるなら、誰でも取得できてしまいます。
  • 大きな動画ファイルを自分で配信する。 受講者には遅く、あなたには高くつきます。
  • 誰も購入していないうちに、小テスト、修了証、コミュニティを作り込む。 まず一つの講座を売ってください。
  • プレビューのレッスンがない。 人は支払う前に、あなたの声と教え方を聞きたがります。
  • 返金と解約されたサブスクリプションを考えていない。 どちらの場合にアクセスをどうするか決めて、それを作ってください。
  • 受講者のアクセスを手動で修正する手段がない。 サポートの依頼に応えるため、アクセスを付与・取り消しできる管理操作が必要になります。

かかる費用

継続的な費用は、アプリのホスティングとデータベース、動画ホストの費用(ストレージや視聴量などホストが決める料金)、販売ごとの決済手数料、メールプロバイダー、そしてドメインです。ホスト型の講座プラットフォームは、これらのほとんどを月額プランにまとめており、下位のプランでは取引手数料がかかることもあります。ベンダーの価格は変わるため、ここでは具体的な額を示しません。各ベンダーの料金ページで確認してください。自分の保守の時間も含めて、総額を比べてから決めてください。

既製の製品が適している場合

Teachable、Thinkific、Kajabi、Podia などのホスト型講座プラットフォームは、動画、チェックアウト、受講者アカウント、メールを一か所で扱えるように作られています。中には、売上税の処理を手伝うものもあります。現在の機能は各社でご確認ください。次のような場合には、それらの方が良い選択であることが多いです。

  • 標準的な動画講座を販売し、今週中に公開したい
  • ソフトウェアの保守をまったくしたくない
  • メールの自動配信や販売ファネルといった、組み込みのマーケティング機能がほしい

自作が向いているのは、学習体験そのものが製品である場合(インタラクティブな演習、独自の練習ツール、コホート機能)、ブランディングとデータを完全に管理したい場合、あるいは取引量でプラットフォームの手数料が自作の運用費を上回る場合です。中間の道は、ホスト型のプラットフォームで検証し、足りないものがはっきりしてから作ることです。

Mythex で作る

Mythex は AI アプリビルダーです。講座サイトを説明すると、ライブプレビューでページ、管理エリア、データベースを作り、公開 URL に公開します。講座や進捗を保存する必要がある場合は、プロジェクトにデータベースが追加されます。PDF や画像などのアップロード用には、ファイルストレージが使えます。Mythex には、動画ホスティング、受講者のログイン、講座の決済は組み込みの製品としてはありません。動画ホストはあなたが選び、アプリのログインは認証ライブラリまたはプロバイダーで追加し、ご自身の Stripe アカウントを接続して、キーはプロジェクトのシークレットとして保存します。ドキュメントでは、Stripe 決済、アプリの利用者向けログインの追加、Webhook の扱いを解説しています。

すぐに始めたい場合は、販売ページには 講座のランディングページのテンプレート、カタログには 講座ストアフロントのテンプレート を試してください。講座が、より大きなプロダクトのアイデアの一部であるなら、SaaS の MVP の作り方 が、最初のバージョンから何を省くかを解説しています。

よくある質問

講座の動画はどこでホスティングすべきですか?

動画ファイルをアプリに保存するのではなく、それ向けに作られた動画ホスティングサービスを使ってください。専用のホストは、ストリーミング品質、さまざまな端末への対応、ドメインの制限を扱ってくれます。多くは、動画が自分のサイトでしか再生されないように、プライバシー設定を提供しています。

有料講座に限定公開の YouTube 動画を使えますか?

使えますが、限定公開は非公開ではありません。リンクを知っている人なら誰でも視聴でき、共有もできてしまいます。有料のコンテンツには、ドメイン単位のプライバシー制御や、署名付きの再生リンクを持つホストの方が、あなたの作品をよりよく守れます。

受講者は支払った後、どうやってアクセスできるようになりますか?

決済プロバイダーが、通常は Webhook を通じて、支払いが成功したことをサーバーに伝えます。サーバーは、受講者がその講座を所有していることを記録します。その後、各レッスンのページは、コンテンツを表示する前に、その記録をサーバー側で確認します。

自分で講座プラットフォームを作るべきか、Teachable や Kajabi を使うべきか?

標準的な動画講座を、最小限の設定と保守で販売したいなら、ホスト型の講座プラットフォームを使ってください。特定の学習体験が必要な場合、全体にわたって独自のブランディングが必要な場合、あるいはそのプラットフォームにない機能が必要な場合は、自作が向いています。

Mythex · Pricing · AIでなんでも作ろう · ウェブサイト・アプリのテンプレート · Mythexを比較 · AIアプリ開発用語集 · AIアプリ開発の無料ツール · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)