ステップバイステップガイド:AdaloでPatreonクローンを作る

ステップバイステップガイド:AdaloでPatreonクローンを作る

Adaloがクリエイターメンバーシッププラットフォーム構築に有効な理由

Adaloはデータベース駆動型WebアプリおよびネイティブのiOS・Androidアプリ向けのノーコードアプリビルダーで、Apple App StoreおよびGoogle Playに3つのプラットフォームすべてで1つのバージョンを公開できます。これにより、クリエイター、パトロン、サブスクリプション階層、限定コンテンツ間の複雑なリレーションシップを管理するための強力なデータベース機能が必要なPatreon風メンバーシッププラットフォームの構築に最適なソリューションです。従来の開発のオーバーヘッドは不要です。

App Store配信はクリエイターメンバーシッププラットフォームにとって重要です。なぜなら、パトロンはお気に入りのクリエイターからの新しい投稿、ライブストリーム、限定アップデートへの即時モバイルアクセスを期待するからです。Adaloを使えば、新しいコンテンツが公開された瞬間にサポーターに通知するプッシュ通知を活用でき、エンゲージメントを高く保ち、定期サブスクリプションの解約を減らせます。このネイティブアプリ体験はWebアクセスと組み合わさって、クリエイターがどこにいてもオーディエンスにリーチできることを保証します。

Ada(AdaloのAIビルダー)は、希望するものを説明するだけでアプリを生成します。Magic Startは説明からアプリの完全な基盤を作成し、Magic Addは自然言語を通じて機能を追加します。

Magic Start(Adaloのこの機能)は、説明から完全なアプリ基盤を生成します。クリエイターメンバーシッププラットフォームが必要と伝えれば、データベース構造、画面、ユーザーフローを自動的に作成します。以前は数日かかっていた計画が、数分で完了します。

Patreonクローンの計画:データベース構造とユーザーロール

適切なデータベースアーキテクチャがメンバーシッププラットフォームの基盤です。Adaloの組み込みリレーショナルデータベースはサブスクリプションアプリに必要な複雑なリレーションシップをサポートし、有料プランではデータベースレコード無制限です。プラットフォームが処理できるクリエイター、パトロン、コンテンツ数に上限はありません。

クリエイター、パトロン、階層のコレクションを設定する

アプリには以下のコアコレクションが必要です:

Usersコレクション(組み込み):

  • フルネーム
  • メール(認証)
  • パスワード(認証)
  • プロフィール画像
  • 自己紹介(複数行テキスト)
  • ユーザーロール(テキスト:「クリエイター」または「パトロン」)
  • Stripe顧客ID(支払い追跡用)
  • 総収益(数値、クリエイター向け)
  • 会員登録日(日時)

Membership Tiersコレクション:

  • 階層名(テキスト)
  • 説明(複数行テキスト)
  • 価格(数値)
  • 請求サイクル(テキスト:「月次」または「年次」)
  • 特典リスト(複数行テキスト)
  • 最大会員数(数値、オプション)
  • 作成日(日時)

Contentコレクション:

  • タイトル(テキスト)
  • 説明(複数行テキスト)
  • コンテンツタイプ(テキスト:「投稿」「動画」「音声」「ファイル」)
  • コンテンツ本文(複数行テキストまたはファイル)
  • サムネイル(画像)
  • 公開日(日時)
  • 公開(真/偽)

Subscriptionsコレクション:

  • サブスクリプション状態(テキスト:「アクティブ」「キャンセル済み」「一時停止」「支払い期限切れ」)
  • 開始日(日時)
  • 次回請求日(日時)
  • Stripe サブスクリプションID(テキスト)
  • キャンセル理由(テキスト、オプション)

ユーザーとコンテンツ間のリレーションシップを定義する

以下の重要なリレーションシップを設定します:

  1. Membership Tiers → Users(クリエイター):1対多
    • 各階層は1人のクリエイターに属する
    • 各クリエイターは複数の階層を持てる
  2. Subscriptions → Users(パトロン):多対1
    • 各サブスクリプションは1人のパトロンに属する
    • 各パトロンは複数のサブスクリプションを持てる
  3. Subscriptions → Membership Tiers:多対1
    • 各サブスクリプションは1つの階層向け
    • 各階層は多くのサブスクリプションを持てる
  4. Content → Users(クリエイター):多対1
    • 各コンテンツは1人のクリエイターに属する
  5. Content → Membership Tiers:多対多
    • コンテンツは複数の階層で利用可能にできる
    • 各階層は複数のコンテンツにアクセス権を付与

