Android
iOS
spreadsheet
glide
PWA

Glideで個人間で使う旅行計画PWAアプリをつくってみた


はじめに

ネイティブアプリデベロッパーからしたら驚愕のWebサービスが出てきました。

当方もネイティブアプリ開発をしていますが、15分足らずでPWAアプリが作れるのは脅威的だと思います。

本記事では、ざっくり作り方、Glideでできることできないことを明確にしていきたいと思います。

(記事執筆時 2019/04/17 時点)

作成したアプリになります。ご査収ください。


スポット一覧

スクリーンショット 2019-04-16 23.53.19.png


スケジュール一覧

スクリーンショット 2019-04-17 0.21.56.png


GWにタイ旅行に行くので、知り合いとスポットを管理できたら便利だなぁと思い作成しました。



アプリ前提


  • データ作成は、本アプリからユーザが行う(PC使えない場合も踏まえて)

  • 少人数での利用(2-3人)


GlideでのPWAアプリ作り方

ぶっちゃけある程度はポチポチしてるだけで作れるので説明はあまりいらないかと思いますが、一応つけときます。



  1. Glide に登録し「New App」
    スクリーンショット 2019-04-16 23.55.30.png

  2. Google Spreadsheetでデータの作成
    スクリーンショット 2019-04-16 23.57.21.png

  3. Glideでデータを選択
    スクリーンショット 2019-04-16 23.58.34.png

  4. Glide画面のNavigation, Screen, Settings で入力項目や表示項目を設定していく
    スクリーンショット 2019-04-17 0.01.48.png


めちゃくちゃ簡単っ!!



Glideでの操作



  • Navigation : Spreadsheetのシートに応じてメニューを増やすことができます
    スクリーンショット 2019-04-17 0.06.17.png

  • Screen : 画面の表示項目や入力項目を追加できます

    スクリーンショット 2019-04-17 0.06.29.png


  • Settings: アプリ名、ロゴを決めたり、PWAリンクを設定できます



ドメインを登録するには課金しないとみたいです

http://help.glideapps.com/faq/setting-a-custom-domain-for-your-app


スクリーンショット 2019-04-17 0.05.32.png


Glideでできなかったこと、注意すること

正直ここまで簡単にアプリが作れるので、文句はないのですが、これができればなぁという一覧です。まあアップデートでなんとでもなると思うので今後も期待ですね。



  • 写真はURLの直アドレスのみ




  • アプリ上から画像の保存は不可


    • 手入力で画像アドレスをはっつけるのはめんどい!と思い、ないかなと期待しましたが、残念ながらできない様子




  • データ入力項目はテキストのみのため、日付項目などは選択できない


    • (今のところ)データの入力項目はNote、テキスト、Switchのみです。




  • Spreadsheetの計算式は利用できない?




  • Navigation(アプリメニュー項目)を増やすと表示項目などの設定が初期化される(バグ?)


    • 途中まで作成してあとからメニューを増やそうとしたら表示項目などが初期化されてしまい、また最初からになりました。(簡単だからいいけど、さすがにめんどくさい。。。)




  • Setting(入力項目や表示項目)のエクスポートができない


    • 入力項目や表示項目のエクスポートはできず、同様にアプリをコピーとかもできないようです。




さいごに

無料かつ短時間でノンプラグラミングでここまでのアプリができてしまうGlide。個人、企業で利用しない手はないですね!

個人的にはもっと細かく設定できたり、設定をエクスポートできたらなぁという思いがありますが、今後有料化したりして機能が増えていけばなぁと思う次第です。