Go to Qiita Advent Calendar 2024 Top
LoginSignup
9
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

@kinneko

流行りのGlideでプログレアプリ(PWA)してみた

Last updated at Posted at 2019-04-25

技術書典６アプリ撃沈

　「技術書典」サイトで、サークル主体のチェックリストは、ほしい薄い本のリストが作れず、いつも不便だと感じていた。

　技術書典６開催週に、Glideがバズっていたので、薄い本のチェックリストとサークルへのコメント機能付けたPWAを作ってみたのだけど、事務局にデータ利用は許可してないと言われてクローズした。

　スプレッドシートを公開編集可能にして、サークル主に記載を促してみたが、参加してくれる人は出なかったw
　しかし、サークルに対してコメントできるのは良い、という意見はもらった。

技術書同人誌博覧会

　４月中旬に「技術書同人誌博覧会」のアナウンスがあって、エントリしたついでに関係者に技術書典６アプリの残骸を見せてみた。

　好反応だったので、もう少し手を入れて技術書同人誌博覧会アプリを作ってみることにした。

ネーミング最悪

AndroidのGlideとかぶるので、ググらビリティが極端に悪い。
音は同じで、少しスペリングを変えるとかできなかったのか。
ブランディング重要。
glideappでも良かったのじゃないか。

公式のドキュメントはイマイチ

公式のドキュメントは、ここにある。

動画などもあるけど、機能が少ない現在は、おそらくこういう画面を作るには、こうしたらいいというようなTipsが求められるのではないかと思う。

掲示板は活発

Spectrumにコミュニティ掲示板が作られている。

しかし、投稿内容は薄い感じ。

普通に画面を作りたい時

画像はURLで呼び出せるようになっている。どこかのサイトに置くか、Google Driveに置くことになる。

地図の表示

やはり、アプリの中で地図の拡大縮小くらいはしたいもの。

誰かにアプリを伝える

シェア画面からトップ画面に戻るのも、iアイコンのあったのと反対側に"Done"ボタンが文字であるのでわかりにくい。
こういう告知画面は、任意に作りたい。

しかし、QRの画像を作って置いておくのもめんどくさい。変わったら貼り直しとか嫌だ。
しょうがないので、スプレッドシートにタブを１つ追加して、QRの画像の生成はGoogle Chart APIに頼ることにした。以下のようなリンクを書いておいて、Glideからはimageで呼ぶ。

掲示板はザル

コメントをページに貼ることができるのだけど、メールアドレスでのユーザー確認を付けられる。これはザル。パスワードとか求められるのだけど、何を入れてもいい感じ。誹謗中傷に耐えられない。
アプリ全体をメール認証にする運用が必要かもしれない。

アプリトップ画面がカスタムしにくい

アプリ名とアイコンを１つ貼ることができ、背景色を指定できる。でも、それだけ。
アイコンは中央に小さく表示されるだけ。見栄えはまったくしない。
おまけに、次回起動以降は表示されない。
自前でトップ画面を別に作ったほうがいいだろう。

いいね！ボタン機能はない

ちょっと痛い。

共有機能がない

PWAのよいところを活かした、ディープリンクをシェアするような機能はほしいところ。

アクセスログが取れない

利用履歴的なものが取れないので、利用分析などはまったくできない。
"A few user in the last 30 days."くらいの表示をされても、何の役にも立たない。

表示画像の拡大ができない

Imageで貼った画像を拡大することができない。
携帯に特化したサイトなどではありがちな問題なんだけど。PWAなのでブラウザ側で解除して拡大することもできない。
書影や地図などを詳しく見たい場合は不便だ。

カタログ的なアプリには向いている

何かのリストを表示するような機能は充実しているので、カタログ的な使い方が向いているのかも。
思いついたらすぐに作れるのは便利。
ただし、それ以上のことはないので、過大な期待は禁物。
今後に期待。

メールアドレスでの認証は個人情報保護なんとか的に面倒

スプレッドシートに生のメールアドレスが記録されることになる。
なんか、ハッシュ的な処理にしておいてほしいところ。
SMSで送られてくる４桁パスコードはシートの中には保存はされていない。
Glide側のバックエンドで保管されているという中の人のメッセージがあった。

ホームへのアプリの登録

初回は画面下に表示が出るのだけど、登録せずに終わった二回目以降は表示が出てこないような。
PWAとして、デフォルトでホームに登録... とかは無謀か。

Glideと関係ないけどPWA呼びにくい

PWAアプリだと、アプリアプリでアレ。
PWAだと、まだ認知低くてナニソレ感がある。
PWアプリだと間抜け。
通称はプログレアプリとかになるんだろうか？
Qiitaのタグに入れて置こうw
ついでに、タイトルにも入れておこうw

気づいたことがあれば追記するかも...

Glideで作る簡単なモックアップアプリの制作依頼などありましたら、ご依頼くださいw

メイカーズナイトで発表してみた

「NTP時計作ってみた」「CO2センサ買ってみた」「PWAで作るイベント用アプリ」
https://www.slideshare.net/kinneko/ntpco2pwa
@Maker Starter #61 ～Maker's Night 49～
2019.4.26　平成最後のプレミアムフライデー！

choice機能がリリースされたので使ってみました

プログレアプリGlideappsにchoice機能が追加されたので使ってみました

関連ドキュメント

・流行りのGlideでプログレアプリ(PWA)してみた
・プログレアプリGlideappsにchoice機能が追加されたので使ってみました
・Glideappにコメント/チャットのメッセージ追加を通知する機能が付いたので試してみた
・Glideappsでfav機能が評価中なので試してみた(リリースされました)
・「5分で作れる！Glideappsではじめる超簡単PWA」セッションで利用する予定のデモ動画とプレゼン資料
・Glideで画像アップロードの機能のテストが開始されました
・Glideのリスト表示で地図と連携表示する機能のテストが開始されました
・Glideで画面のリロードをさせるための対策

9
5
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
9
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?