> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# アプリのメールのデザイン

> Base44 アプリのブランドに合ったメールをデザインし、あらゆる画面でプレビューし、パスワードリセットなどの組み込みメールをカスタマイズし、アプリのワークフローから送信します。

アプリが送信するメールを、プレーンテキストではなくアプリらしい見た目にデザインできます。ダッシュボードの **Emails** から、ブランドカラーとフォントを使った既製のテンプレートを使い始めたり、AI に新しいメールのデザインを依頼したりできます。デスクトップ、タブレット、モバイルでプレビューし、アプリユーザーに届く前に自分宛てにテストを送信することもできます。

また、パスワードリセットなど Base44 がアプリユーザーに送信する組み込みメールをカスタマイズしたり、デザインしたメールを [ワークフロー](/ja/Building-your-app/Creating-workflows) のステップとして使用したりできます。

<Note>
  Free プランまたは Starter プランでは、組み込みメールのプレビューとテストはできます。ただし、独自のメールのデザインと組み込みメールのカスタマイズには Builder プラン以上が必要です。
</Note>

<Frame caption="Base44 でアプリのメールをデザインする">
  <img src="https://mintcdn.com/base44/G_oNLsUyqxpQ5Qq5/images/emails-tab.png?fit=max&auto=format&n=G_oNLsUyqxpQ5Qq5&q=85&s=7d569b83b6be9edc211622d9afe93ed2" alt="Start from a template ギャラリー、Generate with AI、組み込みメールの一覧が表示された Emails タブのスクリーンショット" width="1440" height="870" data-path="images/emails-tab.png" />
</Frame>

***

<div id="starting-from-a-template" />

## テンプレートから始める

Base44 は各アプリ用にスターターメールのセットを作成します。これらは、アプリのロゴ、カラー、フォントで既にスタイル設定されています。1 つを選ぶと、独自のメールとして保存されます。メールはプレビューで開き、自由に変更できます。

**テンプレートから始めるには:**

1. アプリエディターで **Dashboard** をクリックします。
2. **Emails** をクリックします。
3. **Start from a template** で、使いたいテンプレートを探します。アプリに 4 つ以上のテンプレートがある場合は、矢印を使って残りを表示します。
4. テンプレートにカーソルを合わせ、**Use this template** をクリックします。

<Frame caption="Base44 でテンプレートから始める">
  <img src="https://mintcdn.com/base44/G_oNLsUyqxpQ5Qq5/images/emails-template-gallery.png?fit=max&auto=format&n=G_oNLsUyqxpQ5Qq5&q=85&s=52e2da5b8d1c070c24770c4a8c4ddc5b" alt="Product update テンプレートの Use this template が強調表示された Start from a template ギャラリーのスクリーンショット" width="2290" height="1090" data-path="images/emails-template-gallery.png" />
</Frame>

***

<div id="designing-with-ai-chat" />

## AI チャットでデザインする

AI チャットで欲しいメールを説明すると、アプリのスタイルでメールをデザインします。例: `新規メンバーに感謝し、プロフィールページへのリンクを含むウェルカムメールをデザインしてください`。AI チャットに直接入力することも、Emails タブから始めることもできます。

**AI チャットでメールをデザインするには:**

1. アプリエディターで **Dashboard** をクリックします。
2. **Emails** をクリックします。
3. **Generate with AI** をクリックします。
4. AI チャットでメールを説明し、メッセージを送信します。

***

<div id="previewing-and-testing" />

## プレビューとテスト

メールを開くと、アプリユーザーが受け取る内容をそのまま確認できます。画面ごとの見え方を確認したり、自分宛てにテストを送信したりできます。

<Frame caption="Base44 でメールをプレビューする">
  <img src="https://mintcdn.com/base44/G_oNLsUyqxpQ5Qq5/images/emails-preview.png?fit=max&auto=format&n=G_oNLsUyqxpQ5Qq5&q=85&s=7abbb45db05b2f63bba6712c2ae508f7" alt="Mobile サイズで表示された Password reset メールのプレビューと、Edit with AI および Send test to me のスクリーンショット" width="1420" height="700" data-path="images/emails-preview.png" />
</Frame>

**メールをプレビューしてテストするには:**

