--- title: "はじめに" url: https://docs.catalyst.zoho.com/ja/tutorials/document-processor/nodejs/introduction/ description: "Zia ServicesのOCR、バーコードスキャナー、およびIdentity Scannerを使用して、入力ドキュメントからデータを検出・抽出し処理するReact Webアプリを作成します。" last_updated: 2026-11-03T07:48:52Z service: All Services type: tutorial related_links: - name: "Advanced I/O Function" url: /ja/serverless/help/functions/advanced-io/ - name: "Catalyst拡張機能" url: /ja/catalyst-extensions/vs-code-extension/introduction/ --- # Document Processor ### はじめに このチュートリアルでは、CatalystでAI/ML機能を活用してスキャンされたドキュメントや画像から特定のデータを検出、処理、抽出するDocument Processor Reactアプリケーションを構築します。このチュートリアルで構築するDocument Processorアプリケーションは、以下の機能を備えています。 1. スキャンされたデジタルドキュメントや画像内の手書きまたは印刷されたテキストを認識し、機械可読形式（JSONレスポンス）に変換します。 2. 印刷されたバーコード（1Dおよび2D形式）をスキャンし、エンコードされた情報を抽出します。 3. PAN、AADHAARなどのデジタル身分証明書、通帳や小切手を含むドキュメントをスキャン・処理し、それらのドキュメントからフィールドレコードを抽出します。なお、PANとAADHAARはインド地域固有の身分証明書です。 > **Note :** PANとAADHAARはインド地域固有の身分証明書です。 クライアントアプリケーションは以下のように表示されます。 ![local-hosted](https://catalyst-docs-development.zohostratus.in/images/tutorials/document-processor/nodejs/local-hosted.webp) 動作するアプリケーションにアクセスして機能をテストできます: [アプリを試す！](https://ziaservices.catalystserverlessapp.com) Document Processorアプリケーションは、以下のCatalystサービスとそのコンポーネントを活用しています。 1. **[Catalyst Serverless](https://docs.catalyst.zoho.com/ja/serverless/getting-started/introduction/)** - **[Functions](https://docs.catalyst.zoho.com/ja/serverless/help/functions/introduction/)**: [Advanced I/O function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/advanced-io/)を**Node.js**でコーディングします。入力ドキュメントや画像からデータを処理・抽出するロジックが含まれています。この目的のために、[Catalyst Zia Services Node.js SDKパッケージ](https://docs.catalyst.zoho.com/ja/sdk/nodejs/v2/zia-services/ocr/)を活用しています。 2. **[Catalyst CloudScale](https://docs.catalyst.zoho.com/ja/cloud-scale/getting-started/introduction/)** - **[Web Client Hosting](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/introduction/)**: このチュートリアルでは、組み込みのCatalystプラグインを使用して、Webクライアントを[Reactアプリケーション](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#react-applications)として作成・初期化します。クライアントアプリケーションはWeb Client Hostingを使用してCatalystにホスティングされます。 3. **[Catalyst Zia Services](https://docs.catalyst.zoho.com/ja/zia-services/getting-started/introduction/)** - **[OCR](https://docs.catalyst.zoho.com/ja/zia-services/help/optical-character-recognition/introduction/)**: このコンポーネントは、入力されたデジタルドキュメントや画像内のテキスト文字を検出・認識し、機械エンコードされたテキストに変換します。Catalyst OCRは[主要10言語](https://docs.catalyst.zoho.com/ja/zia-services/help/optical-character-recognition/key-concepts/#supported-languages)のテキストを認識できます。 - **[Barcode Scanner](https://docs.catalyst.zoho.com/ja/zia-services/help/barcode-scanner/introduction/)**: このコンポーネントは、バーコードをスキャンしてエンコードされた情報を抽出します。サポートされているバーコード形式の詳細については、[こちらのページ](https://docs.catalyst.zoho.com/ja/zia-services/help/barcode-scanner/key-concepts/#encoding-data-in-a-barcode)をご覧ください。 - **[Identity Scanner](https://docs.catalyst.zoho.com/ja/zia-services/help/identity-scanner/introduction/)**: Identity Scannerコンポーネントは、AADHAARカード、PANカード、銀行通帳、小切手などの一般的な身分証明書からデータをスキャン・抽出できます。サポートされている言語、ファイル形式、ファイルサイズの詳細については、[こちらのページ](https://docs.catalyst.zoho.com/ja/zia-services/help/identity-scanner/key-concepts/#model-types)をご参照ください。 このアプリケーションの構築には、[Catalyst Webコンソール](https://console.catalyst.zoho.com/)と[Catalystコマンドラインインターフェース（CLI）](https://docs.catalyst.zoho.com/ja/cli/v1/cli-command-reference/)を使用します。 チュートリアルのコードはこちらのgitリポジトリから取得できます。[Function](https://docs.catalyst.zoho.com/ja/tutorials/document-processor/nodejs/configure-advancedio)と[クライアントの設定](https://docs.catalyst.zoho.com/ja/tutorials/document-processor/nodejs/configure-client)セクションの指示に従って、プロジェクトディレクトリ内のファイルを置き換える必要があります。