ステップバイステップガイド:Adaloを使用したEtsyクローンの構築

マーケットプレイスアプリの構築にAdaloが最適な理由

Adaloは、データベース駆動型のウェブアプリとネイティブiOSおよびAndroidアプリ用のノーコードアプリビルダーです。3つのプラットフォーム全体で1つのバージョンで、Apple App StoreおよびGoogle Playに公開されます。これにより、売り手と買い手が自宅のラップトップでも工芸品フェアでスマートフォンを閲覧していても、シームレスなアクセスが必要なEtsyスタイルのマーケットプレイスの構築に独自の適性があります。

双方向マーケットプレイスが成功するためには、ユーザーがどこにいてもリーチすることが不可欠です。Adaloを使用すると、マーケットプレイスをアプリストアとウェブの両方に同時に公開でき、プッシュ通知を有効にして、買い手に新製品について、売り手に新しい注文について通知できます。このマルチプラットフォーム対応により、ブランドとユーザーエクスペリエンスを完全に制御しながら、確立されたマーケットプレイスと競争するのに役立ちます。

従来、Etsyのようなマーケットプレイスアプリの構築には、数ヶ月の開発時間と大きな技術的専門知識が必要でした。売り手は商品を掲載するためのプラットフォームが必要で、買い手は直感的なブラウジングとチェックアウト体験が必要で、両者はメッセージング、レビュー、注文管理が必要で、すべてがウェブとモバイル全体で同期されていました。AI搭載のアプリビルダーであるAdaloは、非技術系創業者にとってこれを実現可能にします。組み込みのリレーショナルデータベースとビジュアル開発ツールにより、単一のコードベースからウェブ、iOS App Store、Google Play Storeに公開される完全な双方向マーケットプレイスを作成できます。

この包括的なチュートリアルでは、売り手が手作り製品をリストアップし、買い手が閲覧、購入、レビューすることができる完全に機能するEtsyスタイルのマーケットプレイスの構築について説明します。すべてコードを書かずに行えます。データベース構造、ユーザー認証、商品リスト、ショッピングカート、Stripeペイメント付きチェックアウト、レビュー、メッセージング、本番環境対応のマーケットプレイスに必要なすべてを作成します。

マーケットプレイスアプリの構築にAdaloが最適な理由

双方向マーケットプレイスが成功するためには、ユーザーがどこにいてもリーチすることが不可欠です。Adaloを使用すると、マーケットプレイスをアプリストアとウェブの両方に同時に公開でき、プッシュ通知を有効にして、買い手に新製品について、売り手に新しい注文について通知できます。このマルチプラットフォーム対応により、ブランドとユーザーエクスペリエンスを完全に制御しながら、確立されたマーケットプレイスと競争するのに役立ちます。

プラットフォームの モジュラーインフラストラクチャは、月間アクティブユーザーが数百万人のアプリにサービスを提供するようにスケーリングします上限なしで利用できます。アプリラッパーが負荷下でパフォーマンスの制約に直面するのとは異なり、Adaloの目的別に構築されたアーキテクチャは規模に応じて速度を維持します。これはマーケットプレイスにおいて読み込み時間の遅さが直接コンバージョン率に影響するため重要です。有料プランには以下が含まれます 無制限のデータベースレコードつまり、製品カタログ、ユーザーベース、注文履歴は、ストレージの上限に達したり予期しない請求が発生したりすることなく成長できます。

Etsyクローンとは何か、そしてなぜ構築するのか

Etsyクローンは 双方向マーケットプレイスプラットフォーム で、個別の売り手と買い手を結び、マーケットプレイス所有者が在庫を管理することなく取引を促進します。自分の製品を販売する従来のeコマースサイトとは異なり、マーケットプレイスは複数のベンダーがストアを運営するためのインフラストラクチャを提供します。

Etsy自体は 750万人の売り手 と9,510万人の買い手を結び、2022年に26億ドルの収益を生み出しました。独自バージョンを構築することで、以下が可能になります：

• プラットフォームとブランドを完全に所有する
• マネタイズ戦略を制御する
• 特定のニッチに合わせて機能をカスタマイズする
• ウェブ、iOS、Androidに同時に公開する

Gartnerは、2026年までにエンタープライズによって開発される新規アプリケーションの70%がローコード/ノーコード技術を使用することを予測しています。Forresterは、これらのアプローチが従来の開発と比較して最大10倍の配信を加速できることを報告しています。

前提条件と初期設定

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

1. 訪問 Adalo.com をクリックして「サインアップ」
2. メールアドレスを入力してパスワードを作成
3. メールアドレスを認証
4. 無料プランを選択して開始します（テストアプリは無制限）
5. アップグレードできます 有料プランへ 公開する準備ができたら

AdaloのビルダーであるAdaは、あなたが何を望んでいるかを説明してアプリを生成することができます。Magic Startは説明からアプリの基盤全体を作成し、Magic Addは自然言語を通じて機能を追加します。

無料ティアはプロトタイピングとテストに適しています。公開する準備ができたら、以下から始まる有料プランが含まれます 月額36ドル 無制限の使用とレコード制限なし、これはBubbleのようなプラットフォーム（複雑な計算でワークロードユニットに基づいて請求される）に対する大きな利点です。

ステップ2：マーケットプレイスアプリの作成

