今回は、前回に続いてノーコードで使える、クラウド型のデータベース管理に特化したツール、「Airtable」と連携して Web サイト更新が気軽にできる、同じくノーコード ツールの「Softr」の2つのツールを enebular を連携してみる企画です。今回の前編に続いて、中編、後編の3回にわたって丁寧に解説していきます。
Softr とは
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_01.png)
Softr はノーコードで Web アプリや Web サイトを構築できるオンラインの開発ツールです。また、Airtable や Google スプレッドシートをデータベースとして連携して Web アプリや Web サイトのコンテンツデータとして使うことができます。
今回作る仕組み
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_02.png)
今回作るのは、このように Softr で Airtable でデータ保管している自分の読んだ書籍をリスト表示するシンプルな Web サイトです。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_03.png)
書籍をクリックすると 図書館蔵書検索サイト カーリル の書籍詳細のページに移動します。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_04.png)
enebular は Airtable ノードで連携できます。 enebular が Airtable のデータ入力・更新をを担当し、Softr でのアプリ内のコンテンツ更新をします。
Softr アカウント作成
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_05.png)
Sign up for free ボタンをクリックしてアカウントを作成します。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_06.png)
このような画面になります。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_07.png)
Full Name, Email, Password を入力して Sign up for free ボタンをクリックします。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_08.png)
いくつかのアンケート項目を答えて進んでいきます。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_09.png)
Choose Your Plan のページに案内されます。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_10.png)
Free を選んで、Start for free ボタンをクリックします。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_11.png)
アカウントのダッシュボードに案内されます。
メールも確認しておきましょう
アカウント登録したメールアドレスに確認メールが届くので対応しておきましょう。
![image](/wp-content/uploads/2022/10/softr-airtable-enebular-collaboration-1_12.png)
Confirm email address ボタンをクリックして Softr サイトでメールアドレス確認を完了しましょう。
今回はまず Softr 自体の準備からはじめました。次回、中編では、Softr 上でアプリを作り Airtable と連携させます。お楽しみに!