ステップバイステップガイド:Adaloを使用してUdemyクローンを構築する

ステップバイステップガイド:Adaloを使用してUdemyクローンを構築する

Udemyクローンを構築するのにAdaloPerfectが最適な理由

Adaloはデータベース駆動型ウェブアプリとネイティブiOSおよびAndroidアプリ向けのノーコードアプリビルダーです。3つのプラットフォームすべてで1つのバージョンを使用し、Apple App StoreおよびGoogle Playに公開できます。これにより、インストラクターがコンテンツを管理し、学生がすべてのデバイスでレッスンにシームレスにアクセスできる必要があるUdemyのような包括的なオンラインコースプラットフォームの作成に最適なソリューションになります。

教育マーケットプレイスを構築する場合、学習者がいる場所に到達するにはアプリストアの存在が不可欠です。ネイティブiOSおよびAndroidアプリを使用すると、新しいコースリリース、課題リマインダー、および成果記念のプッシュ通知を送信できます。これらの機能は学生のエンゲージメントとコース修了率を大幅に向上させます。Adaloを使用すると、この学習エコシステム全体をビジュアルに構築でき、コーディングなしで、視聴者が学習しているすべての場所に展開できます。

オンラインコースプラットフォームの構築に最適なAdaloである理由

AdaloはAI搭載のアプリビルダーで、データベース駆動型ウェブアプリとネイティブiOSおよびAndroidアプリ用です。3つのプラットフォームすべてで1つのバージョンを使用し、Apple App StoreおよびGoogle Playに公開できます。これにより、学生が自宅のコンピューターから学習するか、スマートフォンで動画を視聴している場合でも、あらゆるデバイスからレッスンにアクセスできるUdemyスタイルのコースマーケットプレイスの作成に最適なソリューションになります。

コースプラットフォームをアプリストア内のネイティブアプリとして利用可能にすると、大きな競争上の利点が得られます。学生は新しいコースコンテンツ、課題の期限、完了マイルストーンのプッシュ通知を受け取ります。これにより、学生のエンゲージメントが維持され、コース修了率が向上します。Adaloを使用すると、この教育エコシステム全体を1回構築し、学習者がいるすべての場所に展開できます。

オンラインコースプラットフォームの構築はこれまで以上にアクセスしやすくなりました。 Adaloのビジュアルビルダーを使用すると、1行のコードも記述せずに、Udemyと同様の完全に機能する教育マーケットプレイスを作成できます。この包括的なガイドでは、インストラクターダッシュボード、学生登録、ビデオレッスン、進捗追跡、決済処理、および証明書を備えたコースプラットフォームの構築について説明します。すべてビジュアル開発ツールを使用します。Adaloを使用すると、単一のコードベースから同じアプリをウェブ、ネイティブiOS、およびネイティブAndroidに公開できます。

Courseraだけでも2021年までに9,200万人以上の登録学習者を報告しています。教育者、トレーニングプロバイダー、または起業家であるかどうかに関わらず、このガイドではあなた独自のコースマーケットプレイスを2〜5週間で立ち上げる方法を説明します。

ノーコードアプリビルダーとは何か、およびオンラインコースプラットフォームに使用する理由

ノーコード開発を理解する

ノーコードアプリビルダーは、従来のプログラミングではなくドラッグアンドドロップインターフェイスを通じて機能的なアプリケーションを作成できるようにするビジュアルプラットフォームです。これらのツールは事前構築されたコンポーネント、データベース管理、および展開機能を提供します。コーディングの専門知識の必要性を排除しながら、プロの機能を維持します。

ノーコードプラットフォームは次のことを可能にすることで機能します:

  • リレーショナルデータベースをビジュアルに設計する
  • ユーザーフローとナビゲーションを作成する
  • ビデオレッスンとクイズのようなインタラクティブ機能を展開する
  • 複数のプラットフォーム(ウェブ、iOS、Android)に公開する

これらはすべて、ソフトウェアを記述するよりもプレゼンテーションを設計するような感じのグラフィカルユーザーインターフェイスを通じて行われます。Adaloのビジュアルビルダーは「PowerPointと同じくらい簡単」と説明されており、技術的背景のない教育者や起業家がアクセスできます。

ノーコードプラットフォームが従来の開発とどのように異なるか

従来のアプリ開発には以下が必要です:

  • 開発者の雇用またはプログラミング言語の学習(JavaScript、Swift、Kotlin)
  • フロントエンドとバックエンドシステムの分離管理
  • サーバーと展開インフラストラクチャの構成
  • 広範なテストとデバッグサイクル
  • ノーコードソリューションよりも大幅に高い開発コスト

を使用したノーコード開発 Adalo は以下を提供します:

  • すべてのコンポーネント用のビジュアルドラッグアンドドロップインターフェイス
  • との統合データベース管理 有料プランで無制限のレコード
  • ウェブおよびアプリストアへのワンクリック公開
  • 組み込みのユーザー認証とセキュリティ
  • ノーコードプラットフォームの典型的な開発時間は2〜5週間対カスタムコードの数か月

コースプラットフォームの構築に最適なAdaloである理由

Adaloはオンラインコースプラットフォームで優れています。以下を提供しているためです:

  • 組み込みリレーショナルデータベース 有料プランにはレコード制限なし。コースライブラリと学生登録の成長に不可欠です
  • 無制限のスクリーンとアクション 複雑な学習ワークフローを作成する
  • ビデオとメディアサポート コンテンツ配信用
  • 支払い統合 コースのマネタイズのためのStripeを使用
  • レスポンシブデザイン デバイス全体でシームレスに機能します
  • コンポーネントマーケットプレイス 教育固有のアドオン付き
  • モジュラーインフラストラクチャ パフォーマンスの低下なしに月間100万以上のアクティブユーザーにスケーリングする

2025年後半のAdalo 3.0インフラストラクチャ大幅刷新に続き、このプラットフォームは現在 3~4倍高速 以前のバージョンよりも、アプリのニーズに合わせて動的にスケーリングするインフラストラクチャがあります。つまり、コースプラットフォームは最初の10人の学生から数万人に増やすことができ、人工的な制限に直面したり、速度低下を経験したりすることはありません。

Udemyクローンの計画:すべてのオンライン学習プラットフォームに必要な機能

構築する前に、プラットフォームのコア機能をマップアウトします。成功するコースマーケットプレイスには、3つのユーザータイプの機能が必要です:学生、インストラクター、管理者。

コア機能:コース閲覧と登録

学生向け:

  • 検索とフィルター付きコースカタログを閲覧する
  • コースの詳細を表示する(説明、カリキュラム、インストラクターの経歴、レビュー)
  • サンプルレッスンをプレビューする
  • コースに登録する(無料または有料)
  • 購入したコースにアクセスする
  • 学習の進捗を追跡する
  • 完了時に証明書をダウンロードする

インストラクター向け:

  • コースを作成して公開する
  • ビデオレッスンと補足教材をアップロードする
  • コンテンツをセクションと講義に整理する
  • コースの価格設定と登録オプションを設定する
  • 学生の登録と進捗を確認する
  • 学生の質問に応答する
  • 収益を追跡する

プラットフォーム所有者向け:

  • ユーザー管理(学生とインストラクター)
  • コンテンツのモデレーションと承認
  • 支払い処理と収益配分
  • 分析とレポート
  • プラットフォーム設定とカスタマイズ

高度な機能:証明書と進捗追跡

強化された学習プラットフォームには以下が含まれます:

  • 進捗追跡: レッスン完了ステータス、コース全体のパーセンテージ、最後にアクセスしたコンテンツ
  • 証明書の生成: 学生名、コースタイトル、完了日を含む自動証明書
  • クイズと評価ツール: 知識チェック、最終試験、合格基準
  • ディスカッションフォーラム: コース固有のQ&A、ピア相互作用
  • ウィッシュリストとお気に入り: 後で見るためにコースを保存する
  • 学習パス: 特定のスキルのための厳選されたコースシーケンス

Courseraとgallupの研究によると、オンラインコースを完了した後、学習者の81%がスキルの向上を報告しており、学習者の成果のための効果的な進捗追跡が不可欠です。

