とりあえずやってみたのでメモ書きです。
AirtableにCSVをアップロードしてThunkableで読み込むだけの作業です。
ノーコード関連記事
目次
Airtableの操作
AirtableでCSVをアップロードします。
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-7.png)
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-5.png)
WordSpaceからAdd a baseを押してAdd or import からCSV Fileを選択します。
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-6-1024x671.png)
CSVファイルをドラッグアンドドロップ
Thunkableの操作
ThunkableのプロジェクトからData Sourcesを選択
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-4.png)
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-8.png)
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-9.png)
Airtableを選択
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-10.png)
上記のAPIとBASEを次の場所からとってきます。
API Key
Airtableのアカウントに行きます。
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-1-1024x421.png)
API keyをコピーしてThunkableに貼り付け。
BASE
以下にアクセス
https://airtable.com/developers/web/api/introduction
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-2-1024x884.png)
一番下にアップロードしたファイルがあるのでクリック。
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-11.png)
Thunkableでの表示
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-12-358x1024.png)
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-13.png)
プロジェクトのアプリ画面でData Viewer List を選択し、Data Sourceにアップロードしたファイルを選択します。
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-15.png)
今回は都道府県と人口を入れてみました。
![](https://heppoco.biz/wp/wp-content/uploads/2022/12/image-16-621x1024.png)
こんな感じになりました!