Adalo Resources
Sign Up for Adalo
Adalo Resources (日本語)
Adalo Resources (日本語)
  • 🚀はじめに
  • 🎨デザイン
    • アプリのデザイン
      • 定義と用語
      • アプリの作成
      • 画面サイズ切り替えツールの使い方
      • セクションを使った構築
      • アライメントツール
      • レイアウトタブの使い方
        • スクリーンサイズの可視性
        • スクロール中の固定
        • 共有レイアウト設定
        • カスタムレイアウト設定
      • コンポーネントのグループ化
      • レスポンシブナビゲーション
        • レスポンシブサイドナビゲーション
          • サイドナビゲーション
          • タイトル
          • メニューのスタイル
          • メニュー項目
          • ボトムボタン
          • プロフィールセクション
        • レスポンシブトップナビゲーション
          • ナビゲーションバー
          • タイトル
          • メニュー項目
          • 追加ナビゲーション
          • プロフィール画像
      • レスポンシブデザインのベストプラクティス
      • パフォーマンス向上のコツ
    • ブランド
      • カラー
      • フォント
    • コンポーネントの状態を作成
    • アプリのプレビュー
    • デザインのバージョン
    • 追加のデザインリソース
    • レガシーアプリケーションの移行
    • レガシービルダー
      • コンポーネントコンテナの作成
      • コンポーネントの配置
      • コンポーネントの配置とグループ化
      • アプリのプレビュー(レガシービルダー)
  • 🎬アクション
    • アクションの基本
    • リンク
    • データ変更
    • 通知
      • アプリで通知許可をリクエストする
      • プッシュ通知をトリガーする
      • 通知のテスト
      • 通知のトラブルシューティング
        • Androidで通知が動作しない
        • iOSで通知が動作しない
        • PWAで通知が動作しない
    • 条件付きアクション
    • アクセス権限
    • アプリ認証
  • 🛠️画面とコンポーネント
    • 画面
    • コンポーネントの基本
    • マジックテキスト
      • ログインユーザーと現在のユーザー
      • 日付と数値のフォーマット方法
      • 合計、カウント、平均、最小値と最大値
    • カスタム数式の作成方法
      • 複雑な計算
    • 条件とフィルタリング
      • Adaloでのフィルタリング
      • Adaloでの条件使用
    • コンポーネントの可視性変更
    • ナビゲーション
    • リスト
      • リストの並べ替えとフィルタリング
      • カスタムリストの作成
      • リストのリスト
    • ボタン
    • トグル
    • テキスト入力
    • フォーム
    • テーブルコンポーネント
    • ビデオコンポーネント
    • ウェブビューコンポーネント
      • ウェブビューのトラブルシューティング
        • AdaloアプリでウェブビューURLが読み込まれない
        • ネイティブアプリでウェブビューがクラッシュする
    • マーケットプレースコンポーネント
      • マーケットプレースからコンポーネントを追加する方法
      • アプリ内購入のデジタル購入
      • Googleでサインイン
      • Appleでサインイン
      • 地図
      • 棒グラフと折れ線グラフ
      • 円グラフ
      • Google Admob
        • Admobのトラブルシューティング
          • ネイティブアプリで広告が表示されない
      • カレンダー
      • 進行状況バー
      • 星評価
      • ストップウォッチ
      • スライダー
      • Lottieファイル
      • YouTube
      • オーディオプレーヤー
        • オーディオプレーヤーのトラブルシューティング
          • Appleアプリ拒否:UIBackgroundModesキー
      • デッキスワイパー
      • マークダウンレンダラー
      • 署名
      • Stripe
        • Stripe決済
        • Stripeサブスクリプション
        • Stripe Connectマーケットプレース
          • Stripe ConnectのためのStripeアカウント設定
          • アプリにStripeアカウントを接続するための許可
          • Stripe Connect
          • Stripe Marketplace支払い
        • Stripeテストモードの設定
        • Stripeカスタムアクション
          • Stripeサブスクリプションデータを取得する
          • Stripe顧客データをメールアドレスで取得する
        • レガシーStripeコンポーネント(廃止予定)
          • Marketplace支払い
            • Stripe ConnectのためのStripeアカウント設定
            • アプリにStripeアカウントを接続するための許可
            • 消費者支払いを商人のアカウントに設定する
          • ワンタイムカード支払い
          • サブスクリプション支払い
  • 🧱機能テンプレート
    • クラスの閲覧、購入、管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • カテゴリリストスクリーン
      • クラスリストスクリーン
      • クラス詳細スクリーン
      • 購入スクリーン
      • おめでとうスクリーン
      • 管理者クリニックスクリーン
      • 管理者取引スクリーン
      • 管理者クリニック作成&編集スクリーン
    • イベントの閲覧、購入、管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • クラスを閲覧する
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • カテゴリリストスクリーン
      • クラスリストスクリーン
      • クラス詳細スクリーン
    • クラス管理ダッシュボード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 管理者クリニックスクリーン
      • 管理者取引スクリーン
      • 管理者クリニック作成&編集スクリーン
    • ユーザーチャット
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 会話リストスクリーン
      • チャットスクリーン
      • 新規チャットモーダルスクリーン
    • フォーラム
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • グループメッセージング
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • メッセージングスクリーン
      • メッセージ編集モーダル画面&チャンネル編集モーダル画面
      • メッセージ検索スクリーン&チャンネルスクリーン
    • アカウント設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • アカウント設定スクリーン
      • 成功モーダル画面&アカウント削除確認画面
    • 予約設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • コーチスクリーン
      • 時間帯スクリーン
      • 予約スクリーン
      • コーチ管理画面
      • セッション編集画面
    • タスク割り当て
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 私のタスク画面、チームタスク画面、完了画面
      • タスク詳細画面
      • タスク編集画面
    • 同意して署名
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 利用規約画面
      • 同意&署名モーダル画面
      • 署名管理画面
    • アナウンスと通知
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 通知画面
      • 全員通知&個別通知画面
    • ユーザープロフィール&アカウント設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • セットアップステップ1画面
      • セットアップステップ2画面
      • 私のプロフィール画面
      • 追加のスクリーン
    • ユーザー閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • メンバーとプロフィール画面
    • 日付閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 時間帯&ワークアウト画面
    • ホームリスト閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • リスト画面
      • リスト詳細画面
      • モーダル画像ギャラリー画面
    • 画像カルーセル
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • スクリーン
    • 画像ギャラリーモーダル
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ユーザー管理ダッシュボード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ワークアウト割り当て
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ソーシャルメディアフィード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ショッピングカート付きストア
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • 在庫管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ビデオギャラリーとアップロード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • レストラン注文
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
  • 🗃️データベース
    • データベースプロパティタイプ
    • リレーションシップ
      • 一対多と多対一
      • 多対多
    • ユーザーコレクション
    • コレクション権限
    • CSVファイルからのレコードインポート
    • コレクションをCSVファイルとしてダウンロード
    • 位置情報
      • Google APIキーの取得
      • Google API使用量の見積もり
      • 位置情報プロパティタイプ
      • フォームおよび入力での位置情報
      • 位置情報マジックテキストとフォーマット
      • ユーザーの位置情報取得
      • 緯度、経度、特別な数式
      • 位置情報の比較
      • 位置情報機能のトラブルシューティング
  • 🪄設定
    • アプリのコピーとクローン
      • アプリをコピー/削除する方法
      • アプリをクローンする方法とクローン可能にする方法
  • 🚀パフォーマンス
  • ✍️アプリの公開
    • Webへの公開
      • Adaloサブドメインへの公開
      • カスタムドメインへの公開
      • ドメイン設定のトラブルシューティング
        • カスタムドメインが安全でない
        • ドメインが検証できない
        • エラー:見つかりません
    • Google Playストアへの公開
      • Google開発者アカウントの作成
      • Firebaseプロジェクトの作成
      • Androidアプリの登録と構成ファイルのダウンロード
      • プライベートキーの生成とダウンロード
      • ビルドファイルの取得
      • Google Playリスティングの作成
      • ビルドファイルをGoogle Playリスティングにアップロード
      • リスティングの最終化とアプリのリリース
      • Androidリリースのトラブルシューティング
        • データセーフティ問題でGoogle Playがアプリを拒否
        • エラー:Androidアプリが誤ったキーで署名されています。
        • エラー:バージョンコード「xxx」がすでに使用されています。別のバージョンコードを試してください。
        • エラー:パッケージ名はすでにGoogle Playに存在します。
        • エラー:有効なアプリバンドルをアップロードしてください。
        • エラー:既存のユーザーは新しいアプリバンドルにアップグレードできません。
    • Apple App Storeへの公開
      • Apple Developerアカウントの作成
      • Apple Developerアカウントの年間支払い設定
      • Apple Bundle IDの作成
      • Adalo「アプリ固有のパスワード」を作成
      • Adaloでビルドを開始
      • App Store Connectチームにユーザーを追加
      • TestFlightにユーザーを追加
      • App Store用スクリーンショットの作成
      • プライバシーとアプリ追跡透明性
      • iOSのトラブルシューティング
        • ビルドエラー:証明書の最大数に達しました
        • ビルドエラー:このサービスのキーの最大数にすでに達しています
        • ビルドエラー:配信証明書が期限切れです
        • ビルドエラー:アセット検証に失敗しました - 無効なApp Storeアイコン
        • アプリ拒否:iOSビルドにパーミッションテキストを追加
        • アプリ提出中の警告:ITMS-90899
        • iOSビルドがTestFlightに表示されない
    • Web(レガシーアプリ)の公開
    • APKのアップロード(レガシー)
    • 公開に関するFAQ
    • トラブルシューティング
      • ビルドがキューでスタック
  • ▶️ビデオ
    • はじめに
    • 完全なウォークスルー
    • データの扱い
    • データベースの設計
    • カスタムリスト
    • コンポーネントの可視性の変更
    • フォーム
    • 注文と支払い
    • 数学とカスタム数式
    • チャット
  • 👩‍🏫チュートリアル
    • キーボードショートカットの使い方
    • ビデオやオーディオ(YouTube、Vimeo、SoundCloud)の埋め込み方法
    • データベースをアプリ間で共有する方法
    • 空の状態を作成する方法
    • 検索バーの作成方法
    • ユーザーがフィルタリングできるリストを作成する方法
    • モーダル/ポップアップウィンドウの作成方法
    • 「お気に入り」ボタンの作成方法(レガシービルダー)
    • アプリバーに画像を追加する方法
    • スケジュールされたプッシュ通知を送信する方法
    • Google Maps、Apple Maps、またはWazeを使用してAdaloアプリ内で地図ナビゲーションを開始する方法
    • Google Static Maps APIを使ってAdaloアプリで地図のプレビューを生成する方法
    • 特別リンク:メール、テキスト(SMS)、および電話
    • フォームにドロップダウンメニューを追加する方法
    • ショッピングカートを設定し支払いを行う方法
    • ユーザー用のパブリックプロフィール画面を設定する方法
    • ユーザーが他のユーザーをフォローできるようにする方法
    • フォームが自動的にリレーションシップを設定する方法
    • アプリにチャットを追加する方法
    • 複数サイドアプリを作成する方法
    • イベント用に「カレンダーに追加」ボタンを追加する方法
    • ドメインをルートアドレスに転送する方法
    • 一時的なユーザーアバターを作成する方法
  • 🧩統合
    • Adalo API
      • コレクションAPI
      • API経由でプッシュ通知を送信する
    • Xano
      • Xanoワークスペースの設定
      • XanoをAdaloアプリに接続する
      • ユーザー登録、ログイン、認証
      • XanoデータベースでGoogleサインイン
      • その他のコレクション
      • AdaloとXanoのデータタイプの扱い
      • Xanoでのレコードのカウント
      • リストとページネーション
      • Xanoレスポンス
      • Xanoのコツとトリック
      • トラブルシューティング
    • レコードIDの取得
    • カスタムアクション
      • ✨ChatGPTでアプリをパワーアップ
    • 外部コレクションのAPIとの統合
      • 外部コレクションのマジックテキスト
    • Airtable
      • Airtableへの接続
      • プロパティの追加/削除
      • 画像の表示
      • リストとの連携
        • リスト内の画像
        • Airtableリストのフィルタリング
        • リスト内のマジックテキスト
        • リスト項目数の制限
        • Airtableリストの並べ替え
      • フォームとの連携
        • Airtableのドロップダウンフィールドと検証
      • 添付ファイル、画像、Airtableリレーションシップフィールドとの連携
      • リレーションシップとAirtableコレクション
      • デバッグ
    • DreamFactory
    • Zapier
    • Make(旧Integromat)
      • AdaloのレコードからPDFを作成
      • Adaloアプリで新規ユーザー登録時にSlackに通知
      • 新規登録時に確認メールを送信
      • 新規登録時に確認SMSを送信
      • AdaloからGoogle Driveにファイルを送信
      • Google Driveフォルダから新規ファイルをAdaloコレクションに送信
      • Google Visionを使って画像をOCR処理し、その結果をAdaloレコードに保存
    • IAPHUB
    • Mixpanel
    • Adalo APIのトラブルシューティング
      • リスト内のリストが読み込まれない
      • エラーコード
  • ⚙️Adaloアカウント
    • アカウント
      • メールとパスワードの更新
      • 開発者モードの有効化
    • チームメンバー
      • Adaloアプリにチームメンバーを追加
    • アプリ
    • 利用状況と請求
      • 請求、請求書、支払い
      • アプリアクションダッシュボード
    • ドメイン
      • SSLのリセット
  • ❓FAQ
    • 一般的な質問
    • Adaloでできること
    • Adaloの料金:FAQ
    • Adaloアカウント:FAQ
    • Adaloサブスクリプションの追加オプション
    • Adaloフリーランサーとの作業
    • Adaloエキスパート
    • Adaloアフィリエイトプログラム
    • Adalo料金:レガシーアカウント
  • 🤔トラブルシューティング
  • 📚追加リソース
    • Adaloアプリアカデミー
      • アプリ紹介
      • 戦略とビジネス
      • デザイン
      • 作成
      • ローンチと反復
      • フリーランサーとエージェンシー
      • すべてのコース
    • アプリ開発コスト計算機
    • Adaloエキスパートの採用
    • Adaloフォーラム
  • 📖用語集
