# Web（レガシーアプリ）の公開

*スキルレベル: 中級*

## 開始前に

* アカウント所有者のみがアカウント設定でドメインを追加/変更できます。
* [ドメイン](https://help.adalo.com/glossary#domain)、[サブドメイン](https://help.adalo.com/glossary#subdomain)、[DNSレコード](https://help.adalo.com/glossary#dns-record)、および[DNSプロバイダ](https://help.adalo.com/glossary#dns-provider)の基本を知っていること。
* AdaloのサブドメインはデスクトップWebアプリにのみ適用され、PWA（モバイル）アプリには適用されません。
* カスタムドメインはデスクトップWebアプリとPWA（モバイル）アプリの両方に適用されます。
* カスタムドメインはデスクトップWebアプリまたはPWAのどちらかに使用できますが、同時には使用できません。
* カスタムドメインを使用する場合は、ドメイン名をすでに購入していることを確認してください。

{% hint style="warning" %}
カスタムドメインには "adalo.com" または "adalo" のフレーズを含めることはできません。これらのチェックは、Adaloの提携先以外が組織をなりすますことを防ぐために追加されています。カスタムドメインに adalo または adalo.com が含まれている場合、ドメインは接続されません。
{% endhint %}

* Adaloのサブドメインを使用して公開するには、有料のAdaloプランは必要ありません。
* カスタムドメインを使用して公開するには、有料のAdaloプランが必要です。

## 手順

{% hint style="info" %}
使用するドメイン設定に応じて、以下のタブを選択してください！
{% endhint %}

{% tabs %}
{% tab title="Adaloサブドメインを使用（無料）" %}
すべてのAdaloアカウントには、**example.adalo.com** のようなサブドメインが付属しています。サブドメインは通常、最初はチームの名前ですが、以下の手順を使用していつでも変更できます：

**1.)** Adaloにログインした状態で、Adaloビルダーの右上隅にあるプロファイル/アカウントアイコンをクリックし、**Settings** をクリックします。

![](/files/tDyL9rAKjBSO9Q6HgIEj)

**2.)** 表示されるポップアップで、**Domains** タブをクリックします。

![](/files/j9fpR47zrDUEgWfmwx4J)

**3.)** 複数のチームに所属している場合は、ドロップダウンで変更したいチームを選択し、サブドメインの横にある **Edit** をクリックします。

![](/files/Eh65oNlvNdoSSTdOaweg)

**4.)** URLがテキストボックスに変わり、サブドメインを変更できます。\
\&#xNAN;*数字、文字、ダッシュのみを含めることができ、他の誰かが使用していないサブドメインのみを使用できることに注意してください。*\
変更が完了したら、**Save** をクリックします。

![](/files/Mikr9lGnuPECDrXWnpdc)

{% hint style="info" %}
重要な点として、このサブドメインは**すべてのデスクトップWebアプリ**に適用されることに注意してください。Adaloドメインを使用している場合、個々のアプリごとにサブドメインを変更することはできませんが、URLの末尾のスラッグを変更できます。それを行いましょう。
{% endhint %}

**5.)** URLの末尾（一般的にはスラッグと呼ばれる）を変更するには、Adaloビルダーの左側のツールバーにある **Publish** ボタンをクリックします。

![](/files/ckuArJmJqey57nf6rgaJ) **6.)** ここでは、デスクトップWebアプリのドメイン設定を確認できます。テキスト入力の値を変更してスラッグを変更できます。完了したら、**保存**をクリックしてください。

{% hint style="info" %}
以下のようにURLスラッグを変更するオプションが表示されない場合、お使いのアプリはデスクトップアプリではなくPWA（モバイルアプリ）であり、URLスラッグの変更をサポートしていません。
{% endhint %}