収益化:支払いシステムの統合

プラットフォームには柔軟な支払いオプションが必要です:

  • ワンタイムコース購入: コースあたりの固定価格
  • サブスクリプションアクセス: 月額/年額の全アクセスパス
  • フリーミアムモデル: プレミアムアップグレード付きの無料コース
  • 収益配分: プラットフォームとインストラクター間の支払い分割
  • プロモーションコード: 割引とマーケティング機能

支払いフローがすべてのデバイスで円滑に機能することは、コンバージョンにとって重要です。Adaloを使用すれば すべてのプランで無制限の使用—アプリアクションまたは使用量ベースの料金がないため、学生ベースが増えても予期しない請求に直面することはありません。

Adaloアカウントのセットアップと適切なプランの選択

ステップ1:Adaloアカウントを作成する

  1. 訪問 Adalo.com
  2. 「無料で開始」をクリック
  3. メールまたはGoogleアカウントでサインアップ
  4. メールアドレスを認証
  5. ウェルカムサーベイを完了する(オプション)

ステップ2:コースプラットフォームアプリを開始する

  1. ダッシュボードから「新しいアプリを作成」をクリックします
  2. クロスプラットフォーム互換性のために「モバイルアプリ」を選択してください
  3. アプリに名前を付けます(例:「LearnHub」または「EduMarket」)
  4. ゼロから始めるか、探索してください Adaloのマーケットプレイス さらに クローン可能なキット 潜在的なスターティングテンプレートについて
  5. 「続行」をクリックしてアプリビルダーに進む

無料プラン:Udemyクローンのコンセプトをテストする

アプリのコア構造(スクリーン、コンポーネント、データベースコレクション、基本的なアクション)を生成します。そこから、ドラッグアンドドロップツールを使用してデザインと機能を微調整します。 Adaloの無料プラン プロトタイプに最適です:

含まれるもの:

  • 無制限のテストアプリ
  • アプリあたり500レコード
  • エディターシート1席
  • 無制限のスクリーンとアクション
  • Adaloサブドメイン上のウェブ公開
  • アクセス権 コンポーネントマーケットプレイス
  • コミュニティフォーラムサポート

制限事項:

  • カスタムドメインなし
  • アプリストアに公開できません
  • 限定的なデータベースレコード
  • アプリ上のAdaloブランディング

このティアでは、有料プランに投資する前に、コースプラットフォーム全体の構造を構築およびテストできます。

アップグレード時期:スタータープランと プロフェッショナルプランの比較

:現在の価格、ストレージ制限、および機能を確認してください Adalo の価格ページ これらの詳細は定期的に変更されるため。

スタータープラン(年間$36/月、月額$36):

  • 1つの公開アプリ
  • ウェブアプリのカスタムドメイン
  • Adalo ブランディングの削除
  • コースコンテンツ用ストレージ
  • App StoreおよびGoogle Playに公開
  • 無制限のデータベースレコード
  • 無制限の使用—アプリアクション料金なし

プロフェッショナルプラン(年間$52/月、月額$36):

  • 2 つの公開アプリ
  • 5名のコラボレーターシート
  • アプリごとのストレージ容量増加
  • APIを介したカスタム統合
  • ジオロケーション機能
  • 優先サポート
  • 無制限のデータベースレコード

チームプラン(年間$160/月、月額$250):

  • 5 つの公開アプリ
  • 10個のエディターシート
  • Xano 統合 高度なバックエンド向け
  • 優先サポート
  • データキャップなし

ビデオコンテンツを含むコースプラットフォームの場合、 スタータープラン メディアストレージのニーズに対応するためにスタータープランから開始し、インストラクターとコラボレーターを追加するにつれてプロフェッショナルにアップグレードしてください。月額$69から始まる予測不可能な料金が発生するワークロードユニットを使用するBubbleや、月額$60から始まるがデータ行数に制限され、アプリストア公開がないGlideなどの競合他社とは異なり、Adaloの価格設定は明確で使用量の驚きがありません。

コース、学生、インストラクター向けのデータベース構造の設計

データベースはアプリの基盤です。Adaloのリレーショナルデータベースは、SQLの知識がなくても複雑なデータモデリングをアクセスしやすくします。 有料プランでのレコード制限なしコースライブラリと学生ベースをスケーリングでき、人工的な制限に達することなく。

ステップ3:ユーザーコレクションを拡張する

Adaloは自動的にUsersコレクションを作成します。プラットフォーム向けにカスタマイズしてください:

  1. 「追加またはインポート」をクリックします データベース 左サイドバーのアイコン
  2. 送信ボタン ユーザー コレクション
  3. これらのプロパティを追加します(「+ プロパティを追加」をクリック):

基本プロフィール:

  • 姓名 (テキスト)- 既に存在します
  • メール (メール)- 既に存在します
  • パスワード (パスワード)- 既に存在します
  • プロフィール写真 (画像)
  • プロフィール (テキスト - 複数行)
  • ユーザータイプ (テキスト)- オプション:「学生」、「インストラクター」、「管理者」

インストラクター固有:

  • インストラクタータイトル (テキスト)- 例:「マーケティングエキスパート」
  • 専門分野 (テキスト)
  • 総学生数 (数値)
  • 平均評価 (数値)
  • 総収益 (数値)
  • 支払いメール (メール)

学生固有:

  • 登録済みコース数 (数値)
  • 完了したコース (数値)
  • 学習時間 (数値)

Usersテーブルの作成:学生とインストラクター

Usersコレクションは学生とインストラクターの両方に対応します。 ユーザータイプ プロパティを使用して:

  • ユーザータイプに基づいて異なるダッシュボードを表示
  • 表示されるコンテンツをフィルタリング
  • 権限とアクセスを制御
  • ロール固有のメトリクスを追跡

この単一テーブルアプローチは、柔軟性を維持しながら認証を簡素化します。

ステップ4:コースコレクションを作成する

  1. 「+ コレクションを追加」
  2. 「コース」という名前を付けてください
  3. これらのプロパティを追加:

コース情報:

  • タイトル (テキスト)
  • サブタイトル (テキスト)
  • 説明 (テキスト - 複数行)
  • コース画像 (画像)
  • プロモビデオ (ビデオまたはテキストURL)
  • 探索 (テキスト) - オプション: 「ビジネス」、「テクノロジー」、「デザイン」、「マーケティング」など
  • 難度レベル (テキスト) - オプション: 「初級者」、「中級者」、「上級者」、「すべてのレベル」
  • 言語 (テキスト)
  • 所要時間(分) (数値)
  • 最終更新日時 (日時)
  • 作成日 (日付と時刻-自動)

登録と価格:

  • 価格 (数値)
  • 無料 (真偽値)
  • 割引価格 (数値)
  • 総登録数 (数値)
  • コースステータス (テキスト) - オプション: 「ドラフト」、「公開」、「アーカイブ済み」

品質メトリクス:

  • 平均評価 (数値)
  • 総レビュー (数値)
  • 修了証を含む (真偽値)

ステップ5:セクションコレクションを作成する

コースは体系化されたカリキュラム構造が必要です:

  1. 「+ コレクションを追加」
  2. 「セクション」と名付けます
  3. プロパティを追加:
  • セクションタイトル (テキスト)
  • セクション番号 (数値)
  • 説明 (テキスト)
  • 作成日 (日付と時刻-自動)

ステップ6:レッスンコレクションを作成する

  1. 「+ コレクションを追加」
  2. 「レッスン」という名前を付けます
  3. プロパティを追加:

レッスンコンテンツ:

  • レッスンタイトル (テキスト)
  • レッスン番号 (数値)
  • 動画URL (テキスト) - 外部でホストされているビデオ用
  • 動画ファイル (ビデオ) - Adaloでホストされているビデオ用(ストレージに制限あり)
  • レッスン時間 (数値)- 分単位
  • 説明 (テキスト - 複数行)
  • プレビュー (真/偽) - 無料プレビューを許可
  • ダウンロード可能なリソース (ファイル)

