小学生でもわかる AI図鑑
速報
  1. ホーム
  2. 小学生でもわかるResend
  3. 第6話

Resend 第6話

【小学生でもわかる】崩れないメールの作り方！ResendのテンプレートとReact Emailで登録確認メールを1枚

ページで使っているのと同じHTMLとCSSでメールを組んで送ると、ブラウザではきれいだったのに、メールソフトでは崩れます。メールを開くソフトは、ウェブのブラウザほど新しい書き方に対応していないからです。メールは、ウェブと別の世界です。

  • 無料プランの範囲
Xで記事を読む シェア
テンプレートのカバー

どんな話？

Resendには見た目を作る道が2つ。管理画面の中でコードを書かずに作る「テンプレート」と、コードで作る「React Email」です。どちらも、表で組んで見た目をタグの中に直接書く、古いやり方に変換してくれます。React Emailは2026年4月から react-email 1つから読みこむ書き方になりました。

この記事でわかること

  • メールは、ウェブと同じ書き方では崩れる。道具に表で組ませる
  • 作り方は2つ。コードなしの管理画面のテンプレートと、コードで作る React Email
  • React Email は、2026年4月から react-email 1つから読みこむ書き方になった
  • 日本語のメールでは Html と Body の書き方に注意する
  • テンプレートは変数を入れて公開し、アプリから呼び出す

やることチェックリスト

0/6

記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。

くわしい手順と画面の図は、Xの記事にあります。

こんな人に

  • 送ったメールが崩れて困った人
  • コードなしでメールの見た目を作りたい人
  • 登録確認メールをきれいに作りたい人