Glideで画像アップロードの機能のテストが開始されました

Glideで画像アップロードの機能のテストがアナウンスされました。

[[INSIDERS] New features: Date/time and image pickers - please help us test](https://spectrum.chat/glideapps/general/insiders-new-features-date-time-and-image-pickers-please-help-us-test~dfbcd7c0-07fb-4e4a-99dc-8ad3479477e1)

早速使ってみました。

テストは、これまでと同様にstaging.heyglide.comで行われています。
ここで作成したGlideアプリは、削除される可能性がありますので、リリース用には使えません。

##やってみる
###スプレッドシートの作成
Google Spreadsheetを開いて、ユーザー名とtwitterID、アイコンを想定したシートを作ります。アイコンのところにアップローダを使う予定です。
![スクリーンショット 2019-05-30 10.38.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/83ea7d4c-d786-1628-8376-81a5d1c577db.png)
###アプリの作成
staging.heyglide.comを開いて、新規アプリを作成します。
先ほど作ったスプレッドシートを指定します。
![1Glide – amazing apps without code 2019-05-30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/196822e6-3442-860e-eb61-70278255e3c1.png)
ユーザーkinnekoを開きます。
![2Glide – amazing apps without code 2019-05-30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/cd8d7c0d-b479-e8ed-58a2-ddf01346c744.png)
ここにアップローダを追加してみます。
###Image Pickerの追加
Componentsの右側にある＋ボタンを押して、リストからImage Pickerを選びます。Columnには、iconを指定します。
![スクリーンショット 2019-05-30 11.02.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/3c21ad57-93a5-f0e9-dfcc-e74756e781d6.png)
![b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/6a64ba33-1cd0-0357-78cd-0b5afe7e4ada.png)
アップローダが表示されました。
###アップロードしてみる
アイコンを登録してみます。
アップローダを押して、ファイルを選択してアップロードを行います。
![5Glide – amazing apps without code 2019-05-30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/16523f87-7b5e-a0c6-fadb-00c25792a42f.png)
こんな表示になりました。

アップロードしたファイルはfirebase-Storageに登録されているようです。

##アップロード画像の表示
アップロードされた画像は、Imageコンポーネントで表示することができます。
![6Glide – amazing apps without code 2019-05-30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/fe719956-623c-8eca-f22a-327ab290e071.png)

##アップロード画像の削除
アップローダの右側の☓ボタンで画像の削除ができます。削除時には、確認ダイアログが表示されます。
![9Glide – amazing apps without code 2019-05-30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/7ff11c67-8710-93b9-1704-8d4480b2e75e.png)

##使い勝手はいまひとつ
テスト実装ということもあるのでしょうが、機能的には「だからどうした？」という感じでしょうか。

ユーザー権限に紐付いた登録削除ではないですし、管理者向けだけに表示されるものでもありません。

アプロード後の表示も、先方で決めたよくわからないタグが表示されるだけで、実用性は疑問です。

ただ、画像がアップロードできるようになっただけで、使い所や実装意図がよくわかりません。
spectrumでは、そのへんを突っ込んでおきました。

##画像を置く場所がない場合には便利かも...
どこかに画像を置いて、そのリンクを使うことができないような場合は、使えるかもしれません。
Glideのfirebase-Storageに画像を置かせてもらうために、一時的にアップロードを有効にして画像を登録し、アップロード後にアップロードを削除してしまえば、アップローダとしては使えそうです。
![8Glide – amazing apps without code 2019-05-30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1513/a410cdd8-58ce-56b3-de24-178b1b501990.png)

## 関連ドキュメント
・[流行りのGlideでプログレアプリ(PWA)してみた](https://qiita.com/kinneko/items/548597770d93aa17c6cf)
・[プログレアプリGlideappsにchoice機能が追加されたので使ってみました](https://qiita.com/kinneko/items/99a67faa231226335ba6)
・[Glideappにコメント/チャットのメッセージ追加を通知する機能が付いたので試してみた](https://qiita.com/kinneko/items/654c2a1e6e13d9c9592c)
・[Glideappsでfav機能が評価中なので試してみた(リリースされました)](https://qiita.com/kinneko/items/d4fae3ae26d358b130ba)
・[「5分で作れる！Glideappsではじめる超簡単PWA」セッションで利用する予定のデモ動画とプレゼン資料](https://qiita.com/kinneko/items/2d15a7cb87cb17a483a7)
・[Glideで画像アップロードの機能のテストが開始されました](https://qiita.com/kinneko/items/6831572cf3cf12a4a4e3)
・[Glideのリスト表示で地図と連携表示する機能のテストが開始されました](https://qiita.com/kinneko/items/79e84181ab7c0bcef88d)
・[Glideで画面のリロードをさせるための対策](https://qiita.com/kinneko/items/dec896995aca30b91ec6)