注: ビデオホスティングの場合、YouTube、Vimeo、または 外部コレクション の使用を検討して、ストレージの制限を避けてください。Adaloストレージはコース画像とPDFに適しています。

ステップ7:登録コレクションを作成する

学生とコースの関係を追跡:

  1. 「+ コレクションを追加」
  2. 「登録」と名付けます
  3. プロパティを追加:
  • 登録日 (日付と時刻-自動)
  • 進捗パーセンテージ (数値)
  • 最後にアクセス (日時)
  • 完了 (真偽値)
  • 完了日 (日時)
  • 修了証発行 (真偽値)

ステップ8:レッスン進度コレクションを作成する

個別のレッスン完了を追跡:

  1. 「+ コレクションを追加」
  2. 「レッスン進度」と名付けます
  3. プロパティを追加:
  • 完了 (真偽値)
  • 完了日 (日時)
  • 視聴時間 (数字) - 秒単位で視聴
  • 最後の位置 (数字) - 再生を再開するポイント

ステップ9: レビューコレクションを作成

  1. 「+ コレクションを追加」
  2. 「レビュー」と名付ける
  3. プロパティを追加:
  • 評価 (数字) - 1~5スケール
  • レビューテキスト (テキスト - 複数行)
  • 作成日 (日付と時刻-自動)
  • 役立つ数 (数字) - 「これは役に立ちましたか?」機能用

ステップ 10: 支払いコレクションを作成する

  1. 「+ コレクションを追加」
  2. 「Payments」と名前を付ける
  3. プロパティを追加:
  • 金額 (数値)
  • 通貨 (テキスト)
  • 支払い方法 (テキスト)
  • Stripe支払いID (テキスト)
  • ステータス (テキスト) - オプション: 「保留中」、「完了」、「失敗」、「払い戻し」
  • 支払い日 (日付と時刻-自動)
  • プラットフォーム手数料 (数値)
  • インストラクター支払い (数値)

ステップ 11: データベースリレーションシップを設定する

リレーションシップはあなたのコレクションを接続します。これらを慎重に設定してください:

コースコレクション:

  1. 以下への関係を追加 ユーザー: 「インストラクター」(ユーザーは複数のコースを持つことができます)
  2. 以下への関係を追加 セクション: 一対多(コースは複数のセクションを持つ)
  3. 以下への関係を追加 レビュー:1対多

セクションコレクション:

  1. リレーションシップ コース: 多対一(既に上記で作成済み)
  2. 以下への関係を追加 レッスン: 一対多(セクションは複数のレッスンを持つ)

レッスンコレクション:

  1. リレーションシップ セクション: 多対一(既に作成済み)

登録コレクション:

  1. 以下への関係を追加 ユーザー: 「学生」(多対一)
  2. 以下への関係を追加 コース:多対一
  3. 以下への関係を追加 レッスン進捗:1対多

レッスン進捗コレクション:

  1. リレーションシップ 登録: 多対一(既に作成済み)
  2. 以下への関係を追加 レッスン:多対一

レビューコレクション:

  1. リレーションシップ コース: 多対一(既に作成済み)
  2. 以下への関係を追加 ユーザー: 「レビュアー」(多対一)

支払いコレクション:

  1. 以下への関係を追加 ユーザー: 「学生」(支払った人)
  2. 以下への関係を追加 ユーザー「講師」(支払いを受け取る)
  3. 以下への関係を追加 コース:多対一
  4. 以下への関係を追加 登録一対一

このリレーショナル構造により、「この講師によるすべてのコースを表示」または「講師ごとの総収益を計算」などの複雑なクエリが可能になります。適切なデータリレーションシップセットアップにより、Adaloアプリは月間100万アクティブユーザーを超えてスケーリングでき、コースプラットフォームはインフラストラクチャを超えて成長することはありません。

ユーザーインターフェイスの構築:コースカタログと閲覧画面

ステップ12:アプリテーマを設定する

  1. 「追加またはインポート」をクリックします 設定 ギアアイコン
  2. に移動 ブランディング
  3. 色を選択してください:
    • 主要色:ブランドカラー(例:信頼の為の濃い青)
    • 副要色:CTA用のアクセントカラー(例:登録ボタン用のオレンジ)
    • 背景:読みやすさの為に白または薄いグレー
  4. フォントを選択してください:
    • 見出しフォント:太字のモダンサンセリフ
    • 本文フォント:クリーンで読みやすいサンセリフ
  5. ロゴをアップロード

ステップ13: ウェルカムスクリーンを構築する

  1. デフォルトスクリーンを「Welcome」に名前変更
  2. コンポーネントを追加:
    • 画像:プラットフォームロゴ
    • テキスト(見出し):「どこでも何でも学ぶ」
    • テキスト(サブ見出し):「何千人もの学習者が新しいスキルを習得するために参加してください」
    • を含めて詳細を開くかファイルをダウンロードします。: 「コースを閲覧」 → 「コースカタログ」へリンク
    • を含めて詳細を開くかファイルをダウンロードします。:「サインアップ」→「サインアップ」にリンク
    • を含めて詳細を開くかファイルをダウンロードします。:「ログイン」→「ログイン」にリンク

ステップ14:認証画面を作成

サインアップ画面:

  1. 新しい画面「サインアップ」を追加
  2. 追加 フォーム コンポーネント:
    • 接続先: ユーザーコレクション
    • フィールド:メール、パスワード、フルネーム
  3. 追加 ドロップダウン ユーザータイプについて:
    • オプション:「学びたい」(学生)、「教えたい」(講師)
  4. 追加 送信ボタン: 「アカウントを作成」
  5. 送信時のアクション:
    • ユーザーを作成
    • ユーザータイプ = 講師 → 「講師セットアップ」に移動
    • ユーザータイプ = 学生 → 「学生ダッシュボード」に移動

ログイン画面:

  1. 新しいスクリーン「ログイン」を追加
  2. 追加 ログインフォーム:
    • メールフィールド
    • パスワードフィールド
    • 「パスワードをお忘れですか?」リンク
  3. 送信アクション:
    • ユーザーをログイン
    • ユーザータイプ = 講師 → 「講師ダッシュボード」
    • ユーザータイプ = 学生 → 「学生ダッシュボード」

ステップ15:コースカタログを構築

  1. 新しい画面「コースカタログ」を追加
  2. 追加 検索バー トップ:
    • プレースホルダー:「コースを検索...」
    • 検索:コースコレクション
    • 検索対象:タイトル、説明、カテゴリー
  3. 追加 水平リスト カテゴリー用:
    • ソース:静的リストを作成するか、コースカテゴリーを使用
    • 表示:カテゴリーボタン
    • クリック時にコースをフィルター
  4. 追加 リスト コース用コンポーネント:
    • ソース:コースコレクション
    • フィルター:コースステータス = 「公開済み」
    • ソート:最も人気のある順または最新順
  5. リスト内の各コースについて、表示:
    • 画像:コース画像
    • テキスト:コースタイトル
    • テキスト:講師名(コース → 講師 → フルネーム)
    • テキスト:価格(Is Free = trueの場合は「無料」)
    • 星評価: 平均評価
    • テキスト:総登録数
    • クリックアクション:「コース詳細」画面に移動、現在のコースを送信

検索とフィルタ機能の追加

ステップ16:高度なフィルターを追加

  1. コース カタログ画面にフィルター セクションを追加:
    • ドロップダウン: カテゴリー フィルター
    • ドロップダウン: 価格 (無料、有料、すべて)
    • ドロップダウン: 難易度レベル
    • ドロップダウン: 評価 (4つ星以上、3つ星以上など)
  2. リスト コンポーネント フィルターを更新して選択した値を使用
  3. フィルターをリセットするための「フィルターをクリア」ボタンを追加

コース詳細ページの設計

ステップ 17: コース詳細画面を作成

  1. 新しい画面「コース詳細」を追加
  2. この画面は以下を受け取ります: 現在のコース (前の画面から)
  3. コンポーネントを追加:

