# AdaloのレコードからPDFを作成

このチュートリアルでは、Adalo内のレコードデータによって自動的に埋められるカスタムデザインのPDFを作成する方法について説明します。このチュートリアルでは、3つの外部ツール、Integromat、Google Drive、EledoPDFの使用が必要です。

まず、PDFの作成に必要なデータを保存し、完成したPDFへのリンクを受け取るために、データベースを正しく設定する必要があります。

1\) PDFに関連するデータに使用するコレクションを作成します。このチュートリアルの例では、次のプロパティを作成します。タイトル、画像、説明、PDFのURL、およびユーザーコレクションに関連するプロパティ。

<div align="left"><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c2248c82441eb1f78de9c8eda918fc9fec76e077%2Fimage%20(48).png?alt=media" alt=""></div>

次に、EledoPDFアカウントとテンプレートを作成して設定する必要があります。

2\) EledoPDFにログイン（またはサインアップ）します：<https://eledo.online/>\
3\) 新しいテンプレートを作成し、名前を付けます。\
4\) Adaloからのデータが来る各テキストプロパティに対してEledoテンプレートエディタ内にテキストボックスコンポーネントを設定し、画像プロパティにはダイナミックイメージを設定します。Adalo自体からではないデータが必要な場合は、PDF内の他のアイテムも設定できます。

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

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

これで、AdaloからIntegromatにデータを取得し、EledoPDFに送信する準備が整いました。

5\) Integromatにログイン（アカウントを持っていない場合はサインアップ）します。\
6\) 以下のURLから事前に作成されたIntegromatテンプレートにアクセスします：<https://www.integromat.com/en/integration/5253-create-a-pdf-from-a-record-in-adalo>\
7\) テンプレート内の手順に従います。

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

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

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

8\) ステップ4では、Google DriveにログインしてPDFファイルを保存するフォルダを設定する必要があります。

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

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

9\) ステップを完了したら、Adaloに戻り、このコレクションにレコードを作成します。

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

10\) Integromatに戻り、シナリオ画面の左下隅にある「Run Once」をクリックしてシナリオを実行します。

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

11\) Adaloに戻り、PDFコレクション内のレコードを表示すると、PDFのURLプロパティにGoogle Drive上のファイルへのリンクが含まれているはずです。

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

12\) このリンクを開くと、ブラウザでPDFファイルを直接表示できます。

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