1. ダッシュボードから「新しいアプリを作成」をクリックします
2. アプリの名前を付けます（例：「HandmadeMarket」）
3. 「モバイルアプリ」を選択します（マーケットプレイスアプリに推奨）
4. 完全に制御するために「ゼロから開始」を選択するか、以下を使用します Magic Start を使用して説明からファンデーションを生成します
5. 「アプリを作成」をクリック

Magic Startは初期設定を大幅に加速できます。マーケットプレイスのコンセプトを説明します。「職人の売り手と買い手を結ぶ手作り商品マーケットプレイス」と入力すると、データベース構造、初期スクリーン、ユーザーフローが自動的に生成されます。計画に数日かかっていたことが数分で完了します。

ステップ3：アプリのテーマを設定する

1. プライマリブランドカラーを選択します（例：手作り美学のための暖かいテラコッタ）
2. コールトゥアクションボタン用の補色を選択します
3. 読みやすく親しみやすいフォントファミリーを選択します
4. スペーシングとコーナー半径の設定を行います
5. 「続行」をクリックしてビジュアルビルダーに進みます

マーケットプレイスデータベース構造の構築

データベース構造はマーケットプレイス全体の基礎です。これを慎重に計画する時間をかけてください。後で再構築するのははるかに難しくなります。Adaloのビジュアルビルダーは、単一のキャンバスに最大400のスクリーンを同時に表示し、構築しながらアプリアーキテクチャの完全なビューを提供します。

ステップ 4：ユーザーコレクションを強化する

Usersコレクションはデフォルトで存在します。マーケットプレイス機能のためにカスタマイズします：

1. 「追加またはインポート」をクリックします データベース 左サイドバーのアイコン
2. 「Users」コレクションを選択します
3. 「+ プロパティを追加」をクリックして、以下のフィールドを追加します：

• 姓名 （テキスト）
• 電話番号 （テキスト）
• プロフィール画像 （画像）
• ユーザータイプ （テキスト）- 値：「バイヤー」、「セラー」、「両方」
• プロフィール （テキスト - 複数行）
• ショップ名 （テキスト）- 売り手用
• ショップバナー （画像）
• 場所 （テキスト）
• 平均評価 （数値）
• 総レビュー （数値）
• メンバー登録日 （日付と時刻 - 作成日に設定）

これにより、ユーザーがマーケットプレイス内で買い手、売り手、またはその両方として行動する柔軟性が生じます。

ステップ5：商品コレクションの作成

1. 「 「+ コレクションを追加」
2. 「製品」という名前を付けます
3. これらのプロパティを追加：

• 製品名 （テキスト）
• 説明 （テキスト - 複数行）
• 価格 （数値）
• 探索 （テキスト） - 値：「ジュエリー」、「ホームデコア」、「アパレル」、「アート」、「クラフト用品」、「おもちゃ」、「ペーパーグッズ」
• 製品イメージ （画像 - 複数許可）
• 利用可能数量 （数値）
• SKU （テキスト - 自動生成）
• ステータス （テキスト） - 値：「アクティブ」、「売切れ」、「下書き」
• タグ （テキスト - 検索用）
• 使用材料 （テキスト）
• サイズ （テキスト）
• 体重 （数値）
• 処理時間 （テキスト） - 例：「1～3営業日」
• 作成日 （日付と時刻-自動）
• ビュー数 （数値）

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

1. 「 「+ コレクションを追加」
2. 「注文」という名前を付けます
3. これらのプロパティを追加：

• など)を割り当てることです。これにより、更新中の重複エントリが防止されます。同期ツールがこれらの一意の識別子を使用してフィールドを照合するように設定されている場合、既存の行を更新したり、一致が見つからない場合は新しい行を追加したりできます。 （テキスト - 自動生成）
• 注文日 （日付と時刻-自動）
• 合計金額 （数値）
• 小計 （数値）
• 配送料 （数値）
• 税金 （数値）
• 注文ステータス 「保留中の支払い」、「処理中」、「発送済み」、「配達済み」、「キャンセル済み」、「返金済み」
• 配送先住所 （テキスト - 複数行）
• 追跡番号 （テキスト）
• 売り手への注記 （テキスト）
• 予想配達日 （日付）

ステップ7:注文項目コレクションを作成する

1つの注文は複数の売り手から製品を含むことができるため、ジャンクションテーブルが必要です:

1. 「 「+ コレクションを追加」
2. 「注文アイテム」という名前を付けます
3. これらのプロパティを追加：

• 数量 （数値）
• 商品価格 (数値) - 購入時に価格をロック
• 項目合計 (数値) - 数量 × 項目価格
• 売り手手数料 (数値) - マーケットプレイス手数料
• 処理ステータス (テキスト) - 値: 「保留中」、「処理中」、「発送済み」、「配達済み」

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

1. 「 「+ コレクションを追加」
2. 「レビュー」と名付ける
3. これらのプロパティを追加：

• 評価 (数値) - 1～5 つ星
• レビュータイトル （テキスト）
• レビューテキスト （テキスト - 複数行）
• レビュー画像 （画像 - 複数許可）
• 役立つ数 (数値) - レビューの投票用
• 確認済み購入 （真偽値）
• 作成日 （日付と時刻-自動）
• セラーの返応 （テキスト - 複数行）

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

1. 「 「+ コレクションを追加」
2. 「カート項目」と名付ける
3. プロパティを追加：