Powered by GitBook
On this page
  • 画面概要
  • ユーザ画面
  • データベース
  • 基本コレクションとプロパティ
  • レイアウト設定
  • レイアウト概要
  • 使用例

Was this helpful?

  1. 機能テンプレート
  2. クラスを閲覧する

概要 - スクリーン、データベース、レイアウト設定、ユースケース

この機能テンプレートは、アイテムのリストをスクロールして関連する詳細を表示する機能を追加します。

「ブラウズクラス」機能テンプレートは、特にクラス、コーチングセッション、賃貸物件、その他さまざまな商品やサービスをカテゴリに分類して表示する必要があるアプリに最適な追加機能です!おそらく、あなたは提供物を簡単にナビゲートできるアプリで展示し、潜在的な顧客がビジネスについて詳しく見て学ぶ機会を作りたいと考えているかもしれません。このテンプレートはその役に立ちます。

画面概要

📚 手順画面

クイックなヒント、ヘルプドキュメント、および興味を持つかもしれない関連テンプレートでテンプレートの概要を素早く把握します。この画面はいつでも削除できます。

ユーザ画面

これらの画面は、あなたのアプリの顧客やクライアントが対話する画面です。

「ユーザ画面」セクションの各画面は、ビルダーで制御されるテキストと画像コンポーネントのバリエーションで構成されており、他のコンポーネントは動的であり、データベースで見つかる情報によって表示されます。

