【GlideApps】日本語のドキュメントないので少し翻訳。。まだリストだけですが。。【みんなでアプリ作りましょう】

NoCode界隈が盛り上がってますが。。GlideよりBubbleに(笑)

やはりいろいろなことができるBubbleの方が使いやすいかと思います。勉強すればほぼなんでもできそうですしね。 ということもあってか?Glideの記事って最初のところばかりで、あまり詳しい記事ありませんね。

しかも。。本家の方も、解説やドキュメントがほぼ全部動画(笑) おじさん世代は、動画見るのってきついのです。。せっかちなので、すぐに飛ばしてしまい肝心なところを見逃すという(笑)

その本家のLearning Guideのページです。

https://www.glideapps.com/learn-to-glide#

Glideチームに、字幕でも付けて。。字幕の日本語訳でもしようか?って前にサンプルを送ったのですが。。返事こず(笑)

ちなみに、お弁当プロジェクトの時に書いたFAQのページがわりと参考になるかと思うので再掲しておきますね。

Glideのよいところ

あんまり難しいことはできないけど、デザイナー的な人や、スプレッドシートを使えるくらいの人が、HPを作るような感覚で、PWAアプリを、そこそこカッコよく作れる。おじさん世代の言葉でいうと、ホームページビルダーの感覚で、アプリを作れる(笑) まぁMobirizeとかでもできるんですが。。

https://tom2rd.sakura.ne.jp/wp/2016/12/20/post-2782/

それよりも、スマホにマッチした感じで作れるってところですね。

特に

  • 地図アプリ 簡単
  • スケジュールカレンダー的なアプリも簡単
  • 入力もできるようになってきた

ってところでしょうか。。

Zapierなどを使うと他のクラウド系のシステムとの連携もできる。データエディタが付いたことで、リレーションなども組めるようになったのですが。。これは作り直したりするときにいちいち全部変更しないといけないので、メンテを考えるとあんまり使わない方がいいかも。 むしろ、Google Spread Sheetの関数や、GASを使ってデータ整理して、2次元のシートとしてデータを持つように作る方がいいかと思います。データ連携もスプレッドシートで行うようにしておく方が、連携できるかと思います(笑)。

あと。。わからないことあれば。。あんまり真面目に答えてくれないけど。。Communityもあります。Bug報告とか何度かしてますが。。たまに答えてくれるって感じですかね?(笑)

https://community.glideapps.com/

意外に知られていないガイドのページ

Glideの初期の頃からあるガイドのページ。。これが意外に知られていないので。。項目だけでも日本語化して、リンクしておきました。とはいえ、Youtube見ろみたいなページが多いのですが。。ここで検索でもしてみてから見てもらうと少しは早いかと。。あと関係している項目もわかりやすいかな?と思います。1枚くらいづつの画像で説明できるような内容に、ぼちぼちしていきたいな。。とも思いますが。。誰か一緒にやらない??(笑)

https://docs.glideapps.com/all/

目次

👋ようこそ

ガイド

