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. マーケットプレースコンポーネント

Googleでサインイン

Adalo アプリに Google サインインを追加する方法 1. **Google デベロッパーアカウントの作成** - [Google Developers Console](https://console.developers.google.com/) にアクセスして、新しいプロジェクトを作成します。 2. **OAuth クライアント ID の作成** - 作成したプロジェ

Previousアプリ内購入のデジタル購入NextAppleでサインイン

Last updated 3 months ago

Was this helpful?

スキルレベル: エキスパート

開始前に

  • 、およびについて知っておくこと。

  • が完了していること。

  • この手順は、iOSおよびAndroidのビルドとリストがアプリストアにすでに設定されていると、Bundle IDやその他の情報が必要になるため、はるかに簡単になります。iOSの場合は、Androidの場合はを参照してください。

  • ネイティブまたはXano外部コレクションを使用するには有料プランが必要になる場合があります。

手順

マーケットプレイスからコンポーネントをインストール

1.) Adaloの左ツールバーのプラスボタンをクリックします。

2.) スクロールしてマーケットプレイスを探索ボタンをクリックします。

3.) マーケットプレイスでGoogleでサインインコンポーネントを見つけてインストールをクリックします。

サインアップとログイン画面にコンポーネントを追加

4.) Adaloの左ツールバーのプラスボタンをクリックします。

5.) Googleでサインインコンポーネントを検索します。

6.) コンポーネントをサインイン画面にドラッグします(ログイン画面にも同様に行います)。設定を完了するのは数分後です。

OAuth Consent Screenを作成

7.) に移動します。

8.) プロジェクトを選択するか、新しいプロジェクトを作成します(まだプロジェクトがない場合)。

9.) アプリが内部(組織内の人向け)か外部/一般(組織外のユーザー向け)かを選択します。

外部を選択すると、Googleがアプリを審査する必要があるというメッセージが表示されます。カスタムロゴを同意画面に含めない場合、Googleはアプリを審査する必要はありません。

10.) アプリの情報を入力し、続行をクリックします。

  • アプリ名

  • サポートメールアドレス

  • アプリのロゴ(オプション)- 🚨ロゴをアップロードするとアプリが審査および承認される必要があります(Googleサインインを使用できるようになるまでに時間がかかります)🚨

  • アプリのウェブサイトのホームページ

  • アプリの利用規約のURL

  • アプリのプライバシーポリシーのURL

  • 認可されたドメイン(アプリのウェブサイトと同じドメインを含める)

  • 開発者連絡先情報

12.) スクロールして Update ボタンをクリックします。その後、スクロールして Save and Continue ボタンをクリックします。

13.) 任意の情報を入力せずにスキップします。

14.) Summary ステップで、スクロールして Back to Dashboard ボタンをクリックします。"Verification not required" というメッセージが表示されるはずです。

デフォルトでは、同意画面はテストモードになっています。このダッシュボードで Publish ボタンをクリックするまで、Google Developer アカウントとテスターだけが Google でサインインを使用できます。いつでもテストと本番の間を切り替えることができます。

Web クライアント ID を作成する

16.) Create Credentials ボタンをクリックします。

17.) OAuth Client ID オプションを選択します。

18.) アプリケーションタイプとして Web Application を選択し、Web クライアント ID の内部名を入力します(任意の名前を付けることができます)。

19.) 認可された JavaScript オリジンに、2つの URI を入力します: "https://previewer.adalo.com" および Adalo アプリのカスタム Web ドメイン(Web アプリとしてアクセス可能な場合)、その後 Create をクリックします。

20.) クライアント ID をコピーして、Google Sign-in コンポーネントのクライアント ID 入力欄に貼り付けます。

iOS クライアント ID を作成する

22.) Create Credentials ボタンをクリックし、OAuth Client ID オプションを選択します。

24.) クライアント ID をコピーして、Sign in with Google コンポーネントを選択したときに Adalo の左パネルに貼り付けます。

Android クライアント ID を作成する