ヘッダー セクション:

  • 画像: コース画像 (全幅)
  • テキスト (H1):コースタイトル
  • テキスト: コース サブタイトル
  • テキスト: 「By [講師名]」
  • リンク: 講師プロフィール (講師プロフィール画面に移動)

クイック情報バー:

  • 星評価: 平均評価
  • テキスト: 「([合計レビュー数] 件のレビュー)」
  • テキスト: 「[合計登録数] 名の生徒」
  • テキスト: 「最終更新: [最終更新日]」
  • アイコン + テキスト: 期間
  • アイコン + テキスト: 難易度レベル
  • アイコン + テキスト: 言語

説明 セクション:

  • テキスト (H2): 「学習内容」
  • テキスト: 説明
  • を含めて詳細を開くかファイルをダウンロードします。: 「詳細を表示/非表示」 (長い説明の場合)

カリキュラム セクション:

  • テキスト (H2): 「コース コンテンツ」
  • テキスト: 「[X] セクション • [Y] 講座 • [Z] 時間 (合計)」
  • リスト: セクション
    • 各セクションについて:
      • テキスト: セクション タイトル
      • 展開可能なリスト: このセクション内のレッスン
        • テキスト: レッスン タイトル
        • アイコン: ビデオの場合は再生アイコン
        • テキスト: 期間
        • ロック アイコン: 登録していない場合でプレビュー レッスンではない場合
        • 「プレビュー」バッジ: Is Preview = true の場合

レビュー セクション:

  • テキスト (H2): 「生徒レビュー」
  • 平均評価表示: 大きな星評価 + 数字
  • リスト: 最近のレビュー (上限 5 件)
    • 生徒の名前
    • 評価
    • レビューテキスト
    • 日付
  • を含めて詳細を開くかファイルをダウンロードします。: 「すべてのレビューを表示」

講師 セクション:

  • 画像: 講師プロフィール写真
  • テキスト: 講師 フルネーム
  • テキスト: 講師 肩書
  • テキスト: 簡潔な経歴
  • を含めて詳細を開くかファイルをダウンロードします。: "プロフィール全体を表示"

登録セクション(スティッキーフッターまたは目立つカード):

  • テキスト: 価格(または「無料」)
  • テキスト: 割引価格(該当する場合)
  • を含めて詳細を開くかファイルをダウンロードします。: 「今すぐ登録」または無料の場合は「学習を開始」
    • アクション: ログインしていない場合 → ログインに移動
    • ログイン済みの場合 → 登録を作成 → コースプレイヤーに移動
  • を含めて詳細を開くかファイルをダウンロードします。: 「ウィッシュリストに追加」(ハートアイコン)

ステップ18: コースプレイヤーを構築

  1. 新しい画面「コースプレイヤー」を追加
  2. このスクリーンは受け取ります: 現在の登録
  3. レイアウト:

左サイドバー(デスクトップで幅30%、モバイルで折りたたみ可能):

  • テキスト:コースタイトル
  • プログレスバー: 登録 → 進捗パーセンテージ
  • リスト: セクション → レッスン
    • 完了チェックマークを表示
    • 現在のレッスンをハイライト
    • クリックしてレッスンを変更

メインコンテンツエリア(幅70%):

  • ビデオプレイヤー: 現在のレッスン → ビデオURLまたはビデオファイル
  • テキスト (H2): レッスン タイトル
  • テキスト: レッスン説明
  • を含めて詳細を開くかファイルをダウンロードします。: 「完了にマーク」
    • アクション: レッスン進捗を更新 → 完了 = True
    • 登録進捗を再計算
  • ダウンロード可能なリソース: レッスンにファイルがある場合
  • タブ: 「概要」、「リソース」、「Q&A」

ナビゲーション:

  • を含めて詳細を開くかファイルをダウンロードします。: 「前のレッスン」
  • を含めて詳細を開くかファイルをダウンロードします。: 「次のレッスン」
  • 自動進行オプション(トグル)

ステップ19: 進捗追跡ロジックを実装

レッスン完了アクションにマーク:

  1. レッスン進捗レコードを検索または作成:
    • 登録 = 現在の登録
    • レッスン = 現在のレッスン
  2. レッスン進捗を更新:
    • 完了 = True
    • 完了日 = 現在
  3. 登録進捗を計算して更新:
    • コース内の総レッスン数をカウント
    • この登録の完了したレッスン進捗をカウント
    • 進捗パーセンテージ = (完了 / 合計) × 100
  4. コース完了をチェック:
    • 進捗パーセンテージ = 100の場合:
      • 登録を更新 → 完了 = True
      • 登録を更新 → 完了日 = 現在
      • 修了証画面に移動

効果的な進捗追跡は、ビジュアルフィードバックが継続的な学習を動機づけるため、学習者のエンゲージメントを高めるのに貢献します。

インストラクターダッシュボードとコースアップロードワークフローの作成

ステップ20: インストラクターダッシュボードを構築

  1. 新しい画面「インストラクターダッシュボード」を追加
  2. ウェルカムセクションを追加:
    • テキスト: 「お帰りなさい、[インストラクター名]」
    • 画像: プロフィール写真
  3. スタッツカードを追加:
    • 総学生数インストラクターのコースのすべての登録数
    • 総コース数インストラクターのコース数
    • 総収益支払い合計 → インストラクター支払い(インストラクター = ログインユーザー)
    • 平均評価インストラクターのコースの評価平均
  4. クイックアクションを追加:
    • を含めて詳細を開くかファイルをダウンロードします。「新しいコースを作成」 → コースビルダーに移動
    • を含めて詳細を開くかファイルをダウンロードします。「収益を表示」 → 収益画面に移動
  5. 追加 リストインストラクターのコース
    • 各コースについて表示:
      • コースのタイトルと画像
      • 総登録数
      • 収益
      • ステータス(ドラフト/公開)
      • を含めて詳細を開くかファイルをダウンロードします。「編集」 → コースエディターに移動
      • を含めて詳細を開くかファイルをダウンロードします。「学生を表示」 → コース学生画面に移動

マルチステップコース作成フォームの構築

ステップ21: コースビルダーの作成(パート1: 基本情報)

  1. 新しい画面「コースビルダー - 基本」を追加
  2. 追加 フォーム コースに接続:
    • テキスト入力: タイトル
    • テキスト入力サブタイトル
    • テキストエリア: 説明
    • 画像ピッカー:コース画像
    • ドロップダウン: カテゴリ
    • ドロップダウン: 難易度レベル
    • ドロップダウン: 言語
    • 数値入力:価格
    • トグル無料かどうか
    • 送信ボタン「次へ」
  3. 送信時:
    • コースレコードを作成
    • 講師=ログインユーザーを設定
    • コースステータス = 「ドラフト」に設定
    • 「コースビルダー - カリキュラム」に移動
    • 新しく作成されたコースを送信

ステップ22: コースビルダー(パート2: カリキュラム)

  1. 新しい画面「コースビルダー - カリキュラム」を追加
  2. この画面は以下を受け取ります: 現在のコース(作成中)
  3. 表示:
    • テキスト「カリキュラムを作成」
    • を含めて詳細を開くかファイルをダウンロードします。「セクションを追加」
  4. 追加 リストこのコースのセクション
    • 各セクションについて:
      • テキスト: セクション タイトル
      • を含めて詳細を開くかファイルをダウンロードします。「レッスンを追加」 → レッスンフォームを開く
      • を含めて詳細を開くかファイルをダウンロードします。「セクションを編集」
      • を含めて詳細を開くかファイルをダウンロードします。「セクションを削除」
      • リスト: このセクション内のレッスン
        • レッスンのタイトル
        • 期間
        • 編集/削除ボタン
  5. ナビゲーションを追加:
    • を含めて詳細を開くかファイルをダウンロードします。「戻る」 → 前の画面
    • を含めて詳細を開くかファイルをダウンロードします。「ドラフトとして保存」
    • を含めて詳細を開くかファイルをダウンロードします。「コースをプレビュー」
    • を含めて詳細を開くかファイルをダウンロードします。「コースを公開」 → コースステータスを「公開」に更新