• 数量 （数値）
• 追加日 （日付と時刻-自動）

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

1. 「 「+ コレクションを追加」
2. 「Payments」と名前を付ける
3. プロパティを追加：

• 支払いID （テキスト - 自動生成）
• 金額 （数値）
• 支払い方法 (テキスト) - 例:「カード、Apple Pay、Google Pay」
• カード末尾4桁 （テキスト）
• 支払いステータス (テキスト) - 値: 「保留中」、「完了」、「失敗」、「払い戻し」
• Stripe支払いID （テキスト）
• 支払い日 （日付と時刻-自動）

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

この重要なステップはコレクションを適切に接続します:

製品コレクション内:

• ユーザーへの関係を追加:「売り手」(1人のユーザーは多くの製品を持つことができます)

注文コレクション内:

• ユーザーへの関係を追加:「買い手」(1人のユーザーは多くの注文を持つことができます)
• 支払いへの関係を追加: 1対1

注文項目コレクション内:

• 注文への関係を追加:多対1(1つの注文は多くの注文項目を持ちます)
• 製品への関係を追加:多対1
• ユーザーへの関係を追加:「売り手」(手数料追跡用)

レビューコレクション内:

• ユーザーへの関係を追加:「レビュアー」(レビューを残すユーザー)
• 製品への関係を追加:多対1
• ユーザーへの関係を追加:「売り手」(売り手の評価に影響)
• 注文項目への関係を追加:1対1(確認済み購入を確保)

カート項目コレクション内:

• ユーザーへの関係を追加:多対1(1人のユーザーは多くのカート項目を持ちます)
• 製品への関係を追加:多対1

ユーザー認証とプロフィールの作成

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

1. デフォルトスクリーンを「Welcome」に名前変更
2. アプリロゴの 画像 マーケットプレイスロゴ用コンポーネント
3. 追加 テキスト:「独立した職人からユニークなハンドメイド商品を発見」
4. 2つを追加 ボタン:
   • 「サインアップ」→「サインアップ」画面にリンク(新しい画面を作成)
   • 「ログイン」→「ログイン」画面にリンク(新しい画面を作成)
5. ブランドカラーでスタイリング

ステップ13: サインアップ画面を作成

1. 新しい画面「サインアップ」を追加
2. 追加 フォーム コンポーネント:
   • ユーザーコレクションに接続
   • フィールドを追加:メール、パスワード、フルネーム、電話番号
3. 追加 ドロップダウン 「私がしたいこと:」の場合:
   • オプション:「アイテムを購入」、「アイテムを売却」、「両方」
   • これにより、ユーザータイププロパティが設定されます
4. 追加 画像ピッカー プロフィール画像(オプション)の場合
5. 送信ボタンアクションを設定：
   • ユーザータイプに「売却」が含まれている場合→「売り手セットアップ」画面にリンク
   • その他の場合→「バイヤーホーム」画面にリンク

ステップ14:売り手セットアップ画面を作成する

1. 新しい画面「売り手セットアップ」を追加
2. 追加 フォーム ログインしているユーザーを更新:
   • ショップ名(テキスト入力)
   • 自己紹介(テキストエリア)
   • ショップバナー(画像選択)
   • 場所（テキスト入力）
3. 追加 テキスト:「買い手にあなたの工芸品と製品を特別にしているものについて伝えてください」
4. 送信ボタン→「売り手ダッシュボード」にリンク

このオンボーディングフローにより、売り手は製品をリストする前に必要なショップ情報を提供できます。

ステップ15:ユーザープロフィール画面を構築する

1. 「マイプロフィール」画面を作成して表示:
   • プロフィール画像と名前
   • プロフィール
   • メンバー登録日
   • 平均評価と総レビュー数
   • 販売者の場合：ショップ名とバナー
2. 「プロフィールを編集」ボタンを追加→プロフィール更新フォームへのリンク
3. 「公開プロフィール」画面を作成（他のユーザーが見る画面）
   • 同じ情報ですが読み取り専用
   • 販売者の場合：商品リストを表示
   • 受け取ったレビューを表示

買い手向けの閲覧体験の構築

ステップ16：買い手ホーム画面を作成

1. 新しい画面「買い手ホーム」を追加
2. 追加 検索バー トップ:
   • プレースホルダー：「ハンドメイド商品を検索...」
   • 商品コレクションに接続
   • 検索フィールド：商品名、タグ、カテゴリ
3. 水平カテゴリチップを追加：
   • リスト 水平スクロール内のコンポーネント
   • 一意のカテゴリを表示
   • クリックするとカテゴリ別に商品をフィルタリング
4. 「おすすめ商品」セクションを追加：
   • リスト 商品（閲覧数または作成日でソート）
   • 表示：商品画像、名前、価格、販売者ショップ名
   • グリッドレイアウト（モバイルでは2列）

ステップ17：カテゴリ閲覧画面を構築

1. 「カテゴリ」画面を作成
2. 前の画面からカテゴリパラメータを受け入れる
3. 追加 リスト カテゴリでフィルタリングされた商品
4. ソートオプションを追加:
   • ドロップダウン：「最新順」、「価格：低い順」、「価格：高い順」、「人気順」
5. フィルタパネルを追加：
   • 価格範囲スライダー
   • 素材タイプのチェックボックス
   • 在庫状況トグル

