# Google Visionを使って画像をOCR処理し、その結果をAdaloレコードに保存

このチュートリアルを実行するには、[Integromat](https://www.integromat.com/en/register)と[Google Cloud Vision](https://cloud.google.com/vision/docs/setup)が必要です。

1\) 必要なデータを保存するためのコレクションを作成します。このチュートリアルでは、OCRと名前を付けます。

2\) このコレクションに3つのプロパティを追加します。テキストプロパティとして「名前」、画像プロパティとして「画像」、テキストプロパティとして「すべてのテキスト」を追加します。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c022422e2ffa4f9aa9a097a6f4927d8a93f840bb%2Fimage%20\(152\).png?alt=media)

3\) 以下のURLから事前に作成されたIntegromatのテンプレートにアクセスします: <https://www.integromat.com/en/integration/5347-use-google-vision-for-ocr-an-image-and-store-the-text-results-in-an-adalo-record>

4\) テンプレートからステップに従って設定を行います。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-b86cdc01d75a47b1382ffb51f88238c30c034c94%2Fimage%20\(184\).png?alt=media)

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-5e13a4259ed8ac3b4686f3c9f59a5c779edfc3d0%2Fimage%20\(101\).png?alt=media)

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-8247b8b89432bc03e08fdc07f3411a481de60ab7%2Fimage%20\(131\).png?alt=media)

5\) アプリのビルダーに戻り、ホーム画面に画像ピッカーコンポーネントとボタンを追加します。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-9e1afe73f5286e61a4e3a52930503696900091c8%2Fimage%20\(145\).png?alt=media)

6\) ボタンに新しいOCRを作成するアクションを追加します。名前フィールドには任意の名前を入力します。この例では、名前として現在の時刻を使用することにしました。画像プロパティには、メニューから「フォーム入力」にアクセスし、リストから画像ピッカーを選択する必要があります。「すべてのテキスト」フィールドは空白のままにしておきます。このフィールドにデータを入力するために自動化を使用します。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-bfe4978124f46b44f99c4d903bea54af09563110%2Fimage%20\(77\).png?alt=media)

7\) アプリを開き、画像ピッカーを使用して画像を追加し、「OCR it」ボタンをクリックします。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-ca1d5428f956297eac2a3fae4d8c4dc205c7b933%2Fimage%20\(105\).png?alt=media)

8\) Integromatでシナリオを実行します。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-f2b8fb96cffffb6ce17a972196ea80410e0b90a1%2Fimage%20\(167\).png?alt=media)

9\) Adaloのレコードがテキストで正常に更新されたか確認します。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-32a1a46bbaf13b486eb91a6b431c8004408ff820%2Fimage%20\(197\).png?alt=media)