ビデオコンテンツとレッスン構造の管理

ステップ23: レッスン追加/編集モーダルの作成

  1. 新しい画面「レッスンを追加」を追加(またはモーダルを使用)
  2. 追加 フォーム レッスンに接続:
    • テキスト入力: レッスン タイトル
    • 数値入力レッスン番号(順序付け用)
    • テキストエリア: 説明
    • テキスト入力ビデオURL(YouTube、Vimeoなど)
    • 数値入力レッスン時間(分)
    • トグルプレビュー可能(無料視聴を許可)
    • ファイルピッカーダウンロード可能なリソース
  3. 送信時:
    • レッスンを作成
    • 現在のセクションに接続
    • コースビルダーに戻る

重要: ビデオホスティングの場合は、外部プラットフォーム(非公開/プライベートオプション付きYouTube、Vimeo、Wistia)を使用し、大きなビデオファイルをAdaloにアップロードするのではなくURLを保存してください。これにより、他のアセット用のストレージ制限が保護されます。

コース価格設定と表示設定

ステップ24:公開コントロールの追加

  1. コースビルダー画面で以下を追加してください:
    • トグル「公開済み」対「下書き」
    • を含めて詳細を開くかファイルをダウンロードします。「学生として表示」→ コース詳細ビューを表示
    • ステージングプレビューとコンパニオンアプリコースに以下があることを確認してください:
      • 最低1つのセクション
      • 最低3つのレッスン
      • コース画像
      • 完全な説明
      • 価格設定(無料でない場合)
  2. 公開アクション:
    • 検証基準をチェック
    • 合格した場合→ コースステータスを「公開済み」に更新
    • 不合格の場合→ 不足している項目をリストアップしたエラーメッセージを表示
    • 成功メッセージ→ インストラクターダッシュボードに移動

学生登録、進捗追跡、修了証の実装

登録と支払いフローの構築

ステップ25:登録プロセスの作成

  1. コース詳細画面で「今すぐ登録」ボタンを設定してください:

コースが無料の場合:

アクション:

1. ユーザーがログインしているかチェック

- ログインしていない場合→ ログイン画面に移動

2. 既に登録しているかチェック

- 登録をクエリ:学生 = ログインしているユーザー かつ コース = 現在のコース

- 存在する場合→ コースプレイヤーに直接移動

3. 新しい登録レコードを作成:

- 学生 = ログインしているユーザー

- コース = 現在のコース

- 進捗率 = 0

- 完了 = False

4. コース→ 総登録者数を更新(1を追加)

5. 新しい登録でコースプレイヤーに移動

コースが有料の場合:

アクション:

1. ログインしているかチェック(上記と同じ)

2. 既に登録しているかチェック(上記と同じ)

3. チェックアウト画面に移動

- 現在のコースを送信

ステップ26:チェックアウト画面の作成

  1. 新しい画面「チェックアウト」を追加
  2. この画面は以下を受け取ります:現在のコース
  3. 表示:
    • テキスト (H2)「購入を完了してください」
    • コース概要カード:
      • コース画像
      • コースタイトル
      • インストラクター名
      • 価格
  4. 追加 Stripe支払いコンポーネント:
    • 金額:コース→ 価格
    • 通貨:USD(またはお使いの通貨)
    • 顧客メール:ログイン中のユーザー → メール
  5. 支払いフォームを追加:
    • カード番号
    • 有効期限
    • CVC
    • 請求名
    • 請求先郵便番号
    • チェックボックス「今後の購入のためにカードを保存」
  6. 追加 送信ボタン「登録を完了」
  7. 支払い成功時:
    • 支払いレコードを作成:
      • 金額=コース価格
      • 学生=ログイン中のユーザー
      • インストラクター = コース → インストラクター
      • Stripe支払いID = [Stripeレスポンスから]
      • ステータス=「完了」
      • プラットフォーム手数料を計算(例:15%)
      • インストラクター支払いを計算(85%)
    • 登録記録を作成(無料コースと同じ)
    • 成功メッセージを表示
    • コースプレイヤーに移動
  8. 支払い失敗時:
    • エラーメッセージを表示
    • 再試行を許可

レッスン完了と全体的な進捗の追跡

ステップ27:学生向けの進捗ダッシュボードを構築

  1. 新しい画面「マイラーニング」を追加
  2. タブまたはセクションを追加:
    • 「進行中」
    • 「完了」
    • 「ウィッシュリスト」
  3. 追加 リスト:ログインユーザーである学生の登録
    • フィルタリング:各タブの完了ステータス
    • ソート:最後にアクセス
  4. 各登録について、以下を表示:
    • 画像:コース → コース画像
    • テキスト:コース → タイトル
    • プログレスバー:進捗パーセンテージ
    • テキスト:「Y個のレッスン中X個が完了」
    • テキスト:最後にアクセスした日付
    • を含めて詳細を開くかファイルをダウンロードします。:「学習を続ける」→ コースプレイヤーに移動
    • を含めて詳細を開くかファイルをダウンロードします。:「証明書をダウンロード」(完了且つ証明書がある場合)

コース証明書の生成と配付

ステップ28:証明書画面を作成

  1. 新しい画面「修了証」を追加
  2. この画面は以下を受け取ります:現在の登録(完了=真)
  3. 証明書レイアウトを設計:
    • 画像:証明書の枠/テンプレート背景
    • テキスト(大): 「修了証」
    • テキスト: 「これは以下を証明します」
    • テキスト(大):[学生フルネーム]
    • テキスト: 「が正常に完了しました」
    • テキスト(大): [コースタイトル]
    • テキスト:「[完了日]に完了」
    • テキスト: 「インストラクター: [インストラクター名]」
    • 画像:プラットフォームロゴ
    • 画像:デジタル署名(オプション)
  4. アクションを追加:
    • を含めて詳細を開くかファイルをダウンロードします。:「PDFとしてダウンロード」(マーケットプレイスのPDFコンポーネントが必要)
    • を含めて詳細を開くかファイルをダウンロードします。:「LinkedInで共有」→ LinkedIn認定への深いリンク
    • を含めて詳細を開くかファイルをダウンロードします。:「ダッシュボードに戻る」
  5. 登録記録を更新:
    • 証明書発行 = 真

証明書を提供するプラットフォームは、認定資格が達成の具体的な証拠を提供するため、著しく高い完了率を見ています。

Stripeを使用したコースの収益化への支払いシステムの統合

AdaloアプリケーションでStripeをセットアップ

ステップ29:Stripe統合を構成

  1. マーケットプレイスから Stripeコンポーネント Adaloマーケットプレイスから
  2. Stripe APIキーを取得:
    • に移動してください Stripe ダッシュボード
    • 開発者 → APIキーに移動
    • 開発用のテストキーをコピー
    • 本番用のライブキーをコピー
  3. Adaloの場合:
    • 設定 → 統合に移動
    • Stripeの「接続」をクリック
    • 公開可能キーを貼り付け
    • シークレットキーを貼り付け
    • ドロップダウンからカスタムドメインを選択し、「
  4. Stripe テストカードでテスト (Stripeのテストドキュメント):
    • 成功: 4242 4242 4242 4242
    • 拒否: 4000 0000 0000 0002

ワンタイムおよびサブスクリプション コース オプションの作成

ステップ 30: サブスクリプション機能の構築 (オプション)

全アクセス サブスクリプション モデルの場合:

  1. 新しい「サブスクリプション プラン」コレクションを作成:
    • プラン名 (テキスト) - 例: 「月額 Pro」、「年額 Pro」
    • 価格 (数字)
    • 間隔 (テキスト) - 「月」または「年」
    • Stripe 価格 ID (テキスト)
  2. ユーザー コレクションに追加:
    • サブスクリプション ステータス (テキスト) - 「アクティブ」、「キャンセル済み」、「期限切れ」
    • サブスクリプション有効期限 (日付と時刻)
  3. 「購読」画面を作成:
    • プラン オプションを表示
    • Stripe サブスクリプション決済コンポーネント
    • サブスクリプション成功時:
      • ユーザー → サブスクリプションステータス = 「有効」 を更新
      • 有効期限を設定
      • すべてのコースへのアクセスを許可
  4. コース アクセス ロジックを変更:
    • アクセスを許可: コースに登録済みまたはサブスクリプション ステータス = 「アクティブ」