Stanford の Web Credibility Project の研究では、ビジュアルデザインが知覚される信頼性の主要な駆動要因であることが強調されており、クリーンで専門的な商品表示は買い手との信頼を構築します。

ステップ18：商品詳細画面を作成

1. 新しい画面「商品詳細」を追加
2. 上部に画像カルーセルを追加：
   • すべての商品画像を表示
   • スワイプ可能なギャラリー
3. 商品情報セクションを追加:
   • テキスト：商品名（大きく、太字）
   • テキスト：価格（目立つ位置に）
   • テキスト: 説明
   • テキスト：素材、寸法、重量
   • テキスト：処理時間
   • テキスト：利用可能な数量
4. 販売者情報セクションを追加：
   • ショップ名（クリック可能→公開プロフィール）
   • 売り手評価
   • 「売り手にメッセージ」ボタン
5. アクションボタンを追加：
   • を含めて詳細を開くかファイルをダウンロードします。：「カートに追加」→カートアイテムを作成
   • を含めて詳細を開くかファイルをダウンロードします。：「今すぐ購入」→カートに追加してチェックアウトに移動
6. レビューセクションを追加：
   • リスト この商品のレビュー
   • 表示：評価、レビュアー名、レビュー本文、日付
   • 「レビューを書く」ボタン（購入済みの場合のみ）

ステップ19：検索結果画面を構築

1. 「検索結果」画面を作成
2. 検索クエリパラメータを受け入れる
3. 追加 リスト 検索に一致する製品の数：
   • フィルター：製品名がクエリを含むか、またはタグがクエリを含む
   • 結果の数を表示
4. 「結果なし」の空の状態を提案付きで追加
5. 最近の検索を追加（オプションの高度な機能）

ショッピングカートとチェックアウトフローの作成

ステップ 20：ショッピングカート画面を構築

1. 新しい画面「ショッピングカート」を追加
2. 追加 リスト ログインしたユーザーのカートアイテムの数：
   • 表示：商品画像、名前、価格
   • 数量セレクター（+および-ボタン）
   • アイテムを削除ボタン
   • 販売者名（複数の場合は販売者でグループ化）
3. 小計計算を追加：
   • テキスト 計算式：（カートアイテム数量 × 商品価格）の合計
4. 追加 を含めて詳細を開くかファイルをダウンロードします。「チェックアウトに進む」
5. 空のカート状態を追加：「カートが空です。ショッピングを始めましょう！」

ショッピングカートのワークフロー シンプルさとアイテムの明確な表示のバランスを取る必要があります。

ステップ 21：チェックアウト画面を作成

1. 新しい画面「チェックアウト」を追加
2. 注文サマリーセクションを追加:
   • すべてのカートアイテムをリスト表示
   • 小計を表示
3. 追加 フォーム 配送情報の場合：
   • 姓名
   • 配送先住所フォーム
   • 市区町村、都道府県、郵便番号
   • 電話番号
4. コスト内訳を追加：
   • 小計
   • 配送（アイテム/販売者に基づいて計算）
   • 税金（該当する場合）
   • 合計 （太字、大きい）
5. 支払いセクションを追加（次のステップ）
6. 「販売者へのメモ」テキストエリアを追加

ステップ 22：Stripe 支払いをインストールして構成

1. に移動してください Adaloマーケットプレイス
2. 「Stripe」コンポーネントを検索
3. 「インストール」をクリック
4. アプリに戻る
5. Stripe API キーを取得 Stripe ダッシュボード
6. Adalo で、設定 → 統合 → Stripe に移動
7. Stripe 公開キーとシークレットキーを追加
8. チェックアウト画面に追加 Stripe Payment コンポーネント:
   • (商品価格 + 送料)
   • 今後の購入のためにカードを保存（オプション）
   • 収集：カード番号、有効期限、CVC、請求郵便番号
9. 送信時に支払いアクションを構成：
   • 注文レコードを作成
   • 各カートアイテムの注文アイテムを作成
   • Stripe決済IDで支払いレコードを作成
   • ユーザーのカートアイテムをクリア
   • 確認メールを送信
   • 「注文確認」画面に移動

Stripe は PCI DSS レベル 1 サービスプロバイダーであり、ほとんどの PCI 負担をオフロードしますが、Stripe Checkout/Elements を使用する場合でも、PCI コンプライアンス（例：SAQ A）を検証する必要があります。

ステップ 23：注文確認画面を構築

1. 新しい画面「注文確認」を追加
2. 成功メッセージを表示:
   • テキスト「注文が正常に完了しました！」
   • テキスト「注文 #[注文番号]」
3. 注文サマリーを表示：
   • 注文された商品
   • 合計金額
   • 配送予定日
   • 配送先住所
4. アクションボタンを追加：
   • を含めて詳細を開くかファイルをダウンロードします。「注文を追跡」→ 注文詳細へのリンク
   • を含めて詳細を開くかファイルをダウンロードします。「ショッピングを続ける」→ ホームへのリンク
5. メール確認通知を追加

販売者エクスペリエンスの構築

ステップ24：セラーダッシュボードを作成

1. 新しい画面「販売者ダッシュボード」を追加
2. 上部にクイック統計セクションを追加：
   • リストされた総商品数
   • アクティブな注文数
   • 今月の売上
   • 平均評価
