AIを使ってレイアウトを作成、編集、翻訳しましょう
ご希望のメールの内容を説明していただければ、AIがレイアウトを作成したり、既存のレイアウトを変更したり、翻訳を行ったりします。Anthropic(Claude)、OpenAI、Google Gemini、またはOpenRouterの各自のアカウントをご利用いただくため、アプリ内でAIクレジットを購入する必要はなく、各プロバイダーに直接お支払いいただきます。
プロバイダーを接続する
- ご希望のプロバイダー(Anthropic(Claude)のAPIキーを取得する方法、OpenAI APIキーの取得方法、Google Gemini API キーの取得方法、または OpenRouterのAPIキーを取得する方法)でAPIキーを作成してください。
- アプリで、「Developer」を開き、「Connections」タブを選択してください。
- そのプロバイダーのカードにキーを貼り付けて、保存してください。キーはまずそのプロバイダーで検証されます。
- 「デフォルト」モデルを選択してください。複数のプロバイダーを接続し、生成するたびにその中から1つを選択することができます。
このキーは暗号化されており、レイアウトの作成、編集、または翻訳を行う際のみ使用されます。その後、二度と表示されることはなく、アプリのAPIからも返されることはありません。
レイアウトを作成する
プロバイダーが接続されている状態で、「メールレイアウトの作成」を選択すると、「AI を使ってレイアウトを作成」ウィンドウが開きます。エディター(ビジュアルビルダーまたはリッチテキスト/HTML)を選択し、メールの内容(例:見出しに「ありがとうございます」と記載された注文確認メール、注文内容、注文追跡用のボタンなど)を記述して、「生成」をクリックしてください。下書きがページに表示されますので、内容を確認して「保存」をクリックしてください。
レイアウトを編集する
レイアウトエディタには、「AIによる編集」バーが表示されます。変更内容(例えば、ラインアイテム表を追加する、あるいは_文体をより親しみやすいものにするなど_)を記述してください。エディタ上でレイアウト全体が更新されますが、「保存」をクリックするまでは何も保存されません。「破棄」をクリックすると、元の状態に戻ります。
翻訳
「言語」で、言語を追加する際は**「AIで翻訳」**を選択してください。詳細は お客様の言語でメールを送信してください をご覧ください。
モデルの選定と費用
モデル一覧はプロバイダーアカウントから取得されるため、アプリの更新を行わなくても新しいモデルが表示されます。価格が判明している各モデルには、1回の生成(フルレイアウト)あたりの推定費用が表示され、この費用はお客様のプランではなく、プロバイダーアカウントに請求されます。規模の大きいモデルほど、より優れたデザインを生成しますが、処理に時間がかかります。
| プロバイダー | 適切なデフォルト設定 | モデルと価格 |
|---|---|---|
| アンソロピック(クロード) | 「Claude Sonnet 5」(1レイアウトあたり約0.06ドル)、「Claude Opus 5」(複雑なデザイン用) | モデル:、 価格: |
| OpenAI | GPT-5.6 Terra(約0.07ドル)、低コスト向けのGPT-5.6 Luna | モデル:、 価格: |
| Google Gemini | Gemini 3.8 Flash(約0.02ドル)、Gemini 2.5 Pro | モデル:、 価格: |
| OpenRouter | 掲載されているどのモデルでも結構です。1つの鍵で複数の会社に対応できます。 | モデルと価格 |
OpenRouter を使えば、1つのキーと1つの残高で、複数の会社のモデルを最も手軽に試すことができます。リストにそのモデルがない場合は、開発者ページで「**その他のモデル ID」**を選択してください。
機種や価格は随時変更されます。詳細は各プロバイダーのページをご確認ください。
知っておくと便利です
- 生成されたレイアウトは、他のレイアウトと同様にチェックされます。Liquidが有効である必要があり、使用できるのはご自身でアップロードしたファイルのみです。AIはメディアライブラリから画像を選択することはありませんので、画像はご自身で追加してください。
- 大きなモデルほど時間がかかります。レイアウト全体を完了するには、1分か2分ほどかかる場合があります。
- 無効なキーや有効期限が切れたキーを使用すると、生成時にプロバイダーのエラーが表示されます。
- ご自身のアシスタントを使って作業したいですか?MCP経由で接続し、レイアウトの生成を依頼してください。詳細は AIアシスタント(MCP)を接続する をご覧ください。