インストラクター支払い管理

ステップ 31: インストラクター収益ダッシュボードを作成

  1. 新しい画面「インストラクター収益」を追加
  2. 表示:
    • テキスト (H2): 「あなたの収益」
    • 合計保留中: ステータス = 「保留中」のインストラクター支払いの合計
    • 合計支払済み: ステータス = 「支払い済み」の合計
    • 引き出し可能額: 転送の準備ができた金額
  3. 追加 リスト: ログインユーザー = インストラクターの支払い
    • 並べ替え: 支払い日 (最新順)
    • フィルター オプション: 日付範囲、ステータス
    • 各項目について表示:
      • コースタイトル
      • 生徒の名前
      • 金額
      • プラットフォーム手数料
      • インストラクター支払い
      • 日付
      • ステータス
  4. 追加 を含めて詳細を開くかファイルをダウンロードします。: 「支払いをリクエスト」
    • 最小しきい値: $50
    • 支払いリクエストを作成
    • 管理者承認ワークフロー

注: 実際の支払い処理に必要な項目:

  • Stripe Connect 自動転送用
  • 管理者承認システム
  • 税務書類 (米国の場合は 1099 フォーム)
  • 決済ゲートウェイ手数料を考慮

レビュー、評価、ソーシャル機能をプラットフォームに追加

レビューおよび評価システムの構築

ステップ 32: コース レビュー画面を作成

  1. 新しい画面「レビューを書く」を追加
  2. このスクリーンは以下を受け取ります:現在の登録状況(レビューを確認するには登録が必須です)
  3. コンポーネントを追加:
    • テキスト:「[コースタイトル]を評価する」
    • 星評価 コンポーネント(5つ星)
    • テキストエリア:レビューテキスト(オプション)
    • トグル:「このレビューは匿名です」
    • 送信ボタン:「レビューを投稿」
  4. 送信時:
    • レビューレコードを作成:
      • 評価 = 選択された星
      • レビューテキスト = 入力されたテキスト
      • レビュアー = ログインユーザー
      • コース=現在のコース
    • コース評価を更新:
      • 総レビュー数 = 総レビュー数 + 1
      • 平均評価 =(すべての評価の合計)/総レビュー数
    • インストラクター評価を更新:
      • すべてのコース全体で平均を再計算
    • ありがとうメッセージを表示
    • コース詳細に戻る

ステップ33:コースページでレビューを表示

ステップ17で既に説明しましたが、機能を追加:

  1. レビューを以下でソート:最新、最高評価、最低評価
  2. 「役立つ」投票を追加:
    • 「レビュー投票」コレクションを作成
    • 各投票はユーザーをレビューにリンク
    • 役立つ数を表示
    • 重複投票を防止
  3. レビューをフィルタリング:
    • 評価別(5つ星、4つ星など)
    • 評価の割合分析を表示

各コースのディスカッションフォーラムを作成

ステップ34:Q&Aシステムを構築(オプションの高度な機能)

  1. 「質問」コレクションを作成:
    • 問題テキスト(テキスト - 複数行)
    • レッスン(レッスンとの関係)
    • 作成日(日付と時刻)
    • アップボート(数値)
  2. 「回答」コレクションを作成:
    • 回答テキスト(テキスト - 複数行)
    • 質問(質問との関係)
    • はインストラクター回答(真/偽)
    • アップボート(数値)
    • 作成日(日付と時刻)
  3. コースプレイヤーにQ&Aタブを追加:
    • 現在のレッスンの質問を表示
    • を含めて詳細を開くかファイルをダウンロードします。:「質問を投稿」
    • リスト:質問
      • 回答を表示
      • アップボートボタン
      • 「回答」ボタン(インストラクターと登録済み学生向け)

これにより、UdemyのQ&A機能と同様のエンゲージメントが生まれ、コース品質の向上をサポートします。

Udemy クローンをウェブ、iOS、Android に公開

カスタムドメインを使用してウェブに公開

ステップ35:ウェブデプロイメント

  1. Adalo エディターで「公開」ボタン(右上)をクリック
  2. 「ウェブアプリ」を選択
  3. 「ウェブに公開」をクリック
  4. あなたのアプリは以下でライブになりました:yourappname.adalo.com

カスタムドメインを追加(スタータープラン以上):

  1. プロバイダーからドメインを購入(GoDaddy、Namecheap、Google Domains)
  2. Adaloの場合:
    • 設定 → 公開 → ウェブアプリに移動
    • 「カスタムドメインを追加」をクリック
    • ドメインを入力してください:learninghub.com
    • Appleのガイドラインを Adaloのカスタムドメイン設定ガイド DNS設定ステップについては、ドメインレジストラによって異なります
  3. Adaloに戻る:
    • 「ドメインを確認」をクリック
    • 確認されると、アプリはドメイン上でライブになります
  4. HTTPSを有効にする:
    • Adaloによって自動的に提供されます
    • ドメイン確認後、数時間かかる場合があります

Apple App Storeに提出する

ステップ36:iOS App Store提出

前提条件:

  • Apple開発者アカウント(99ドル/年)
  • AdaloはあなたのiOSビルドを生成し、Adalo内でApp Store提出をガイドします。2FAが有効なAppleデバイスでApp Store Connect サインインを承認するだけで済みます(Mac/Transporterは不要)。

ステップ:

  1. Adaloの場合:
    • 「設定」→「公開」→「iOS」に移動
    • 「App Storeに公開」をクリック
    • アプリ情報を入力:
      • アプリ名
      • バンドルID(逆順ドメイン:com.yourcompany.learninghub)
      • バージョン番号(1.0.0)
    • アプリアイコンをアップロードする
    • 「アプリをビルド」をクリック
  2. ビルドの完了を待つ(30〜60分)
  3. .ipaファイルをダウンロードするか、Adaloの自動提出を使用
  4. App Store Connectで:
    • 新しいアプリを作成
    • メタデータを入力:
      • アプリ名、サブタイトル、説明
      • キーワード
      • スクリーンショット(必要なサイズ)
      • プライバシーポリシーURL
      • サポートURL
      • カテゴリ:教育
    • ビルドをアップロード
    • レビュー用に提出
  5. Apple審査プロセス(1〜7日)
  6. 却下に対応する(一般的な問題):
    • 欠落するコンテンツまたは機能
    • アプリの目的が不明確
    • 支払いの問題
    • プライバシーポリシー準拠

で構築されたアプリ Adalo ガイドラインに従うと、カスタムコードアプリと同様の承認率を達成できます。

Google Play Storeでの開始

ステップ37:Android Google Play提出

前提条件:

  • Google Play Developer Account(25ドルの一度きりの料金)
  • アプリアイコン(512×512)
  • フィーチャーグラフィック(1024×500)
  • スクリーンショット
  • プライバシーポリシー

ステップ:

  1. Adaloの場合:
    • 「設定」→「公開」→「Android」に移動
    • 「Google Playに公開」をクリック
    • アプリ情報を入力:
      • アプリ名
      • パッケージ名(com.yourcompany.learninghub)
      • バージョンコード(1)
      • バージョン名(1.0.0)
    • アプリアイコンをアップロードする
    • 「アプリをビルド」をクリック
  2. ビルドの完了を待つ(30〜60分)
  3. .aabファイルをダウンロード(Android App Bundleフォーマット)
  4. Google Play Consoleで:
    • 新しいアプリを作成
    • ストアリスティングを入力:
      • アプリ名、短い説明、完全な説明
      • アプリアイコン、フィーチャーグラフィック
      • スクリーンショット(電話、タブレット、TV該当する場合)
      • 分類:教育
      • 連絡先
      • プライバシーポリシーURL
    • .aabファイルをProduction trackにアップロード
    • コンテンツレーティングアンケートに回答
    • 価格を設定(無料/有料)
    • 配布先の国を選択
    • レビュー用に提出
  5. Google審査(通常Appleより高速で、数時間以内がほとんど)