以下は、「ブラウズクラス」機能テンプレートで利用可能なユーザ画面の概要です:

📝 カテゴリリスト画面

この画面には、商品やサービスを分類するための画像、タイトル、説明、およびカテゴリのリストが含まれています。

📔 クラスリスト画面

カテゴリ内で提供されるクラスにダイブします。この画面には、ユーザ向けのカスタマイズ可能なパンくずナビゲーションとカスタムリストが付属しています。

🔎 クラス詳細画面

クラス詳細画面でクラスに関連するすべての情報を表示します。場所、時間、可用性から価格、画像など、この画面にはすべてが詰まっています!

データベース

「ブラウズクラス」機能テンプレートには、サンプルデータが含まれたデータベースが付属しています。各Adaloデータベースにはコレクションが含まれ、各コレクションには関連するプロパティが付属しています。コレクション間の必要な関係も設定されています。

データベースに関する重要な注意:

機能テンプレートからコレクションやプロパティを削除すると、アプリの機能に影響する可能性があります。

機能テンプレートにコレクションやプロパティを追加しても、アプリの機能には影響しません。

以下に含まれるコレクションとそのプロパティの概要が示されています。コレクション名は太字で表示され、説明が含まれています。プロパティには、名前、プロパティタイプ(角かっこ内)、説明が含まれています。