3. ナビゲーションカードを追加：
   • 「マイ商品」→ 商品管理画面
   • 「注文」→ セラー注文画面
   • 「売上分析」→ 分析画面
   • 「ショップ設定」→ ショップ設定
4. 最近の注文リストを追加：
   • リスト ログインユーザーがセラーである最近の注文アイテムの
   • 表示内容：注文番号、商品、購入者名、ステータス
   • 詳細をクリック

ステップ25：商品管理画面を構築

1. 新しい画面「マイ商品」を追加
2. 追加 を含めて詳細を開くかファイルをダウンロードします。：「+ 新規商品を追加」→ 「商品を追加」画面へリンク
3. 商品のタブ付きリストを追加：
   • タブ1：アクティブな商品
   • タブ2：下書き商品
   • タブ3：売り切れ商品
4. リスト内の各商品について表示：
   • 商品画像のサムネイル
   • 名前と価格
   • 利用可能な数量
   • ビュー数
   • 編集ボタン → 「商品を編集」画面へリンク
   • 削除ボタン（確認付き）

使用 Magic Add 機能をすばやく拡張します。「一括商品アップロード機能を追加」など必要な内容を説明すると、AIが必要なコンポーネントとロジックを生成します。

ステップ26：商品追加/編集画面を作成

1. 新しい画面「商品追加」を追加
2. 追加 フォーム 商品コレクションに接続：
   • 商品名（テキスト入力）
   • 説明（テキスト エリア）
   • 価格(数値入力)
   • カテゴリ（ドロップダウン）
   • 商品画像（画像ピッカー - 複数）
   • 利用可能な数量（数値入力）
   • タグ（カンマ区切りのテキスト入力）
   • 使用素材（テキスト入力）
   • サイズ（テキスト入力）
   • 重量（数値入力）
   • 処理時間（ドロップダウン：「1-2日」、「3-5日」、「1-2週間」）
   • ステータス（ドロップダウン：「アクティブ」、「下書き」）
3. セラーの関係をログインユーザーに設定
4. 送信ボタンで商品を作成 → 「マイ商品」に戻る
5. 同じフォームをあらかじめ入力した「商品を編集」画面を作成

ステップ27：セラー注文画面を構築

1. 新しい画面「販売者注文」を追加
2. フィルタータブを追加：
   • すべて
   • 保留中（処理ステータス = 「保留中」）
   • 進行中（「処理中」）
   • 発送済み
   • 完了
3. 追加 リスト 注文アイテムのリスト（販売者 = ログイン中のユーザー）:
   • 表示: 注文番号、商品、購入者名、数量、合計
   • 注文日
   • 処理ステータス
   • 配送先住所（展開可能）
4. アイテムをクリック → 「注文詳細」画面
5. 一括アクション追加:
   • 処理中としてマーク
   • 発送済みとしてマーク
   • 配送ラベルを印刷

ステップ28: 販売者向け注文詳細画面を作成

1. 新しい画面「注文詳細 - 販売者」を追加
2. 注文情報を表示:
   • 注文番号と日付
   • 購入者名と配送先住所
   • 商品詳細と数量
   • アイテム合計と手数料
3. ステータス更新セクション追加:
   • 現在の処理ステータス
   • を含めて詳細を開くかファイルをダウンロードします。: 「処理中としてマーク」
   • を含めて詳細を開くかファイルをダウンロードします。: 「発送済みとしてマーク」→ 追跡番号入力フォームを開く
   • を含めて詳細を開くかファイルをダウンロードします。: 「購入者に連絡」
4. アクションボタンを追加：
   • 梱包伝票を印刷
   • 配送ラベルをダウンロード（統合が存在する場合）

レビューと評価の実装

ステップ29: レビュー送信フローを構築

1. 注文詳細画面（購入者側）に「レビューを書く」ボタンを追加
2. 注文ステータス = 「配送済み」でレビューが存在しない場合のみ表示
3. 「レビューを書く」画面を作成:
   • 星評価 コンポーネント（1～5つ星）
   • レビュータイトル（テキスト入力）
   • レビュー本文（テキストエリア）
   • 写真を追加（画像ピッカー - オプション）
4. 送信でレビューレコード作成:
   • 商品にリンク
   • 販売者にリンク
   • 注文アイテムにリンク（認証済み購入としてマーク）
   • レビュアーをログイン中のユーザーに設定
5. 商品詳細に戻る

ステップ30: 平均評価を計算して表示

1. レビューが送信されたときのカスタムアクションを作成
2. 商品の平均評価を計算:
   • 商品のすべてのレビューをカウント
   • すべての評価値を合計
   • 商品の平均評価を更新: 合計 ÷ カウント
3. 販売者の平均評価を計算:
   • 販売者の商品のすべてのレビューをカウント
   • 平均を計算
   • 販売者（ユーザー）の平均評価を更新
   • レビュー総数をカウント更新
4. 評価を表示：
   • 商品カード（星表示）
   • 商品詳細ページ
   • 売り手プロフィール
   • 検索結果

ステップ31: レビュー表示の作成

1. 製品詳細画面にレビューセクションを追加:
   • ソート: 最新順、評価が高い順、役に立つ順
   • リスト 表示: 星評価、タイトル、テキスト、レビュアー名、日付
   • 注文アイテムにリンクされている場合は「確認済み購入」バッジ
   • 役に立つボタン (役に立つカウントを増加)
   • レビュー画像がある場合は表示