<figure><img src="/files/S0HLZv1z5xhVp1Ga5p8K" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="カスタムドメインを使用する（有料）" %}
{% hint style="warning" %}
無料トライアルでカスタムドメインを設定できますが、カスタムドメインリンクを使用してもアクションは完了しません。[アップグレード](https://www.adalo.com/pricing)してください。
{% endhint %}

**1.)** Adaloにログインした状態で、Adaloエディタの右上隅にあるプロファイル/アカウントアイコンをクリックし、**設定**をクリックします。

![](/files/tDyL9rAKjBSO9Q6HgIEj)

**2.)** 表示されるポップアップで、**ドメイン**タブをクリックします。

![](/files/j9fpR47zrDUEgWfmwx4J)

**3.)** **カスタムドメイン**セクションで、アプリで使用したいサブドメインを入力し、**追加**をクリックします。\
\&#xNAN;*お使いのカスタムドメインをすでに購入し、* [*DNSプロバイダー*](https://help.adalo.com/glossary#dns-provider)*と設定済みである必要があることに注意してください。*

![](/files/laOJ3nlmI91MVBXlbaFS)

{% hint style="info" %}
ドメインを「mydomain.com」のように設定しようとしている場合は、「www」を追加して「[www.mydomain.com」となるようにする必要があります。](http://www.mydomain.com」となるようにする必要があります。)
{% endhint %}

**4.)** **追加**をクリックすると、AdaloがDNSレコードを追加するための情報を生成します。このプロセスは各ドメインプロバイダーごとに異なるため、提供元のリンクを確認してください。

![](/files/b6ptVpWnYrZMS9kCFQG6)

**5.)** ドメインプロバイダーにレコードを追加したら、Adaloに戻り、**セットアップをテスト**をクリックします。

{% hint style="info" %}
**注意:** 下記のエラーが表示される場合は、プロバイダーによってはDNSレコードの伝播に最大24時間かかる場合があります。通常、30分以内に完了します。

<img src="/files/EVgfmjCJd8htdvyjXfQG" alt="" data-size="original">
{% endhint %}

*プロバイダーによっては、DNSレコードの伝播に最大24時間かかる場合があります。通常、10分以内に完了します。*

**6.)** **Finish Adding Domain**をクリックできる成功メッセージが表示されるはずです。

![](/files/3zarhqqIgzWLIa3qBvHP)

**7.)** デスクトップWebアプリとPWS（モバイル）アプリの両方で、Adaloエディタの左側のツールバーで**公開**ボタンをクリックして、カスタムドメインを使用できます。

![](/files/ckuArJmJqey57nf6rgaJ) **8.)** デスクトップWebアプリの場合、追加したばかりのカスタムドメインを選択するためにドロップダウンを使用するか、ここから別のカスタムドメインを追加することもできます。\
完了したら、**保存** をクリックしてください。\
デスクトップWebアプリの場合、ここでURLのスラッグも変更できることに注意してください。\
**公開日** セクションには、アプリが現在公開されている場所が表示されます。\
ドメインの変更を保存した後は、**公開日** の下に変更が反映されるのを見るためにページをリフレッシュする必要があるかもしれません。

![](/files/79iqQMEL7HrUWxpveQTK)

**9.)** PWA（モバイル）アプリの場合、**Progressive Web App** ドロップダウンをクリックし、ドメインのドロップダウンから追加したばかりのドメインを選択するか、新しいものを追加してください。\
PWA（モバイル）アプリでは、Adaloのサブドメインであるyourteam.adalo.com は使用できないことに注意してください。\
完了したら、**保存** をクリックしてください。PWAアプリでは、URLのスラッグを変更することはできません。\
**公開日** セクションには、アプリが現在公開されている場所が表示されます。\
ドメインの変更を保存した後は、**公開日** の下に変更が反映されるのを見るためにページをリフレッシュする必要があるかもしれません。

![](/files/NExSfQDisna9sQ22HeRh)

#### 人気のあるプロバイダーでCNAMEレコードを設定する方法：