基本コレクションとプロパティ

👥 ユーザ

ユーザコレクションは、すべてのAdaloアプリに自動的に付属しています。このコレクションには、アプリを使用するすべての人に関連する情報が格納されます。この情報は、ユーザがアプリを使用するためにサインアップする際に最初に収集されます。

  • Email [テキスト] — アプリのサインアップ時に収集されるユーザのメールアドレス。

  • Password [暗号化] — ユーザのパスワード。このフィールドは、管理者を含む誰にも表示されません。

  • ユーザー名 [Text] — アプリのサインアップ時に収集できるユーザーのユーザー名。

  • フルネーム [Text] — サインアップ時に収集されるユーザーのフルネーム。

  • プロフィール写真 [Image] — ユーザーの写真。アプリのサインアップ時に収集できます。

  • 管理者? [True/False] — ユーザーがアプリの管理者かどうかを示すプロパティ。

🧱 カテゴリ

カテゴリコレクションには、クラスが属する各種カテゴリに関する情報が含まれています。

  • 名前 [Text] — カテゴリの名前を指します。

  • 短い説明 [Text] — カテゴリの簡潔な一行説明。

  • 長い説明 [Text] — カテゴリの詳細な説明で、詳細画面で使用できます。

  • クラス [One-to-Many Relationship] — 1つのカテゴリは複数のクラスに属することができますが、各クラスは1つのカテゴリにのみ属します。

