---
title: "テンプレートのテスト"
url: https://docs.catalyst.zoho.com/ja/tutorials/payslip-generator-app/nodejs/test-template/
description: "Catalystコンポーネントを使用して、動的なカスタム給与明細テンプレートからPDFドキュメントを生成し、生成したドキュメントをエンドユーザーにメールで送信する基本的なWebアプリを構築します。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Catalyst SmartBrowz"
    url: /ja/smartbrowz/getting-started/introduction/
  - name: "Templates"
    url: /ja/smartbrowz/help/templates/create-templates/
---

# テンプレートのテスト

テンプレートを作成したので、サンプルJSONデータを使用してすべてのデータが正しくレンダリングされることを確認しましょう。

テンプレートをテストするには：

1. *SmartBrowz*のサイドメニューバーで*Convert*の下にある**PDF & Screenshot**をクリックして、コンポーネントにアクセスします。
![smartbrowz_tutorial_payslip_template_test_pdfnscreen_first](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/payslip-generator-smartbrowz-pdf.webp)

2. **Playground**をクリックし、*Input Type*として**Template**を選択します。
![smartbrowz_tutorial_payslip_template_test_pdfnscreen_template](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/smartbrowz_tutorial_payslip_template_test_pdfnscreen_template.webp)

3. *Template*のドロップダウンから、作成したカスタムテンプレートを選択します。
![smartbrowz_tutorial_payslip_template_test_template_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/template-dropdown-payslip-generator.webp)

4. 以下のJSONスニペットをテンプレートデータとしてエディタに貼り付けます。

**Sample JSON Data**

```json
{
    "company": "Zylker Technologies",
    "employeeName": "Amelia Burrows",
    "employeeId": "ZT-789",
    "designation": "QA Analyst",
    "basicSalary": 10000,
    "allowances": 4500,
    "deductions": 1450,
    "totalEarnings": 14500,
    "netSalary": 13050,
    "paymentMethod": "Bank Transfer",
    "month": "September",
    "year": "2023"
}

```

> **Note:** 上記のサンプルJSONデータは、こちらで提供したテンプレートデザインにのみ適用されます。独自のカスタムデザインを使用している場合は、適切なJSONデータを入力として提供する必要があります。

<!-- 5. Ensure **Default Settings** is set as the *Template Settings*. You can find out more on the functionality of Custom Settings from this [help document](https://docs.catalyst.zoho.com/ja/smartbrowz/help/pdfnscreenshot/implementation/#templates).
![smartbrowz_tutorial_payslip_template_test_default_setting](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/smartbrowz_tutorial_payslip_template_test_default_setting.webp)
 -->

6. **Generate**をクリックします。
![smartbrowz_tutorial_payslip_template_test_preview](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/click-generate-payslip-generator.webp)

プレビューウィンドウが開き、JSONデータがレンダリングされたカスタムテンプレートを確認できます。**Download**をクリックして、ビジュアルドキュメントをローカルシステムに保存できます。