AIツールでメール通知の仕組みを作る

Webサイトやアプリで「お問い合わせがありました」「注文を受け付けました」といったメールが自動で届く仕組み、見たことがありますよね。あれは裏側でプログラムが動いています。

たとえるなら、お店に「郵便係」を一人雇うようなものです。お客さんがフォームを送信したら、郵便係が自動で手紙を書いて投函してくれる。このAtomでは、その「郵便係」をAIツールの力を借りて15分で作ります。

使うのは Resend（＝手軽にメールを送れるWebサービス）というサービスです。無料で月3,000通まで送れるので、個人開発やテストには十分です。

始める前に、以下が整っているか確認しましょう。

• パソコンでターミナル（＝コマンドを入力する黒い画面）を開けること
• AIツール（Claude Code、Codex CLI、Cursor、ChatGPT のいずれか）が使えること
• Node.js（＝JavaScriptを動かす仕組み）がインストール済みであること

Node.jsが入っているか不安な場合は、ターミナルで次の1行を実行してください。

node --version

v18.0.0 のようなバージョン番号が表示されればOKです。「command not found」と出た場合は、先にNode.jsのセットアップAtomを完了してください。

Resendは開発者向けのメール送信サービスです。まずアカウントを作り、APIキー（＝あなた専用の合言葉）を手に入れます。

1. ブラウザで Resend の公式サイトを開く
2. 「Sign Up」ボタンをクリックし、GitHubアカウントまたはメールアドレスで登録する
3. ダッシュボード（＝管理画面）が表示されたら、左メニューの「API Keys」を開く
4. 「Create API Key」をクリックし、名前に my-first-key と入力して作成する
5. 表示された文字列をコピーして、安全な場所（メモ帳など）に保存する

⚠️ APIキーは家の鍵と同じです。他人に教えたり、SNSに貼ったりしないでください。一度閉じると二度と表示されないので、この時点で必ずメモしておきましょう。

ここがメインの作業です。AIツールに「こういうコードを書いて」とお願いして、メール送信プログラムを作ってもらいます。

AIツール別の始め方

良いプロンプト（＝AIへの指示文）の例

ResendのAPIを使って、テストメールを送るNode.jsのコードを書いてください。
条件：
- 送信先: my-email@example.com（自分のメールアドレスに置き換え）
- 送信元: onboarding@resend.dev
- 件名: 「テスト送信：メール通知の仕組み」
- 本文: 「これはResendからのテストメールです。届いていれば成功です！」
- APIキーは環境変数 RESEND_API_KEY から読み込む
- ファイル名は send-email.js にする

悪いプロンプトの例

メールを送るコードを書いて

違いのポイント: 良いプロンプトは「何を使うか（Resend）」「どこに送るか」「キーをどう管理するか」が全部入っています。悪いプロンプトでは情報が足りず、AIが見当違いのコードを出しがちです。

AIが生成したコードを確認する

AIがコードを出力したら、次の3点だけチェックしてください。

1. ファイル名: send-email.js など、わかりやすい名前になっているか
2. APIキーの読み込み方: process.env.RESEND_API_KEY のように環境変数から読んでいるか（コード内にキーが直接書かれていたらNG）
3. 送信先アドレス: あなた自身のメールアドレスが指定されているか

問題なければ、AIの指示に従ってファイルを保存します。Claude CodeやCodex CLIを使っている場合は、AIが自動でファイルを作成してくれることが多いです。

APIキーをコードに直接書くと、うっかり公開してしまう危険があります。環境変数（＝プログラムの外で管理する設定値）に登録しましょう。

ターミナルで次の1行を実行します。re_xxxxx の部分を、先ほどメモしたあなたのAPIキーに置き換えてください。

export RESEND_API_KEY=re_xxxxxxxx

これは「このターミナルの中では、RESEND_API_KEY という名前でこのキーを使います」と宣言する操作です。

💡 ターミナルを閉じるとこの設定は消えます。次回も使いたい場合はAIに「.envファイルで環境変数を管理する方法を教えて」と聞いてみましょう。

Resendの機能をプログラムで使えるようにする「部品」をインストールします。

npm install resend

これは「Resendという部品を、このプロジェクトに追加して」という意味です。数秒で完了します。

いよいよ実行です。ターミナルで次の1行を打ちます。

node send-email.js

成功した場合

ターミナルに次のような結果が表示されます。

{ id: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' }

このIDが表示されれば、メールは送信されています。

失敗した場合

赤い文字やエラーメッセージが表示されたら、そのメッセージ全文をコピーしてAIツールに貼り付けてください。

このエラーが出ました。原因と解決方法を教えてください：
（ここにエラーメッセージを貼り付け）

AIがエラーの原因と修正方法を教えてくれます。

送信が成功したら、以下の3つを確認して完了です。

3つすべてOKなら、このAtomは完了です。あなたは「AIと一緒にメール送信の仕組みを作る」スキルを身につけました！

どのエラーも、メッセージをそのままAIに貼り付ければ解決策を教えてもらえます。「自分で調べなきゃ」と思わず、積極的にAIに頼りましょう。

メール送信ができるようになったら、次はこんなことに挑戦できます。

• HTMLメール: 見た目のきれいなメールを送る
• フォーム連携: Webサイトのお問い合わせフォームと連動させる
• 自動通知: 特定のイベント（注文完了など）をトリガーにメールを送る

興味があれば、AIに「Resendでお問い合わせフォームから自動返信メールを送る方法を教えて」と聞いてみてください。