--- title: "メールアドレスの設定" url: https://docs.catalyst.zoho.com/ja/tutorials/payslip-generator-app/nodejs/setup-email/ description: "Catalystコンポーネントを使用して、動的なカスタム給与明細テンプレートからPDFドキュメントを生成し、生成したドキュメントをエンドユーザーにメールで送信する基本的なWebアプリを構築します。" last_updated: 2026-11-03T07:48:52Z service: All Services type: tutorial related_links: - name: "Catalyst CloudScale" url: /ja/cloud-scale/getting-started/introduction/ - name: "Mail" url: /ja/cloud-scale/help/mail/introduction/ --- # メールの設定 このステップでは、[Catalyst CloudScale](https://docs.catalyst.zoho.com/ja/cloud-scale/getting-started/introduction/)コンポーネントの[Mail](https://docs.catalyst.zoho.com/ja/cloud-scale/help/mail/introduction/)を使用して、送信元メールアドレスを設定します。このアドレスから各従業員に給与明細がメールで送信されます。 送信元メールアドレスを設定するには: 1. **Catalyst CloudScale**アイコンをクリックして*CloudScale*サービスにアクセスし、**Start Exploring**をクリックします。 ![smartbrowz_tutorial_payslip_mail_cloudscale_page](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/payslip-generator-cloudscale.webp) 2. *Notify*の下にある**Mail**をクリックしてMailコンポーネントにアクセスし、**Add Email**をクリックします。 ![smartbrowz_tutorial_payslip_mail_component](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/payslip-generator-cloudscale-mail.webp) 3. 送信元メールアドレスの必要な情報を入力し、**Add Email**をクリックします。 ![smartbrowz_tutorial_payslip_mail_details](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/smartbrowz_tutorial_payslip_mail_details.webp) メールの詳細が*Email Configuration*セクションに一覧表示されます。 ![smartbrowz_tutorial_payslip_mail_listed](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/payslip-generator-mail-confirmation.webp) > **Note:** このメールアドレスが、従業員にメールを送信する際の送信元メールIDとなります。 4. **Click to confirm**をクリックして、提供したメールアドレスを確認します。 ![smartbrowz_tutorial_payslip_mail_code_sent](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/payslip-generator-mail-confirmation-code.webp) 確認コードがCatalystによって生成され、入力したメールアドレスに送信されます。 ![smartbrowz_tutorial_payslip_mail_code_mailed](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/smartbrowz_tutorial_payslip_mail_code_mailed.webp) 5. メールから確認コードをコピーし、所定の欄に貼り付けて、**Confirm**をクリックします。 ![smartbrowz_tutorial_payslip_mail_code_entry](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/smartbrowz_tutorial_payslip_mail_code_entry.webp) 6. メールIDが確認され、*Confirmation Status*列の下に確認済みステータスが表示されます。 ![smartbrowz_tutorial_payslip_mail_verified_high](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/smartbrowz_tutorial_payslip_mail_verified_high.webp) メールの設定が完了しました。 Mailコンポーネントの詳細については、[こちらのヘルプドキュメント](https://docs.catalyst.zoho.com/ja/cloud-scale/help/mail/introduction/)を参照してください。