クロスプラットフォームの利点:

すべてのプラットフォームで公開するアプリにより、学習者はデバイス間をシームレスに切り替えることができます。Adaloを使用すると、1つのビルドがウェブ、iOS、およびAndroidアプリを同時に更新します。Bubbleなどのプラットフォームと異なり、モバイルアプリはウェブラッパーではなく、個別の管理は不要です。 デバイス全体でのレスポンシブデザイン すべてのプラットフォーム全体で公開され、学習者はデバイス間をシームレスに切り替えることができます。Adaloを使用すると、1つのビルドでweb、iOS、Androidアプリが同時に更新されます。これはBubbleのようなプラットフォームとは異なり、Bubbleではモバイルアプリはウェブラッパーであり、別々の管理が必要です。

オンラインコースプラットフォームのスケーリング:ストレージ、ユーザー、パフォーマンス

プランごとのストレージとデータ制限の理解

ステップ38:リソース使用状況の監視

  1. Adaloダッシュボードで:
    • 設定 → 使用状況に移動
    • 現在のストレージを確認
    • データリクエストを監視
    • 月間アクティブユーザーを追跡

プランごとのストレージ:

現在の価格、ストレージ制限、機能を確認してください Adalo の価格ページ これらの詳細は定期的に変更されるため。

  • 無料: アプリごとに500個のデータベースレコード
  • スターター: チームごとに5GBのストレージ 無制限のデータベースレコード
  • プロフェッショナル: チームごとに25GBのストレージ 無制限のデータベースレコード
  • チーム: チームごとに125GBのストレージ データ上限なし
  • $159/月 チームごとに500GBのストレージ

主な差別化要因: すべての有料Adaloプランはデータベースのレコード制限上限がありませんこれにより、他のプラットフォームでの成長を制限する人為的な制限が取り除かれます。これをBubbleと比較してください。Bubbleではワークロードユニットが予測不可能な使用料金を発生させ、Glideではデータ行の制限により追加料金が発生します。

ビデオのストレージに関する考慮事項:

  • 10分間の1080pビデオ = 約150~200MB
  • 50コース × 30レッスン × 200MB = 300GB

ソリューション:外部ビデオホスティング

  1. 次の場所でビデオをホスト:
    • YouTube(非公開/プライベートオプション付きの無料ホスティング。有料コースコンテンツについてはYouTubeのポリシーを確認してください)
    • Vimeo(有料プラン、プライバシーコントロール、広告なし)
    • Wistia(マーケティング重視、分析)
    • AWS S3 + CloudFront(スケーラブル、従量課金制)
  2. AdaloにはビデオURLのみを保存:
    • レッスン → ビデオURL(テキストフィールド)
    • ビデオプレイヤーコンポーネントを使用して埋め込み
  3. Adaloストレージに保持:
    • コース画像
    • インストラクター写真
    • PDFリソース
    • 証明書

スタータープランからプロフェッショナルまたはチームプランにアップグレードする時期

スタータープランで十分な場合:

  • 単一のプラットフォーム所有者
  • 5人未満のアクティブインストラクター
  • 基本的な統合のみ
  • 1つの公開アプリ

プロフェッショナルにアップグレード:

  • コラボレーターを追加(複数シート)
  • 複数のアプリが必要(ステージング + 本番環境)
  • 次のためのAPI統合が必要:
    • メールマーケティング(Mailchimp、ConvertKit)
    • 分析(Google Analytics)
    • CRMシステム
  • 地理的位置情報機能が必要(位置情報によるインストラクター/学生のマッチング)

チームにアップグレード:

  • 10人以上のインストラクター/エディターを管理
  • 複数の公開アプリ(Web + iOS + Android + ステージング)へのスケーリング
  • 必要 Xano 統合 以下用:
    • 高度なデータベースクエリ
    • カスタムAPI
    • 複雑なビジネスロジック
    • スケーラブルなバックエンド
  • 優先サポートが必要
  • 多数の同時ユーザーに対応

ビジネスプラン:

  • 公開済みアプリが多数
  • 無制限のエディター
  • エンタープライズレベルのサポート
  • カスタムアドオン料金
  • 大規模デプロイメント

ビデオコンテンツのパフォーマンス最適化

ステップ39:パフォーマンスベストプラクティス

  1. 画像最適化:
    • アップロード前にすべての画像を圧縮する
    • 可能な限りWebP形式を使用する
    • 推奨サイズ:
      • コースサムネイル:400×225(16:9)
      • インストラクター写真:200×200
      • 最大ファイルサイズ:500KB
  2. ビデオ読み込み:
    • ビデオ埋め込みに遅延読み込みを使用する
    • サムネイルプレビューを実装する
    • レッスンにアクセスした時点でのみビデオを読み込む
    • アダプティブビットレートストリーミングを検討する(Vimeo、YouTubeは自動的に対応)
  3. データベースクエリ:
    • リスト結果を制限する(全500件ではなく、1ページあたり20コース表示)
    • ページネーションまたは「さらに読み込む」ボタンを使用する
    • 表示前にデータをフィルタリングする(すべて読み込んでからフィルタリングしない)
    • 頻繁にクエリされるフィールドにインデックスを設定する
  4. キャッシング:
    • Adaloの自動キャッシング機能を活用する
    • 変更されていないデータを再読み込みしない
    • 表示条件を賢く使用する
  5. パフォーマンステスト:
    • 実機でテストする(iOS、Android、ウェブブラウザ)
    • 低速接続でテストする(3Gシミュレーション)
    • アプリの応答性を監視する
    • 2秒以上のラグに対処する

Adalo 3.0インフラストラクチャーの大幅改善に続き、プラットフォームは 3~4倍高速 前バージョンよりもパフォーマンスが向上しています。Adaloのモジュール型インフラストラクチャーはアプリのニーズに応じて動的にスケーリングされるため、100人の学生でも100,000人の学生でも、コースプラットフォームのパフォーマンスは維持されます。適切なデータ関係設定を使用すれば、Adaloアプリは月間アクティブユーザー100万人以上にスケーリングできます。

オンラインコースプラットフォーム構築にAdaloが最適な理由

教育的なマーケットプレイスを立ち上げるために、コンピュータサイエンスの学位や6桁の予算は必要ありません。 Adalo Adaloは、教育者、専門家、起業家がコードを書かずに業界大手と肩を並べるプロフェッショナルなコースプラットフォームを立ち上げることができます。

迅速な開発と立ち上げ

Adaloを使用した基本的なコースマーケットプレイスの典型的な開発時間は 2~5 週間で、従来の開発では3~6か月かかります。このタイムツーマーケットの利点により、以下が可能になります:

  • コンセプトを迅速に検証する
  • より早く収益化を開始する
  • 実際の学生フィードバックに基づいて改善する
  • 競争相手よりも市場投入を早める

「PowerPointと同じくらい簡単」と評されるAdaloのビジュアルビルダーにより、コードのデバッグではなく、学習体験の設計に時間を費やします。2026年初頭にリリース予定のAI Builderは、プロンプトベースのアプリ作成と編集により、さらに加速します。

品質を損なわない手頃な価格帯

コースプラットフォーム用の従来のアプリ開発には、基本機能だけで$50,000~$150,000かかります。Adaloのスタータープランは 月額36ドル 、カスタムドメイン、アプリストア公開、無制限のデータベースレコードなど、立ち上げに必要なすべてが含まれています。

これを代替案と比較します:

  • Bubble は月額$69から始まり、予測不可能な課金につながるワークロードユニットがあり、さらにモバイルソリューションはネイティブアプリではなくウェブラッパーです。
  • FlutterFlow アプリストア公開の場合は月額$70/ユーザーから始まりますが、データベースは含まれていません。別途ソース、セットアップ、料金の支払いが必要です
  • Glide 月額$60から始まりますが、データ行が制限され、App StoreやPlay Storeの公開に対応していません

