こんにちは。でみです。

今回はGlide1というライブラリを使って、334秒でTODOアプリを作っていきます。

これは何?

Googleスプレッドシート2をデータベースとして扱え、ノンコーディングでPWA3を作成できるライブラリ。

本題

やっていきましょう。

準備

Google Driveでスプレッドシートを用意しておきます。

作っていこう

Glide1のページにアクセスして、Create appを選択。

先ほど作成したスプレッドシートを選択。

タブの項目からタブを作成します。

pic1.png

今回のタブの設定

次に表示する項目を設定しましょう。

サイドバーからLayoutを選択し、先ほど作成したタブのプロパティを開きます。

Todoのタブは以下のように設定しました。

pic2.png

Layout

pic3.png

Features

pic4.png

Add

DoneのタブはFilterをDone is trueに設定。

これでサイドバーのSettingsから見た目をいい感じにすると完成です。

今回はユーザー固有のデータを利用していないので、やることがインターネットに大放流されます。許して

PWAが動くようになれば、右上のShareボタンから0.334秒でリリースできます。

今回作成したアプリは

上のリンクから使えます。 よかったら試してみてね。

終わりに

Glide1を使って簡単にPWAを作ることができました。

データをスプレッドシートにまとめて配信するなどの用途には良さそうですね。

おわり。


  1. Glide ↩︎

  2. Google スプレッドシート ↩︎

  3. プログレッシブウェブアプリ | MDN ↩︎