送信メールと受信メールの比較
Sent vs Delivered Comparison
自分のアカウントから使い捨てアドレスに下書きを送ると、送信経路が何を書き換えたか（リダイレクトに包まれたリンク、消えたstyleブロック、足されたビーコン、使われた符号化）が分かります。
互換性チェックもプレビューも、まだ送られていないメッセージについて考えます。こちらは使い捨てメール（捨てアド）を使って、実際の送信経路がそれに何をするのかを確かめます。使い捨てのアドレスを開き、本番で使うアカウントから下書きを送り、届いたものと書いたものを見比べます。
この配備での受信メールについて
この受信箱は実際に動くコードですが、保管はメモリの中だけで、外から送ったメールが本当に届くかどうかは配備のしかた次第です。Cloudflare Email Routing をつないだドメインと受信 Worker が要ります（docs/deploying-mail.md）。そこがつながっていない環境では、どれだけ待っても外部からのメールは届きません。アドレスは作られますが、配送は別の話です。このページはその点を隠しません。
メールはメモリにだけ置かれ、再起動すると消えます。残しておきたいものは送らないでください。
- 1 使い捨てのアドレスを開く
- 2 実際に送る予定のアカウントから、そのアドレスへ下書きを送る
- 3 届いたメールを選んで見比べる
使い方
アドレスを開きます
このサービスのドメインの使い捨てアドレスで、短いあいだだけ有効で、メモリの中に保持されます。
本番のアカウントから送ります
実際に配信に使うGmail、Naver、あるいはESPのアカウントからです。そのアカウントの作成画面とリンクの追跡こそが、ここで測っている対象です。
下書きを貼って見比べます
届いたメッセージを選び、送ったのと同じHTMLを貼ると、何が取り除かれ、何が足され、どのリンクがリダイレクトに包まれ、どの符号化が使われたかを一覧にします。
よくある質問
送ったメールは本当にここに届きますか。
この環境がどう配置されているかによります。外部からのメールを受け取るには、Cloudflare Email Routingで取り込みのWorkerを指したドメインが要ります。それが用意されていない環境では、アドレスは生成されても外部のメッセージが現れることはありません。再読み込みを繰り返させる代わりに、ページの上部にそう書いてあります。
比較がサーバーで行われるのはなぜですか。
使い捨てのアドレスは、見知らぬ相手からのメールを受け取るからです。受信箱がブラウザに渡すのは無害化したコピーだけで、生のメッセージのマークアップは渡しません。ブラウザで差分を取るということは、すべてのメッセージについてその規則を破るということです。そこで、届いたHTMLは保管場所の隣で読み、テキストとして渡るのは件数とタグの名前とURLの組だけにしています。
下書きはどこかに保存されますか。
いいえ。比較のリクエストと一緒に送られ、使われ、リクエストが終われば捨てられます。保管場所に書かれることも、ログに残ることも、誰かに返されることもありません。
しばらくするとメッセージが消えました。
ここの受信箱には期限がありますし、保管場所はメモリの中にあるので、再起動すれば空になります。一度の作業で一度の比較をするために作られていて、何かを取っておく場所ではありません。
ここから渡せます
HTMLメールの互換性チェック
HTML Email Compatibility Check
メールのHTMLを各クライアントが実際に対応している範囲と突き合わせ、崩れる要素を名指しして、GmailやOutlookなどで何が残るかを並べて見せます。
メールクライアント対応表
Email Client Support Table
Gmail・Outlook・Apple Mail・Yahoo・Samsung Mail・ThunderbirdがHTMLメールで何に対応しているかを、caniemailの実機試験の結果と最終試験日つきで示します。
HTMLメール作成
HTML Email Builder
ブロックを積んで表組み・インラインスタイルのHTMLメールとVML対応のボタンを作り、同じブロックからテキスト版も書き出します。
パスワード生成
Password Generator
長さ・使う文字種・紛らわしい文字を除く規則を決めて、必要な本数だけランダムなパスワードを作ります。
次の一手
このツールが出したものをそのまま受け取れる道具です。
SPF・DMARCレコード作成
SPF & DMARC Record Builder
案内に沿って正しいSPFとDMARCのTXTレコードを組み立て、書き出した各機構の意味も説明します。
メールヘッダー解析
Email Header Analyser
生のメールヘッダーを配送の時系列とホップごとの遅延に組み直し、受信サーバーのSPF・DKIM・DMARC判定と、From・Reply-To・Return-Pathの食い違いを指摘します。
HTMLメールの互換性チェック
HTML Email Compatibility Check
メールのHTMLを各クライアントが実際に対応している範囲と突き合わせ、崩れる要素を名指しして、GmailやOutlookなどで何が残るかを並べて見せます。
使い捨てメール（捨てアド）
Disposable Email
一定時間だけメールを受け取れる使い捨ての受信箱を渡し、添付ファイルもその場で開けます。
CORSテスター
CORS Tester
指定した生成元からブラウザが送るプリフライトとOriginを載せたGETを実際に送り、Fetch標準の規則でどのヘッダーが止めたのかを説明します。
為替レート換算
Currency Converter
欧州中央銀行の日次基準レートでユーロを経由して約30通貨を換算し、銀行に言われたレートを自分で入れることもできます。