LoginSignup
57
34

More than 3 years have passed since last update.

[Firebase Extensions] Resize Images

Last updated at Posted at 2019-09-27

Summit2019で発表されたFirebase Extensions

今年のFirebaseSummit2019で発表されたFirebase Extensions!
生放送を見る前にFirebase Consoleに追加されておりなんだこれ?!と心踊る追加内容でした:relaxed:

Firebase Extensionsの特徴として公式の言葉を借りると以下2つの特徴があります。

ユースケースに合わせて拡張機能を構成する
今回リリースされているのは9つの機能
Translate Textについてはすでに記事になってましたのでリンク付けさせていただきました:clap:
スクリーンショット 2019-09-27 22.21.50.png

簡単にインストール
左下のExtensionsをクリックして使いたい機能をinstallしたら使えるようになるイメージです
ボタンぽちぽちで画像のリサイズなどが可能になります。
スクリーンショット_2019-09-27_22_29_11.png

便利なCloud Functionsのメソッドが誰でも使えるようになった感じですかね?

今回はResize Imageについて

Resize Imagesの設定を行いインストール

1.Resize Imagesのインストールをクリック
スクリーンショット 2019-09-27 22.32.43.png

2.Cloud Functionsにこの関数がDeployされますよな確認画面
スクリーンショット 2019-09-27 21.04.01.png

以下全ての設定が終わった後のCloud Functionsの内容ですが、無事Deployされている模様
スクリーンショット 2019-09-27 22.36.35.png

FunctionName: ext-storage-resize-images-generateResizedImage
Torigger: google.storage.object.finalize
このToriggerは新しいオブジェクトが作成された時点もしくは既存のオブジェクトが上書きされた時になります。

3.Resize Imagesの設定を行います。
補足

Sized of resize images

こちらの設定で200x200,500x500,700x700とコンマで区切ることで複数指定が可能とのこと
こちらコメントでご指摘いただきました!
スクリーンショット_2019-09-27_21_58_23.png

4.拡張機能がインストールされるのを待つ
基本的に数分です。
Cloud FunctionsにDeployやらなんやらやってるんでしょう

Resize Imagesの動作確認

まだ何も入ってないStorageです
スクリーンショット 2019-09-27 22.48.05.png

ファイルをアップロードをクリックしthumbnailImage.pngというファイルを選んでアップロード後リロードをかけた画面になります。
スクリーンショット 2019-09-27 22.49.40.png

ResizeIconフォルダが作成され配下にthumbnailImage_200x200.pngと命名された200*200にリサイズ済のファイルができてました。
スクリーンショット 2019-09-27 22.53.48.png

気になる点は
This bucket will store both the original and resized images.
ResizeIconフォルダにオリジナルのアイコンは存在してなかった。。。:sweat_smile:
今回はコンソールから全てポチポチで済むように対応したためCodeベースで写真をアップロードする場合だとかは同じフォルダ内にオリジナルとリサイズ済のオリジナル画像が入るのかな?

Resize Imagesについて感じたこと

・設定からリサイズまで全てConsoleで済ませることが可能
・指定したバケットに画像がアップロードできれば良いのでConsoleからでもアプリから写真を追加でもなんでもドンとこいな感じ
・設定楽!!!!

さいごに

Firebase Extensionsに追加されてる機能はOSSでgithubでcodeの確認ができます。
firebase/extensions

近い未来、
みなさんが作ってる便利なCloud Functionsの関数がFirebase Consoleからボタンぽちぽちっとしたら設定できるようになるかもしれませんね!

Delete User Dataについても記事にしてみたのでよかったらどうぞ!

57
34
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
57
34