🧑🏾‍🏫 クラス

クラスコレクションには、顧客やクライアントが関心を持つ可能性のある各クラスに関するすべての情報が含まれています。

  • 名前 [Text] — クラスのタイトル。

  • プライマリ画像 [Image] — クラスに関連する画像。

  • カテゴリ [Many-to-One Relationship] — 多くのクラスが1つのカテゴリを持つことができますが、各クラスは1つのカテゴリにのみ属します。

  • 短い説明 [Text] — クラスの簡単な説明。

  • 長い説明 [Text] — 詳細画面で使用できるクラスの詳細な説明。

  • 開始時間 [日付と時刻] — クラスが始まる日時。

  • 終了時間 [日付と時刻] — クラスが終了する日時。

  • 合計時間 [Number] — クラスにかかる合計時間。

  • 場所 [Text] — クラスが行われる場所の住所。

  • 価格 [Number] — クラスに参加するための費用。

  • 可能な総スポット数 [Number] — クラスが満員になる前に顧客やクライアント向けに開いているスポットの数。

  • 利用可能な残りスポット [Number] — 人々がサインアップし始めた後に残っているスポットの数。

  • 公開可能? [True/False] — クラスがユーザーに表示可能かどうか。TRUE は表示可能を意味します。

レイアウト設定

「ブラウズクラス機能テンプレート」の各画面はレスポンシブデザインを使用して作成されています。画面はどのデバイスやタブレットでも見栄えがします。

ほとんどの画面はカスタムレイアウトで設計されています。画面に新しいコンポーネントを追加すると、他の画面サイズに影響を与えることがあります。

レイアウト概要

異なる画面サイズのレイアウトを表示または編集するには、画面タイトルをクリックしてドロップダウンを表示します。

このテンプレートのデフォルトビューはデスクトップです。ビルダーで1つの画面のサイズを変更しても、キャンバス上の他の画面のサイズは変更されません。

非表示コンポーネント

各ビューには、デスクトップに表示されないコンポーネントがあり、モバイルで表示されます。これらは左側パネルでグレーアウトされ、アイコンで示されます。

どのデバイスコンポーネントが表示されているかを表示する別の方法は、こちらのレイアウトタブです:

カスタムレイアウト

一部のコンポーネントには、画面サイズに基づいたカスタムレイアウトが付属しています。これらの設定を表示するには、レイアウトタブを確認し、カスタムレイアウト設定までスクロールしてください。

使用例

  • スキルレベルやプランタイプで分類されたトレーニングセッションを提供するフィットネスインストラクター。

  • 様々な媒体を通じて幅広いクラスを提供するアートインストラクター。

  • 異なる業界のさまざまなプロフェッショナルにカウンセリングを行うライフコーチ。

  • メニューを使いやすく表示したいレストラン。

  • その他多数!

Previousクラスを閲覧するNextカテゴリリストスクリーン

Last updated 3 months ago

Was this helpful?

🧱