# はじめに

## 初めてのアダロ - 期待すること

この概要動画をご覧になり、Adaloとその可能性のすべてを基礎から理解して、コード不要のアプリ構築の旅を始めましょう。

この動画は、Adaloにサインアップしたばかりで、できる限り最高のアプリを構築するためのすべてのコンセプトを学びたい人に最適です。

ご覧ください！

{% embed url="<https://youtu.be/HJxlfByHpP0>" %}

この動画は、Adaloにログインする際に知っておくべきのことについて説明しています。アプリのナビゲーションからコンポーネントを使用して画面を構築するまで、すべてがここにあります。

## 3つの基本的なコンセプト

{% embed url="<https://youtu.be/xIemtmMvGaA>" %}

この5分間の動画で、Adaloの最も重要な要素について学んで、ノーコードのアプリ構築の旅を始めましょう。

* [**コンポーネント**](https://help.adalo.com/ja/component-basics) — Adaloインターフェースの構築ブロックです。
* [**アクション**](https://help.adalo.com/ja/action-basics) — 特定のコンポーネントをクリックしたときにアプリが何をするかを指定します。
* [**データベース**](https://help.adalo.com/ja/database) — Excelスプレッドシートのように、データベースを使用してアプリユーザーに表示するデータを入力したり、アプリに入力されたデータを収集したりできます。

アプリの構築を始めるには、構築したい画面、それらの画面が行うべきこと、表示および保存する必要なデータについて考えてみてください。アプリデータのガイドとAdaloでのはじめ方コースをチェックしてください。[The Adalo App Academy](https://appacademy.adalo.com/homepage)

{% hint style="info" %}
Adaloエディタを複数同時に開くのはできないことに注意してください。当社のシステムはアプリでの協力を許可するように設定されておらず、変更が正しく登録されない可能性があります。誤って間違ったインスタンスを保存してしまう可能性があるため、作業内容が上書きされる可能性があります。
{% endhint %}

## Adaloのナビゲーション

### 概要

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c4cc9b59fcf60ba7116047af95879ec608b39687%2FScreen%20Shot%202023-03-29%20at%201.46.01%20PM.png?alt=media" alt=""><figcaption></figcaption></figure>

### ビルダーキャンバス

* キャンバスはアプリの画面をデザインする作業スペースです。
* スクロールバーまたはトラックパッドを使用してキャンバス内をナビゲートします — 左右にスクロールしたり、ズームイン/アウトします。

### 左のツールバー

左のツールバーにあるオプションを使用して、設定を変更したり、アプリを公開したり、コンポーネントを追加したりするためのさまざまなメニューを開くことができます。

**パネルの追加**

* 「＋」 ボタンをクリックすると、追加パネルが開きます。[コンポーネント](https://help.adalo.com/ja/component-basics/design-basics)や画面を選択してアプリに追加できます。

**ブランディング**

* アプリのカラースキームをカスタマイズします。
* これはいつでも変更可能で、アプリの事前に設定したカラーを使用しているコンポーネントは自動的に更新されます。

**スクリーン**

* アプリ内のすべてのスクリーンと、各スクリーン内の各コンポーネントのリストです。

**データベース**

* アプリの[データベース](https://help.adalo.com/ja/database)を表示および更新します。

**設定**

* アプリの名前を変更します。
* アプリ用のアイコンを設定します。
* アプリの使用状況を追跡するためのGoogle Analyticsコードを挿入します。
* アプリをコピーまたは削除します。

**公開**

* 有料プランにご加入いただくと、このパネルを使ってアプリファイルをダウンロードし、Apple App StoreやGoogle Play Storeに提出することができます。
* Webアプリの場合、ここでアプリのURLを設定できます。

#### アナリティクス

* アナリティクスタブでは、ユーザーの所在地、1日あたりのアクティブ人数、そしてどのスクリーンが最も訪問されているかなど、多くの情報を見ることができます。

#### デザインバージョン

* デザインバージョンでは、アプリのバージョンを保存し、後で元に戻すことができます。これはアプリのデザインのみで、データベースの変更は保存されないことに注意してください。
* 新しい「ダークテーマ」を試してみたいですか？デザインバージョンはあなたのツールです！

### トップバー

#### アプリ切り替え

* トップバーの中央には、現在作成中のアプリの名前が表示されます。
* 名前をクリックしてアプリ切り替えを開き、アカウント内の別のアプリに切り替えることができます。
* アプリのリストの一番下には、新しいアプリを作成するボタンがあります。

#### プレビュー

* このボタンを使用して、Webブラウザでアプリを実行して、構築中の内容をテストできます。

#### 共有

* 共有ボタンを使用すると、Adaloアカウントを持っていない他の人にアプリのリンクを送信できます。アプリを構築中でも他の人からフィードバックを受けるのに役立つでしょう。

#### アカウントメニュー

* アカウントアイコンをクリックすると、ヘルプ、アカウント設定、サインアウトにアクセスできるメニューが開きます。
* アカウント設定から以下を編集できます：
  * プロファイルタブ
    * 名前
    * メールアドレス
    * パスワード
  * チーム＆請求
    * チーム名
    * チームメンバー
    * 請求プラン
    * 支払い方法
  * ドメイン
    * Adaloサブドメイン
      * 各アプリは、ウェブで見るための独自のURLを持っています。
      * URLの形式は次のとおりです：subdomain.adalo.com/app-name
      * このURLの「サブドメイン」部分をカスタマイズできます。
    * カスタムドメイン
      * アプリのURLを独自のドメインに設定して、アプリのURLをapp.mycompany.comのように設定できます。
      * ここで独自のドメインをAdaloアカウントに接続できます