1. アプリエディターで **Dashboard** をクリックします。
2. **Emails** をクリックします。
3. 開きたいメールをクリックします。
4. 操作を選択します:
   * **他の画面サイズを確認する:** プレビューの上にある **Desktop**、**Tablet**、**Mobile** のいずれかをクリックします。
   * **テストを送信する:** **Send test to me** をクリックすると、自分の受信トレイにコピーが届きます。
   * **メールを変更する:** **Edit with AI** をクリックし、AI チャットで変更内容を説明します。
   * **メールを削除する:** 自分でデザインしたメールの場合、**Delete** をクリックし、**Delete template** をクリックして確定します。

<Warning>
  メールの削除は元に戻せません。そのメールを送信するワークフローやバックエンド関数は、メールを再作成するまで動作しなくなります。
</Warning>

***

<div id="customizing-built-in-emails" />

## 組み込みメールのカスタマイズ

アプリにログイン機能がある場合、利用者に 4 種類のアカウントメールが自動的に送信されます。設定や有効化は不要です。Base44 はアプリのサインアップとログインの一部としてこれらを送信します。メールはアプリのロゴとカラーで既にスタイル設定されています。

* **パスワードリセット:** ユーザーがパスワードのリセットを依頼したときに送信されます。
* **メール認証:** ユーザーがメールアドレスを認証する必要があるときに送信されます。
* **ユーザー招待:** 誰かがアプリへの参加に招待されたときに送信されます。
* **アクセス承認:** アプリへのアクセスリクエストが承認されたときに送信されます。

変更は任意です。編集すると、Base44 版の代わりに自分の版が送信され、一覧に **Edited by you** と表示されます。いつでも Base44 版に戻すには、メールを開いて **Reset to default** をクリックし、**Reset** をクリックします。これにより自分の版が削除され、元に戻せません。リセットリンクなど、各メールに必要なリンクやボタンは残してください。残さないと、アプリユーザーには Base44 版が送信されます。アプリが独自のログインページを使用している場合は、Base44 が引き続き送信するメールのみが表示されます。

<Frame caption="Base44 で組み込みメールをカスタマイズする">
  <img src="https://mintcdn.com/base44/JLt9TAllmOekzGj5/images/emails-built-in.png?fit=max&auto=format&n=JLt9TAllmOekzGj5&q=85&s=9fd4c8a11896806cf1486ff57adb6ee1" alt="Application emails の一覧 (Password reset、Email verification、User invitation、Access approved) のスクリーンショット" width="1635" height="730" data-path="images/emails-built-in.png" />
</Frame>

**組み込みメールをカスタマイズするには:**

1. アプリエディターで **Dashboard** をクリックします。
2. **Emails** をクリックします。
3. **Application emails** で、変更したいメールをクリックします。
4. **Edit with AI** をクリックし、AI チャットで変更内容を説明します。

<Note>
  メール認証のメールはサインアップ途中のユーザーに送信されるため、自分の版には送信前にいくつか追加のチェックがあります。アプリに独自の [カスタムメールドメイン](/ja/Setting-up-your-app/Sending-emails-from-a-custom-domain) が必要で、自分の版には認証コードを表示する必要があります。また、事前にレビューが行われ、最大 1 時間かかる場合があります。それまではアプリユーザーに Base44 版が送信され、その理由がプレビューの **Sending** に表示されます。
</Note>

***

<div id="sending-from-workflows" />

## ワークフローからの送信

デザインしたメールはどれもワークフローのステップにできます。新規サインアップや注文完了など、アプリで何かが起きたときに自動的に送信されます。

追加するには、AI チャットに依頼します。例: `新しいユーザーがサインアップしたら、ウェルカムメールを送信してください`。AI がメールをデザインし、**Send email** ステップとしてワークフローに追加します。すぐに実行できる状態です。ワークフローを開くと、ステップにメールの送信先、件名、使用するテンプレートが表示されます。

詳しくは、[ワークフローの作成](/ja/Building-your-app/Creating-workflows) と [アプリがメールを送信できる相手](/ja/documentation/building-your-app/sending-emails#who-you-can-email) を参照してください。

<Note>このページは AI によって翻訳されました。最も正確で最新の情報については、[英語版](/) を参照してください。</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.