# アプリの作成

*スキルレベル：初心者*

## はじめに

* レスポンシブアプリの開発についての新しい[定義と用語](/ja/design/designing-your-app/definitions-and-terms.md)を読了していることをご確認ください。
* Adaloアカウントを持っており、ログインしていることをご確認ください。

## 手順

#### 1. (オプション) Adaloアカウントにすでにアプリがある場合は、ビルダー内のアプリセレクタードロップダウンをクリックし、新しいアプリを作成してください。

<figure><img src="/files/FPKRaeb82SsHDvleneRA" alt="新しいアプリのドロップダウンのスクリーンショット"><figcaption></figcaption></figure>

#### 2. アプリ選択モーダルで、ユーザーがアプリにアクセスする方法を選択してください。

{% hint style="info" %}
**もう悩む必要はありません！**

いつでもビルド対象のデバイスを変更できます。[App Layout Type](/ja/design/designing-your-app/definitions-and-terms.md#app-layout-type)を変更することで、デバイスを切り替えることができます。
{% endhint %}

**モバイル、タブレット、デスクトップ** - これらをレスポンシブアプリと呼びます。ユーザーがさまざまな画面サイズでアプリを使用することを想定している場合は、このオプションを選択してください。

**モバイルのみ** - これをモバイルアプリと呼びます。Adaloのご利用が初めての場合は、このオプションを選択するのがおすすめです！アプリのデザインをモバイル画面に最適化し、その後App Layout Typeを切り替えて大きな画面に対応することができます。

選択したら、「NEXT」をクリックしてください。

<figure><img src="/files/V1ELvfX5yIP5FgPS3YsR" alt=""><figcaption></figcaption></figure>

#### 3. 開始するためのテンプレートを選択するか、ゼロからレスポンシブアプリを作成するために「Blank」を選択し、「NEXT」をクリックしてください。

レスポンシブを始めたばかりであれば、まずテンプレートで実際に操作し、さまざまなコンポーネントの設定がレスポンシブの動作にどのように影響するかを確認するとよいでしょう。

<figure><img src="/files/lkyNqWfyWlQtYypRdv5t" alt=""><figcaption></figcaption></figure>

#### 4. アプリの名前、Adaloチーム（該当する場合）、いくつかのブランディングカラーを選択し、「NEXT」をクリックしてください。

<figure><img src="/files/1gkUTrZAYiBmAeDpkrDp" alt=""><figcaption></figcaption></figure>

#### 5. Web、iOS、Androidに公開できるレスポンシブWebアプリが作成されました！

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問するか、[専門家に相談](https://adalo.com/experts)ことができます！投稿する際は、この記事へのリンクを貼り付けることも忘れないでください！

チュートリアルやヘルプドキュメントのリクエストがありますか？[こちら](https://ideas.adalo.com/tutorial-requests)にお知らせください！


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/ja/design/designing-your-app/creating-an-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.