フロントエンドエンジニアが知るべき贵颈谤别产补蝉别の世界
- 1. フロントエンドエンジニアが知るべき Firebaseの世界 Web Creators MeetUp 新年！ビアバッシュLT会 #8
- 2. Profile. ~ 2015/08 istyle.inc テクノロジー本部 R&D 部技術開発グループ チーフエンジニア 久保田 賢二朗 ● PHP(Laravel/Phalcon) ● JavaScript(Vue.js/Svelte) ● Golang ● HHVM/Hack kenjiro kubota
- 6. 豊富なSDKや便利なCLI Android 、iOS 、Flutter、Web 、Unity 、C++用のSDKや firebase-toolsというCLIツールも公式で用意されています。
- 9. 静的ファイル（HTML, CSS, JavaScript, 画像等）のホスティングサービス ホスティングされたファイルはCDN（Fastly）にキャッシュされるため高速に配信 ドメインはLet’s EncryptによりSSLの証明書が提供され、3ヶ月毎の更新も自動で 行われる。 画像、音声、動画などのファイルを格納するオブジェクトストレージ ルールを追加することが可能なので、閲覧者の制限やアップロード容量の制限など も行える
- 11. Realtime Databeseの欠点を補う後継にあたるサービス Realtime Databese同様にリアルタイムなデータベース Realtime Databeseより高速なクエリの実行、スケールが可能 コレクション、ドキュメントという単位でデータを保存 スケーリングは自動 2019年1月現在はまだベータ版
- 14. Firebase ML Kit Crashlitycs Firebase Performance Monitoring Firebase Test Lab In-App Messageng Firebase Google Analytics Predictions A/B Testing Firebase Remote Config Firebase Dynamic Links Firebase App Indexing その他モバイル向けにも以下のような サービスがあります 豊富！
- 16. Firebaseを使うことで、フロントエンドとちょっとしたサーバーサイドJavaScript の知識だけである程度のサービスは作れてしまう。 簡単なものを作って公開するのもいいし、ユーザー認証も簡単に導入できるので会 員登録が必要なサービスも作れる！ ★ レンタルサーバーを借りてデプロイする必要もないし ★ VPSで自分自身でサーバー環境を作る必要もない ★ AWSなどのクラウドサービスより簡易的でフロントエンド の知識だけでもなんとかなる（個人比） どんなサービスが作れるか、私が作ってきたプロダクトを紹介！
- 18. 要件 ● 同時に遊ぶ人数は約200人 ● ARをタップする毎にポイント加 ● ARは10種類、それぞれどのARをタップした かは判別される ● クライアントは10秒のインターバルで獲得し たポイントをRealtimeDatabaseに保存
- 19. 利用した技术?サービス
- 21. 2)応募フォーム付きイベント尝笔
- 22. 要件 ● 申し込みフォームから応募 ● 応募があると応募者に確認のメールと管理者にメールを送信 ● 定员に达すると応募不可表记に変わる
- 23. 利用した技术?サービス
- 27. 要件 ● 参加人数は約1,000人 ● 表情認識で笑顔を検知して撮影 ● ↑の写真をサーバーに保存 ● 誰が誰を撮影したのかを判別しサーバーに保存 ● ↑をリアルタイムに集計 ● 会場のスクリーンにリアルタイムに集計されたデータと撮影された写真が 次々に表示される
- 29. Firebaseの使い所 画像の保存にCloud Storageを利用 画像のサーバー保存?取得が簡単にできる 誰が誰を撮影したのかをRealtimeDatabaseに保存 リアルタイムに集計
- 32. 利用した技术?サービス
- 34. ちなみにほぼ业务外対応???
- 35. Firebaseを使うことで得られたもの ● サーバーを用意する必要がないのでアプリケーションを 作ることに注力できた ● リアルタイムなデータベースはアプリケーションの幅を 広げた ● 同時接続数などに余裕があり、安心して利用できた ● 無料枠でもかなり利用できる上、従量課金にしてもさほ ど高くない （高負荷なアプリは利用期間が短いため）
- 36. Attention ● 今回紹介したのは趣味レベルのアプリケーションでの利 用事例です ● ビジネスロジックを含むシステムとFirebaseを組み合わ せるのは検討が必要 ● リアルタイムDBは魅力的です。何か活用方法はあるかと 思います。 ● セキュリティ周りの設計?設定はしっかりやろう
- 37. thanks:)