HTML メールエディタ＆プレビュー
HTML メールのコードを書きながら、レスポンシブ表示をその場で確認
ニュースレターやマーケティングメール用の HTML ソースを書きながら、レンダリング結果をリアルタイムで確認できるツールです。テーブルベースのメールテンプレートを扱うマーケターや開発者が、実際にメールを配信する前にレイアウトを点検するのに役立ちます。レンダリングはすべてブラウザ内で行われ、コードがサーバーに送信されることはありません。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
使い方
- 左側の入力欄に HTML メールのソースコードを貼り付けるか、直接記述します。
- コードを編集すると、右側（または下側）のプレビューがすぐに更新されます。
- モバイル（375px）、タブレット（768px）、PC（100%）のタブを切り替えて、画面幅ごとのレイアウトを確認します。
- 崩れている箇所を見つけてコードを修正し、完成したテンプレートをコピーしてメール配信ツールで使います。
よくある質問
- 書いた HTML コードはサーバーに送信されますか？
- いいえ。入力したコードはブラウザ内の iframe でレンダリングされるだけで、外部へ送信・保存されることはありません。
- 実際のメールクライアント（Gmail、Outlook など）と100%同じ見た目になりますか？
- このプレビューは通常の Web ブラウザのレンダリング基準です。メールクライアントごとに CSS のサポート範囲が異なるため、配信前に実際のクライアントでのテストをおすすめします。
- 初期表示のテンプレートを参考にして作ってもよいですか？
- はい。最初に表示されるテーブルベースのニュースレターのサンプルコードを、そのまま編集してお使いいただけます。