* [INOS](https://www.ionos.com/help/domains/configuring-cname-records-for-subdomains/configuring-a-cname-record-for-a-subdomain/?utm_source=search\&utm_medium=global\&utm_term=cname\&utm_campaign=HELP_CENTER\&utm_content=/help/domains/using-domains/)
* [123-reg](https://www.123-reg.co.uk/support/domains/how-do-i-change-the-nameservers-for-my-domain-name/)
* [AWS](https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/domain-name-servers-glue-records.html)
* [BigRock](https://manage.bigrock.in/kb/servlet/KBServlet/faq471.html#defcname)
* [Bluehost](https://my.bluehost.com/hosting/help/cname)
* [Crazy Domains](https://www.crazydomains.com.au/help/how-to-add-and-update-cname-records/)
* [DreamHost](https://help.dreamhost.com/hc/en-us/articles/215414867)
* [easyDNS](https://kb.easydns.com/knowledge/how-to-make-a-dns-entry/)
* [eNom](https://www.enom.com/kb/kb/kb_0002_change-host-records.htm?Highlight=cname)
* [FastDomain](https://my.fastdomain.com/cgi/help/cname)
* [GoDaddy](https://in.godaddy.com/help/add-a-cname-record-19236?)
* [Google Domains](https://support.google.com/domains/answer/9211383?hl=en)
* [HostGator](https://www.hostgator.com/help/article/manage-dns-records-with-hostgatorenom)
* [Hover](https://help.hover.com/hc/en-us/articles/217282457-Managing-DNS-records-#h_5eab4aa7-b044-4cc6-a3c0-5869f583edc8)
* [MelbourneIT](https://support.melbourneit.com.au/articles/help/Creating-CNAME-Zone-Records/?q=cname\&fs=Search\&pn=1)
* [Names.co.uk](https://www.names.co.uk/support/domains/1156-changing_your_domains_dns_settings.html)
* [Namecheap](https://www.namecheap.com/support/knowledgebase/article.aspx/9646/2237/how-to-create-a-cname-record-for-your-domain)
* [Network Solutions](http://www.networksolutions.com/support/cname-records-host-aliases-2/)
* [Register.com](https://knowledge.web.com/subjects/article/KA-01097/en-us#Rcom)
* [SiteGround](https://www.siteground.com/kb/how_to_change_my_cname_record/)
* [TierraNet](https://www.tierra.net/faq/#Q14)
* [Wix](https://support.wix.com/en/article/adding-or-updating-cname-records-in-your-wix-account)
  {% endtab %}
  {% endtabs %}

## Learn More

* You can learn more about DNS records, domain names, hosting, and subdomains here with this very good [guide ](https://www.godaddy.com/garage/dns-records-a-beginners-guide/)by GoDaddy.
* Mastering adding and managing DNS records with your domain provider can be a very valuable skill to have, especially when you need to add them for email marketing, payment processors, and website hosting services.
* You cannot use the same subdomain for two different apps, but you can create as many subdomains as you like. For instance, if you have a web version and a mobile version of your app. You may have a web.yourapp.com and an app.yourapp.com subdomain.
* In instances such as [Sign in with Google](/ja/component-basics/marketplace-components/sign-in-with-google.md), [Sign in with Apple](/ja/component-basics/marketplace-components/sign-in-with-apple.md), and [In App Purchases](/ja/component-basics/marketplace-components/single-use-in-app-purchases.md), you may need to use your Adalo or custom domain during the setup of those features.
* You cannot use Adalo subdomains on PWA apps, only on desktop web apps. You can however, use custom subdomains on PWA apps. Below is a table to help make this a bit clearer:

| Use               | Adalo Subdomain | Custom Subdomain |
| ----------------- | :-------------: | :--------------: |
| Desktop Web Apps  |        ✅        |         ✅        |
| PWA (Mobile) Apps |        🚫       |         ✅        |
| Native Apps       |       N/A       |        N/A       |

## Help

If you need additional help with this article, you can always ask in our[ community forum](https://forum.adalo.com/)! Be sure to paste the link to this article in your post as well!

Do you have a tutorial or help doc request? [Let us know!](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/testing-your-app/publishing-to-the-web-legacy.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.