Adaloアカウントの設定と適切なプランの選択

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

  1. Adalo.comにアクセス
  2. 「無料で始める」をクリック
  3. メールを入力してパスワードを作成
  4. メールアドレスを確認
  5. オンボーディングアンケートを完了

無料プランと有料プラン:サブスクリプションアプリに必要なもの

現在のプラン機能と費用についてはAdaloのpricingページをご確認ください。サブスクリプションアプリの主な検討事項:

プラン 価格 メンバーシップアプリの主な機能
Free $0 データベース構造の構築とテスト;AdaloサブドメインでのWeb公開
Starter 月額$36 カスタムドメイン、Stripe支払い、App Store/Play Store公開、無制限の使用量
Professional 上位プラン External Collections(Airtable/Xano/REST)、高度な統合
Team 上位プラン 複数の公開アプリ、追加エディター、Adalo Collections API

重要:すべてのAdaloプランには無制限の使用量が含まれ、App Actions料金がありません。つまりプラットフォームが成長しても予期しない請求が発生しません。これはWorkload Unitsによって予測不可能なコストが生じる可能性があるBubbleなどの競合と大きく異なります。

クリエイターダッシュボードの構築:画面とナビゲーション

ステップ2:アプリの基盤を設定する

  1. Adaloダッシュボードで「新しいアプリを作成」をクリック
  2. 「モバイルアプリ」を選択(レスポンシブデザインでWebにも対応)
  3. アプリに名前を付ける(例:「CreatorHub」)
  4. 「ゼロから始める」を選択するか、Magic Startでベースを生成
  5. ブランドカラーとフォントを選択
  6. 「続ける」をクリックしてビルダーに入る

ステップ3:ウェルカムと認証フローを作成する

ウェルカム画面:

  1. 上部にロゴ画像を追加
  2. 見出しテキストを追加:「好きなクリエイターをサポートしよう」
  3. サブ見出しを追加:「限定コンテンツを入手してお気に入りのクリエイターと直接つながりましょう」
  4. 2つのボタンを追加:
    • 「新規登録」→ 新規登録画面にリンク
    • 「ログイン」→ ログイン画面にリンク

新規登録画面:

  1. Usersコレクションに接続したFormコンポーネントを追加
  2. 以下のフィールドを含める:
    • メール(メール入力)
    • パスワード(パスワード入力)
    • フルネーム(テキスト入力)
    • プロフィール画像(画像ピッカー)
  3. 「私は」用のドロップダウンを追加:
    • クリエイター
    • パトロン
  4. 送信ボタンのテキスト:「アカウントを作成」
  5. 送信時のアクション:
    • ユーザーを作成
    • ユーザーロール = 「クリエイター」なら → クリエイター設定に移動
    • ユーザーロール = 「パトロン」なら → パトロンホームに移動

よくある質問

クリエイタープラットフォームにAdaloを選ぶ理由は?

AdaloはAIを活用したアプリビルダーで、単一のコードベースから真のネイティブiOSおよびAndroidアプリを作成します。組み込みリレーショナルデータベースにより、クリエイター、パトロン、サブスクリプション階層、限定コンテンツ間の複雑なリレーションシップを処理できます。有料プランでは月額$36から、データベースレコードは無制限です。

Adaloで支払いを処理できますか?

はい。AdaloはStripeと統合して定期的なサブスクリプション支払いを処理できます。StripeコンポーネントをマーケットプレイスからインストールしてAPIキーを設定するだけです。Stripe料金は地域や支払い方法によって異なります。米国のオンラインカードの場合、一般的に成功した請求1件につき2.9% + $0.30からとなります。

メンバーシップ階層でコンテンツをゲートする方法は?

Adaloの条件付き表示機能を使用して、ログインユーザーのサブスクリプション状態に基づいてコンテンツの表示/非表示を切り替えます。ユーザーのアクティブなサブスクリプションを確認し、それに応じてコンテンツをフィルタリングするロジックを設定します。

テンプレートからアプリ開発をスタート

既製のアプリテンプレートを使って、すばやくアプリを構築しましょう

ノーコードで開発を始める
言語: 日本語