2. 多くのレビューについてはページネーションまたは「さらに読み込む」を追加
3. 各レビューの下に売り手の返信を表示

買い手と売り手間のメッセージング追加

ステップ32: メッセージングシステムの作成

1. 新しいコレクション「会話」を追加:
   • プロパティ: 最後のメッセージ (テキスト)、最後のメッセージ日時 (日付と時刻)、ステータス (テキスト)
   • リレーションシップ: 買い手 (ユーザー)、売り手 (ユーザー)、製品 (オプション)
2. コレクション「メッセージ」を追加:
   • プロパティ: メッセージテキスト (テキスト)、作成日時 (日付と時刻)、読む (真/偽)
   • リレーションシップ: 会話 (多対1)、送信者 (ユーザー)
3. 製品詳細で「売り手にメッセージ」ボタンを追加 → 会話を作成/開く
4. 「会話」画面を作成:
   • 上部に製品コンテキストを表示 (該当する場合)
   • リスト 会話内のメッセージ (日付順にソート)
   • 下部にテキスト入力と送信ボタン
5. 「マイメッセージ」画面を作成:
   • リスト ログインユーザーの会話
   • 表示: 他のユーザーの名前、最後のメッセージプレビュー、未読インジケーター
   • クリック → 会話を開く

ステップ33: メッセージ通知の実装

1. 新しいメッセージが送信された場合:
   • 送信 プッシュ通知 受信者に
   • 会話の最後のメッセージ日時を更新
   • 読む = 偽に設定
2. 通知テキストを設定: 「[送信者名] さんから [製品名] についてのメッセージがあります」
3. 通知クリックで会話を開く

Adaloのコンポーネントマーケットプレイスでのカスタマイズ

ステップ34: コンポーネントで高度な機能を追加

以下にアクセス Adaloマーケットプレイス 機能を拡張:

「高度な検索」コンポーネントを検索:

• オートコンプリート候補を追加
• 同義語マッチング
• 検索履歴

「画像カルーセル」コンポーネントをインストール:

• より良い製品画像ギャラリー
• ズーム機能
• サムネイルナビゲーション

「ソーシャルシェア」コンポーネントを追加:

• ユーザーが製品をソーシャルメディアで共有できるようにします
• マーケットプレイスの可視性を向上させます

「カレンダー」コンポーネントをインストール:

• カスタム/オーダーメイド商品を提供する売り手向け
• コンサルテーションをスケジュール

「分析ダッシュボード」コンポーネントを追加:

• 売上追跡
• トラフィック分析
• 収益の可視化

マーケットプレイスには、Adaloおよびサードパーティ開発者の数十のコンポーネントが含まれており、ゼロから構築することなく高度な機能を追加できます。

外部ツールとオートメーションの統合

ステップ35: オートメーション用にZapierを接続

1. に移動してください AdaloのZapier統合
2. 「接続」をクリックして両方のアカウントを認証
3. 有用なオートメーション(「Zaps」)を作成:
   • 新規注文 → 売り手へのメール: 注文アイテムが作成されたら、注文詳細を含むメールを送信
   • 新規商品 → ソーシャルメディア投稿: 商品ステータス = アクティブの場合、ソーシャルメディアに投稿
   • 発送済み注文 → メール: ステータス = 発送済みの場合、追跡情報を含むメールを購入者に送信
   • 新規レビュー → Slack: 新しいレビューをチームチャネルに通知
4. Zapierインターフェースでトリガーとアクションを設定
5. 有効化する前に各Zapをテスト

Zapierオートメーションにより、手動タスクが不要になり、売り手と買い手が自動的に情報を得られます。

ステップ36: メール通知を設定

1. Adalo では、 メール送信 重要なイベントのアクション:
   • 注文確認(買い手と売り手へ)
   • 注文ステータスの更新
   • 新しいメッセージ通知
   • レビューリマインダー(配達後5日)
   • 新規ユーザー向けのウェルカムメール
2. 以下の内容でメールテンプレートをデザイン:
   • 明確な件名
   • 注文/商品の詳細
   • 関連するアクションボタン
   • マーケットプレイスのブランディング

ステップ37: 高度なデータ管理用にAirtableを検討

高度な在庫追跡または売り手分析の場合:

1. または Make を接続して高度な自動化を実現: Airtable統合に移行し、その後
2. 商品データをAirtableと同期:
   • 高度なレポート
   • 一括商品アップロード
   • 在庫予測
   • マルチチャネルリスティング管理
3. Airtableの数式フィールドを複雑な計算に使用
4. 必要に応じてAdaloに同期して戻す

または、Adaloの SheetBridge 機能により、Google SheetをActualデータベースに変換できます。これはデータベースの概念を学ぶことなくデータを管理する最も簡単な方法です。

マーケットプレイスを徹底的にテスト

ステップ38: 包括的なテストデータを作成

1. 少なくとも3つのテスト購入者アカウントを作成
2. 5つのテストセラーアカウントを作成し、完全なショップ情報を設定する
3. すべてのカテゴリーに20～30個の商品を追加する
   • さまざまな価格帯
   • 異なる画像数
   • 数量のミックス
4. 商品のサンプルレビューを作成する
5. Stripeにテスト用支払いカードを設定する
   • 成功カード: 4242 4242 4242 4242
   • 拒否カード: 4000 0000 0000 0002

