AIを使ってレイアウトを作成、編集、翻訳しましょう

ご希望のメールの内容を説明していただければ、AIがレイアウトを作成したり、既存のレイアウトを変更したり、翻訳を行ったりします。Anthropic(Claude)、OpenAI、Google Gemini、またはOpenRouterの各自のアカウントをご利用いただくため、アプリ内でAIクレジットを購入する必要はなく、各プロバイダーに直接お支払いいただきます。

プロバイダーを接続する

  1. ご希望のプロバイダー(Anthropic(Claude)のAPIキーを取得する方法、OpenAI APIキーの取得方法、Google Gemini API キーの取得方法、または OpenRouterのAPIキーを取得する方法)でAPIキーを作成してください。
  2. アプリで、「Developer」を開き、「Connections」タブを選択してください。
  3. そのプロバイダーのカードにキーを貼り付けて、保存してください。キーはまずそのプロバイダーで検証されます。
  4. 「デフォルト」モデルを選択してください。複数のプロバイダーを接続し、生成するたびにその中から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)を接続する をご覧ください。