🐥クイックスタート

  • パート1:はじめに
    • スプレッドシートを整理する
      • ブラウザのアドレスバーに「sheet.new」と入力して、新しいGoogle スプレッドシートを作成します。項目名を列方向につくり、行方向にデータを入れます。
    • 最初のアプリを作成する
      • イントロ / コンポーネント / ナビゲーション のビデオへのリンク
      • 下のコンポーネントの項、ナビゲーションの項を見る方がいいかも
    • 画像を追加する
      • 画像コンポーネントについてのことが詳しくのってます。JPGs, PNGs, GIFs and SVGsが使えて、基本は、URLで指定します。今は画像がGlide上でも保存できるようになりましたが。。容量制限あります。
    • アイテムを追加する
      • ユーザがデータを追加できるということの説明。でもこれ実際には使いにくい
    • 編集と削除
      • ユーザがデータを編集削除できるということの説明。上と同じ。下の方のパーソナライズを使えるようになったら、これも生きてくると思います。
    • アプリを公開する
      • 情報古いですね(笑)SHAREのボタンを押してPublishAppというボタンを押せば。。この画面でてきます。
    • アプリを共有する
      • 上と同じですね。
    • アプリをインストールする
      • PWAなので、ホームに追加が出てくるはずなんですが。。iPhoneの場合やAndroid、Desktopの場合や、QRコードでシェアできることが書かれています。
    • コンポーネントの紹介
      • アプリ内で表示される項目のことをコンポーネントっていいます。表示だけでなく、チェックボックスや入力用のコンポーネントもありますが、ここでは、表示用のコンポーネントだけが説明されています。
    • アプリとデータの更新
      • GlideとGoogle Spreadシートの同期タイミングについて、書かれています。
      • 通常、10分おきくらいに同期すると書かれていますが。。したりしなかったりです。あと、画像は画像の保存されているURLが変更されない限り変更されないので、スプレッドシート上でURLを変更するといいですね。
      • 管理画面で、Reloadを押す(笑)←どうしても同期しない時は、これです。
    • ログイン、プライバシー、サインイン
      • 以下の4つのモードのサインインの方法がある。左のSetting設定(歯車マーク)を押して、 右上のPrivacyで設定する。
  • パート2:中級
  • 出たばかりのころはこの項目は、Magicコラム名と呼ばれるコラムの命名法で実装されていましたが、Glideの中にDataEditerとInline Listが出来たので、できた機能ですね。
    • 関係の紹介
      • Relationコラムを作って違うテーブルのデータを結びつける。下の場合、従業員のテーブルのLocationと、場所のテーブルのNameを結びつけるコラムを作ることで連携されます。
      • 複数の関係がある場合は、Match Multipleをチェックする。
    • 単一の関係
    • 複数の関係
    • ユーザーごとのデータのフィルタリング
      • サインインしたユーザーでフィルタしたりする方法。上のビデオ見てください。
    • フォームを操作する
      • 入力用のフォームの作り方です。最近だと位置情報も入るようになってます。
      • このテンプレートの記事みてもらった方がいいかも。

【GlideApps】情報入力用テンプレート 位置と写真を入力して、Mapと時系列で表示【いろいろ使える】

🤿深いダイビング

ゼロからアプリを構築する まずこれらをやってみるといいかもです。

リファレンス

👩‍🎨デザインと構造

🧰コンポーネント

🧮データエディター

🔏プライバシーとユーザーごとのデータ

🌟アクション

📊スプレッドシート

🧩テンプレート

⛓️統合

🪂その他の機能

ETC

⚙️アカウントと設定

🏛️組織

❔FAQ

小平あたりでCivicTechでの事例

入力系アプリ

【GlideApps】情報入力用テンプレート 位置と写真を入力して、Mapと時系列で表示【いろいろ使える】

https://tanpopo-01.glideapp.io/

観察会アプリ

https://kansatsukai20200724.glideapp.io/

情報入力+マップ表示+リスト表示など

公園・防災マップアプリ

https://go.glideapps.com/play/3xBVqx5XmOftJ0vmgJW3

バリアフリー情報収集+情報アプリ

https://barrier-free.glideapp.io/

テイクアウト情報アプリ

https://kodaira-takeout.glideapp.io/

Youtube動画なども表示させているアプリ

https://kanaderu.glideapp.io/

会議やコンサートなどのタイムスケジュール・出演者を紐づけるアプリ

https://kodairaminnamusic.glideapp.io/

GASと連携して予約システムとしているアプリ

https://tom2rd.sakura.ne.jp/wp/2019/05/17/post-9058/

もともとは、GASで作ってあるものです。

https://tom2rd.sakura.ne.jp/wp/2017/07/27/post-5346/

で。。そのテスト用アプリはこちらです。

https://go.glideapps.com/play/WJvjf32m7o6Wg4Z53xiG

いまなら。。Proバージョンだと、Webviewも使えるので、もっと一つのアプリっぽくもできるでしょうし。。うまくGoogle Spread Sheetのトリガーが動くのであれば、Glideのフォームからの入力でも動くかと思います。
Glideの場合、頻繁にアップデートされるので、翻訳しても無駄かな?って思っていたのですがとりあえず、現時点のところを一度まとめてみました。
誰かの役に立つか? (笑)

投稿日

カテゴリー:

,

投稿者:

コメント

コメントはこちら

  • Facebook Comments
  • Default Comments (0)

This site uses Akismet to reduce spam. Learn how your comment data is processed.

PHP Code Snippets Powered By : XYZScripts.com