ステップ39: 重要なユーザーフローをテストする

各フローを完全にテストする

バイヤージャーニー

• サインアップ → ブラウズ → 検索 → 商品を表示 → カートに追加 → チェックアウト → 支払い → 確認
• 注文を表示 → レビューを残す → セラーにメッセージを送る

セラージャーニー

• サインアップ → ショップを設定 → 商品を追加 → 注文を受け取る → ステータスを更新 → メッセージに返信 → 分析を表示

エッジケース

• 空の状態（商品なし、注文なし、カートが空）
• 売り切れ商品
• 支払い失敗時の処理
• アクティブな注文がある商品の削除

使用 X-Ray ユーザーに影響を与える前にパフォーマンスの問題を特定するためのものです。このAI機能は、アプリのロジックとデータクエリの潜在的なボトルネックをハイライトし、ローンチ前に最適化するのに役立ちます。

ステップ40: 複数のデバイスでテストする

1. デスクトップテスト用のAdaloプレビューアーを使用
2. Apple App StoreとGoogle Play Storeから「Adalo」を検索してAdaloプレビューアプリをダウンロードしてください
3. さまざまな画面サイズでテストする
   • 小型電話
   • 大型電話
   • タブレット
4. レスポンシブデザインが正しく機能することを確認する
   • 画像は適切にスケーリングされている
   • リストが画面幅に調整される
   • フォームが使用可能な状態を保つ
   • ボタンがアクセス可能

マーケットプレイスアプリの公開

ステップ41: 有料プランにアップグレードする

マーケットプレイスを公開するには、フリープランからアップグレードします

1. 設定 → 課金に移動
2. ニーズに応じて適切なプランを選択
3. 有料プランの開始価格は 月額36ドル 無制限の使用とレコード制限なし
4. マーケットプレイスの場合、より多くのストレージとコラボレーションのためにProfessionalまたはTeamプランをお勧めします

ワークロードユニットに基づいて複雑な計算で課金するBubbleのようなプラットフォーム、またはデータレコード行を制限し追加料金を請求するGlideとは異なり、Adaloの価格設定はシンプルです使用量ベースの課金がないため、請求額の急増はありません マーケットプレイスが成長する場合でも。

訪問 Adaloの価格設定 プランを比較するため。

ステップ42: Web公開を準備する

1. 希望のレジストラーからカスタムドメインを購入してください（一般的な.comドメインは約$10～$20/年です）
2. Adaloで、設定 → 公開 → ウェブに移動
3. カスタムドメインを入力します
4. DNS設定手順に従う
5. 「公開」をクリック
6. マーケットプレイスはウェブ上でライブになります

ステップ43: Apple App Storeに提出する

1. Apple Developer License($99/年)を購入
2. App Store Connectでアプリリスティングを作成
   • アプリ名、説明、キーワード
   • スクリーンショット（必要なサイズ）
   • プライバシーポリシーURL
   • 年齢レーティング
3. Adaloで、設定 → 公開 → iOSに移動
4. アプリビルドを生成
5. Adaloのガイド付きプロセスを使用してApp Store Connectにアップロード
6. アプリレビュー時間は異なります。多くのアプリは24時間以内にレビューされます

iOSへの公開 Appleのマーケットプレイスポリシーの遵守が必要です。Adaloは真のネイティブ iOSアプリを作成します—Webラッパーではなく—つまり、より優れたパフォーマンスとデバイス機能への完全なアクセスが可能です。

ステップ44: Google Play Storeに送信

1. 余裕を作成して Google Play開発者アカウント （1回限りの$25手数料）
2. アプリリストを作成:
   • アプリタイトル、説明
   • スクリーンショットと機能グラフィック
   • コンテンツレーティング
3. Adaloで、設定 → パブリッシング → Androidに移動
4. Android App Bundle (.AAB)を生成
5. Google Play Consoleにアップロード
6. Google Playの初期レビューには最大で 7日以上かかる場合があります

Android公開 iOSおよびWebバージョンと同じコードベースからネイティブAndroidアプリを生成します—1つのビルド、3つのプラットフォーム。

マーケットプレイスのスケーリング

ステップ45: パフォーマンスとアップタイムを監視

参照 Adaloのステータスページ 現在のアップタイムとインシデント履歴を確認してください。プラットフォームは 99%以上のアップタイム 300万以上のアプリ作成をサポートしています。

マーケットプレイスの健全性を監視:

1. 主要メトリクスを追跡：
   • アクティブなリスティング数
   • 日次トランザクション
   • ユーザー成長(買い手と売り手)
   • データベースレコード数
2. パフォーマンス最適化:
   • 一度に読み込まれるリストアイテムを制限
   • 大規模なデータセットにはページネーションを使用
   • 画像サイズを最適化
   • 未使用のカスタムアクションを削除

Adalo 3.0のインフラ刷新(2025年後半にリリース)により、アプリは 3～4倍高速 以前より高速です。モジュール式アーキテクチャは、アプリのニーズに合わせてインフラをスケーリングします—成長に対する人為的な制限はありません。

ステップ46: 成長を計画

マーケットプレイスのスケーリングに伴い:

1. チームメンバーを追加 プラットフォームの成長に伴い
2. 実装 Xano 統合 高度なバックエンドのための:
   • 複雑なビジネスロジック
   • 高度な権限
   • より大きなスケーラビリティ
