SoftrとAirtableというノーコードツールを使ってサンプルサイトを作ってみようと思います。
アカウント登録などについては、省略します。
Softr turns your Airtable or Google Shee…
www.softr.io
The platform to build next‒gen apps | Airtable
Airtable is a low‒code platform to build…
airtable.com
目次
Airtableでの準備
ログインして右上のアイコンを押下する
表示されたページの中断のAPIの箇所で、Generate API KEYを実行する
API Keyを控えておく
Softrでの準備
アプリケーションの追加をする
作成したいテンプレートを選択する
Airtableで取得したAPI Keyを設定しNextボタンを押下
次へ進む
SoftrのテンプレートをAirtableにコピーする
自分のAirtableのワークスペース内に、E-commerce Templateが追加
Base urlをSoftrに設定するため、URL取得を行う
E-commerce Templateを開き、右上のHELPを押下する
API Documentationを選択する
URLをコピーする
左ナビのCLOTHING TABLE => List recordsを押下して、右枠のcurlの所に記載されている
?より前のURLをコピーする
Softrにペーストする
アプリケーションがダッシュボードにできる
完成
あとは、Airtable側でデータをいじったりして、Softr側で表示項目を追加したりレイアウト変更すれば完成。
本当に簡単にサイトができてしまいます。
これはサンプルをそのまま適用しただけなので、実際に利用する際は色々と変更が必要になりますが
それでも自分で一からサイトを作るよりは、はるかに簡単にできてしまいます。
恐るべし。
以下が、Softr + Airtableで作成したサイトになります。
ユーザ登録無しですが、画像の投稿まで可能です。
無料版の場合、robots.txtで、全てのrobotからのアクセスが禁止されるので公開してもアクセスはありません。
ダイレクトアクセスのみになります。
30分ぐらいでこちらのサイト作成したのでびっくりです。
ぜひ触ってみてください。