27.) Credentials ページで Create Credentials ボタンをクリックし、OAuth Client ID オプションを選択します。

28.) Application type ドロップダウンメニューから Android を選択し、Name フィールドにアプリの名前を入力します。

30.) Fingerprint は、アプリのビルドによって異なります。各ビルドタイプの手順については、以下の表を参照してください。

発生頻度: 最も一般的

Adalo App のビルドが次の場合にこの方法を使用します:

  • AAB (.aab) ファイル

    または

2.) 左メニューの Setup ドロップダウンメニューから App Integrity オプションを選択します。

3.) SHA-1 Fingerprint をコピーし、Android クライアント ID のセットアップの Fingerprint フィールドに貼り付けます。

発生頻度: かなり一般的

Adalo App が次の場合にこの方法を使用します:

  • APK が Play App Signing に登録されている場合は、代わりに AAB プロセスタブを使用してください。

FF:71:AA:98:E9:5F:7A:66:E9:86:AC:C5:33:F7:A7:F1:6B:68:E7:C6

発生頻度: 非常に稀

31.) その後、Create をクリックします。Adalo に貼り付ける必要はありませんが、Android で Google Sign In が機能するためには作成しておく必要があります。

Sign in with Googleコンポーネントの設定を完了する

  • 組織内でのみ使用するアプリを開発している場合は、組織のメールアドレスのドメインを入力して、ログインを組織内の人物に制限することができます。

  • ボタン自体の外観をカスタマイズすることができます。

  • ユーザーがボタンをクリックすると、アプリに新しいアカウントが作成されるか、既存のアカウントにログインします。ユーザーをアプリのホーム画面にリンクさせるなど、ボタンに追加のアクションを追加することもできます。

もっと詳しく

ヘルプ

11.) スコープの追加または削除ボタンをクリックし、最初の3つのスコープを選択します。

15.) に移動します。

21.) に移動します。

23.) アプリケーションタイプとして iOS を選択し、iOS バンドル ID を入力して Create をクリックします(まだ iOS バンドルを作成していない場合は、 を参照してください — Web クライアント ID ステップを完了していれば、Web および PWA でテストできます)。

25.) 🚨注意🚨: アプリストアのガイドラインにより、'Sign In with Apple' コンポーネントを追加する必要があります。

26.) に移動します。

29.) パッケージ名には、Android APK のセットアップ時に作成したパブリッシュ設定からバンドル ID を入力します(まだ行っていない場合は、Web クライアント ID を作成している場合は Web および PWA でテストできます。まだ行っていない場合は、を参照してください)。

Adalo APK で Google App Signing にオプトインしている場合()

1.) に移動し、アプリを選択します。

APK (.apk) ファイルであり、Play App Signing に登録されていない場合()

Adalo アプリを APK または AAB ビルドで Play ストアに公開する場合で、Adalo で作成されていない場合( の状態は関係ありません)、キーストアファイルをダウンロードする必要があります。サポートが必要な場合は、 してください。

Xano External Collectionsを使用している場合は、上記の手順を完了した後、の手順に従ってください。

この記事に関する追加のヘルプが必要な場合は、いつでもで質問できます!投稿にこの記事へのリンクを貼り付けることも忘れずに!

チュートリアルやヘルプドキュメントのリクエストがありますか?

🛠️
https://console.developers.google.com/apis/credentials
https://console.developers.google.com/apis/credential
こちらのヘルプ
こちらから'Sign In with Apple' を設定してください。
https://console.developers.google.com/apis/credentials
こちらのAndroidアプリの作成ヘルプリンク
Play ストア コンソール
Xano+Google Sign In Help Doc
コミュニティフォーラム
お知らせください!
画面とコンポーネント
アクション
Google Developerの設定
こちら
こちら
https://console.developers.google.com/apis/credentials/consent
Adalo サポートに連絡
確認方法
確認方法
Play App Signing
プロジェクトがまだない場合は新しいプロジェクトを作成する必要があります