3. カスタム機能を検討:
   • 専門的な開発のために Adalo Expert を雇用
   • 高度な支払い分割を追加
   • 高度な売り手分析を構築

適切なデータ関係の設定により、Adaloアプリは以下を超えてスケーリングできます 。MVPを小さなオーディエンスで改善している場合でも、本番アプリを数千人のユーザーにスケーリングしている場合でも、コストは一貫しています。無料プランで無制限のテストアプリ（最大500レコード）を構築できますが、公開する準備ができたときだけアップグレードできます。。プラットフォームはそのエコシステム全体で1日に2000万以上のデータリクエストを処理しています。

Adaloでマーケットプレイスを構築する理由

Adaloは、技術的な障壁なしにEtsyスタイルのマーケットプレイスを立ち上げるための基盤を提供します。数ヶ月と数万ドルを必要とする従来の開発とは異なり、数週間で立ち上げることができます。

マーケットプレイスビルダーの主な利点:

• 1つのビルドからのマルチプラットフォームパブリッシング: Web、iOS、Androidに同時にデプロイ—従来のeコマースプラットフォームは対応できない機能
• 組み込みリレーショナルデータベース: 外部データベース設定なしで複雑なマーケットプレイスデータの関係を処理し、有料プランではレコード制限がありません
• ビジュアル開発: ビルダーは「PowerPointと同じくらい簡単」と説明されており、単一のキャンバス上で最大400個の画面を一度に表示できます
• 拡張可能なコンポーネントマーケットプレイス： 検証済みの数十のコンポーネントがコア機能を超えた機能を拡張します
• 予測可能な価格設定： 使用量ベースの料金がないため、マーケットプレイスの成長に伴ってコストが安定したままです

ニッチなマーケットプレイスのアイデアを検証しているか、次の大規模なハンドメイド商品プラットフォームを構築しているかに関わらず、Adaloはコードを書かずにあなたのビジョンを実現するためのツールを提供します。

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

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

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

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

Adaloのドラッグ&ドロップインターフェイスとMagic Startのようなアシスト機能により、説明からアプリの完全な基盤を作成できます。プラットフォームはガイド付きステップでApp Storeの申請プロセスを処理するため、数ヶ月ではなく数日でアイデアから公開されたアプリまで進むことができます。

コードを書かずにEtsyのようなマーケットプレイスアプリを簡単に構築できますか？

はい。Adaloのビジュアルビルダーと組み込みのリレーショナルデータベースにより、ドラッグ&ドロップで複雑なマルチベンダープラットフォームを作成できます。コードを書かずに販売者、購入者、商品、注文、レビューを管理でき、1つのビルドからウェブと両方のアプリストアに公開できます。

Adaloマーケットプレイスアプリで支払いを処理するにはどうすればよいですか？

Adaloはセキュアな支払い処理のためにStripeと統合されています。Adaloマーケットプレイスからストライプコンポーネントをインストールし、APIキーで設定し、カード収集、支払い確認、自動注文作成を含む完全なチェックアウトフローを設定します—すべてコードなしで。

同じビルドからマーケットプレイスをiOSとAndroidの両方に公開できますか？

はい。Adaloを使用すると、単一のコードベースから1回ビルドしてウェブ、iOS、Androidに同時に公開できます。これにより開発時間が大幅に節約され、すべてのデバイス間で一貫したユーザー体験が確保されます。

Adaloでマーケットプレイスアプリを構築するのにどのくらい費用がかかりますか?

Adaloの有料プランは月額$36からで、無制限の使用とレコード制限なしです。これはBubble（月額$69からでワークロードベースの料金）やGlide（月額$60でデータ行制限とアプリストア公開なし）などの代替案と比較して有利です。

マーケットプレイスデータを管理するためにAdaloはどのようなデータベース機能を提供していますか？

Adaloは、ユーザー、商品、注文、レビュー、カートアイテム、支払いを含むマーケットプレイスの複雑な関係を処理する組み込みのリレーショナルデータベースを提供します。有料プランにはレコード制限がないため、商品カタログとユーザーベースはストレージ上限に達することなく成長できます。

追加機能でマーケットプレイスを拡張するにはどうすればよいですか？

Adaloのコンポーネントマーケットプレイスは、高度な検索、画像カルーセル、ソーシャルシェアリング、分析ダッシュボードを含む数十の検証済みコンポーネントを提供しています。また、自動化のためにZapierと統合し、高度なデータ管理のためにAirtableと統合し、複雑なバックエンドロジックのためにXanoと統合することもできます。

マーケットプレイスアプリを構築するのにどのくらい時間がかかりますか？

AdaloのビジュアルビルダーとMagic Startのようなアイ機能により、数日で機能するマーケットプレイスのプロトタイプを作成できます。完全な機能を備えた本番対応アプリは通常、複雑さに応じて2〜4週間かかります。従来の開発では数ヶ月かかります。

マーケットプレイスを構築するのにコーディング経験が必要ですか？

コーディング経験は必要ありません。Adaloのビジュアルビルダーは「PowerPointと同じくらい簡単」と説明されています。画面を作成し、データを接続し、ドラッグ&ドロップインターフェイスを使用してロジックを構築します。Magic Addでは、自然言語で機能を説明すると、コンポーネントが自動的に生成されます。