Adaloなら、以下が得られます:

  • プロフェッショナルなウェブおよびネイティブモバイルアプリ
  • レコード無制限のビルトインデータベース(有料プランの場合)
  • 支払い処理統合
  • 無制限の更新と反復
  • 使用量ベースの料金なし。すべてのプランでアプリアクションは無制限

完全なカスタマイズとコントロール

テンプレートベースのコース プラットフォームとは異なり、Adaloは以下に対する完全なコントロールを提供します:

  • デザイン: あなたのブランドに完璧に合わせることができます。テンプレートありきではありません
  • 機能: 学生が必要とするものを正確に構築できます
  • ユーザーエクスペリエンス: カスタム学習パスとインタラクションを設計できます
  • モバイルアプリ: あなたのブランド下で真のネイティブiOSおよびAndroidアプリを公開できます
  • データ: すべての学生データと関係性を所有できます

コンテンツを簡単に管理・適応させる機能は実用的な利点です。コンテンツの反復には再開発サイクルは不要です

実績のあるプラットフォームと堅牢なインフラストラクチャ

以上 300万個のアプリ Adaloで作成されています。2025年後半のAdalo 3.0インフラストラクチャの刷新により、プラットフォームは3~4倍高速化し、月間アクティブユーザー数が数百万のアプリに対応できるモジュラーインフラストラクチャになりました

ほとんどのサードパーティプラットフォームの評価と比較は、この大規模なインフラストラクチャアップデートより前のものです。パフォーマンスの懸念を引き合いに出す古いレビューに遭遇した場合、それらの評価は以前のアーキテクチャを反映しており、現在のプラットフォーム機能ではありません

コミュニティとサポート

プラットフォームを構築するときは、一人ではありません:

Adaloが最適な場合

以下の場合、Adaloが理想的です:

  • ユニークなコースコンセプトやニッチなオーディエンスがあります
  • コースを販売するのではなく、学習を中心としたコミュニティを構築したいです
  • 外出先での学習用にネイティブモバイルアプリが必要です
  • 証明書、評価、またはカスタム機能を提供する予定です
  • 使用量ベースの予期しない料金なしで予測可能な価格を希望しています
  • 所有権と長期的なプラットフォームコントロールを重視しています
  • セットアップに2~5週間投資する意思があります

Adaloは、数百から数千の学生に対応するコース作成者(ほとんどの教育者が活動する正確な領域)に優れており、必要に応じてそれをはるかに超えてスケールするインフラストラクチャを提供します

無料で始めることができます

Adaloの無料プランですぐに構築を開始できます:

  • 無制限のテストアプリ
  • すべての機能にアクセス
  • クレジットカード不要
  • 公開の準備ができたときにアップグレード

いくつかの画面の構築を試し、データベースを試して、Adaloがあなたのビジョンに合っているかどうかを確認します。費用はかかりません

コースプラットフォームを構築する準備はできていますか? まず Adaloの無料プラン 本日開始して、コードなしで教育ビジョンを実現してください

Adaloを他のアプリ構築ソリューションより選ぶ理由は何ですか?

Adaloは、単一のコードベースから真のネイティブiOSおよびAndroidアプリを作成するAI搭載アプリビルダーです。Webラッパーと異なり、ネイティブコードにコンパイルされ、Apple App StoreおよびGoogle Play Storeに直接公開されます。有料プランで無制限のデータベースレコードがあり、使用量ベースの料金がないため、予測可能な価格設定で請求ショックを回避できます——アプリの起動で最も難しい部分が自動的に処理されます。

Adaloは、単一のコードベースから真のネイティブiOSおよびAndroidアプリを作成するAI搭載アプリビルダーです。Webラッパーとは異なり、ネイティブコードにコンパイルされ、Apple App StoreとGoogle Play Storeの両方に直接公開されます。有料プランではデータベースレコードが無制限で、使用量ベースの料金がないため、コースプラットフォームが成長しても予測可能な価格が得られます

AdaloのドラッグアンドドロップインターフェイスとAIアシスト構築により、数ヶ月ではなく数日でアイデアから公開アプリまでたどり着くことができます。Magic Startはシンプルな説明から完全なアプリ基盤を生成し、プラットフォームは複雑なApp Store送信プロセスを処理するため、証明書とプロビジョニングプロファイルではなく、機能とユーザーエクスペリエンスに集中できます。

Adaloのドラッグアンドドロップインターフェースを使用すれば、2~5週間で完全なコースプラットフォームを構築できます。プラットフォームは複雑なApp Store申請プロセスを処理します。必要なのはApple Developer Accountだけで、MacやTransporterがなくてもAdaloから直接申請を承認できます。AI支援の構築機能によってプロセスがさらに高速化します

コードなしで簡単にオンラインコースプラットフォームを構築できますか?

はい、Adaloのビジュアルビルダーを使用すれば、コードを書くことなく、Udemyのような完全に機能するオンラインコースプラットフォームを作成できます。ドラッグアンドドロップインターフェースを使用して、インストラクターダッシュボード、学生登録システム、ビデオレッスン、進捗追跡、支払い処理、および証明書生成を構築できます

Adaloで構築したコース プラットフォームのビデオ ホスティングはどのように処理すればよいですか?

ビデオ コンテンツの場合は、YouTube、Vimeo、Wistia などの外部ホスティング プラットフォームを使用し、ビデオ URL を Adalo に保存します。大きなファイルを直接アップロードしないことで、Adalo ストレージをコース画像、PDF、証明書用に保持でき、適応型ビットレート ストリーミングなどの機能で滑らかなビデオ再生を保証できます。

Adalo でコース購入の支払い処理を統合できますか?

はい、Adalo は支払い処理用に Stripe と統合されており、ワンタイム コース購入とサブスクリプション支払いを受け付けることができます。固定価格のコース、フリーミアム モデル、プラットフォームと講師間の収益分配など、柔軟な収益化オプションを設定できます。

Adalo でコース マーケットプレイスを構築するのにどのくらい時間がかかりますか?

Adalo を使用した基本的なコース マーケットプレイスの典型的な開発時間は 2~5 週間です。従来の開発では 3~6 か月かかります。このスピーディなタイムラインにより、コース コンセプトを迅速に検証でき、より早く収益を生成し始め、実際の学生フィードバックに基づいて反復できます。

Adalo と Bubble のどちらがより手頃ですか?

Adalo のスターター プランは月額 $36 で、アプリ ストア公開と無制限のデータベース レコードが含まれ、使用量ベースの料金はありません。Bubble は月額 $69 から始まり、予測不可能な料金を発生させるワークロード ユニットがあり、モバイル ソリューションは真のネイティブ アプリではなくウェブ ラッパーです。モバイル アプリが必要なコース プラットフォームの場合、Adalo の方がより優れた値を提供します。

Adaloで学生の進捗を追跡し、証明書を発行することはできますか?

はい、Adalo ではレッスン完了、全体的なコース進捗率、最後にアクセスしたコンテンツを監視する包括的な進捗追跡を構築できます。学生名、コース タイトル、修了日を表示する自動化された証明書生成も作成できます。証明書を提供するプラットフォームは大幅に高い完了率を見ています。

オンライン コース プラットフォームの構築にはいくらかかりますか?

コース プラットフォームの従来のアプリ開発には $50,000~$150,000 かかります。Adalo のスターター プランで月額 $36 なら、カスタム ドメイン、アプリ ストア公開、無制限のデータベース レコード、使用量ベースの料金がありません。外部ビデオ ホスティング コスト (YouTube は無料、Vimeo は月額約 $12 から) を追加して、月額 $50 未満でローンチできます。

Adalo でコース プラットフォームを構築するのにコーディング経験が必要ですか?

コーディング経験は必要ありません。Adalo のビジュアル ビルダーはすべてのコンポーネント、統合されたデータベース管理、ワンクリック公開にドラッグ アンド ドロップ インターフェイスを使用します。このプラットフォームは「PowerPoint と同じくらい簡単」と説明されており、技術的背景を持たない教育者や起業家がアクセスできます。

事前作成されたアプリテンプレートの1つを使用して、アプリを素早く構築

コードなしで構築を開始

関連コンテンツ