1時間でできる GoogleのFirebaseサンプルチュートリアルを試してみた

engineering

Firebaseのサンプルチュートリアルを試してみた

どうも、マサです。

今回はGoogleが提供しているfirebaseのサンプルチュートリアルを触ってみました。

こちらが参考にした公式ページです↓

firebase チュートリアル

 

成果物

チャットアプリに書き込めば、ログインしているユーザーに即座に書き込み内容が反映されます。

成果物(チャットアプリ)

Github↓

GitHub - MASAKI-HORI/firstFirebase: Googleのサンプルで作成した初めてのfirebaseアプリです

所感

こんな簡単に各ユーザーに即座に反映されるチャットアプリを作れるのは素晴らしいですね。Firebaseなんぞや? という方は、こちらのQiitaの記事がわかりやすく紹介してくれています。

Firebaseを今すぐ始めるのに必要な最低限のこと - Qiita
初Qiita投稿。 #Firebaseとは? バックエンドとフロントエンドで分けて考えてみよう。 ##バックエンド バックエンドは、クラウド上で提供されるドキュメント・データベースとそのデータベースにアクセスするためのRESTなA...

注意点

先ほど紹介した公式のチュートリアルを見れば基本的には問題ないのですが、公式は英語になっていてOptionの説明もあるため、日本語でみたい!って方はこちらのQiitaの記事が参考になります。

FirebaseでWebチャットアプリをデプロイするまで(1時間コース) - Qiita
さて先日の13日、(が横浜で開催されましたね。 びっくりしたのは、15時...

特徴

firebaseの特徴を紹介していきます。

特徴その1 リアルタイム同期型データベース

まず、一般的なオンラインデータベースはクラウド上の中央データベースに直接データを読み書きを行なっています。それに対してFirebaseは、各ユーザーが中央データベースのローカルコピーを持ち、読み書きはローカルコピーに対して行います。そしてこのローカルコピーへの変更は、即座に中央データベースに同期されます。

これによりどういうことが起きるかというと、ユーザーに対してリアルタイムな体験を提供することができます。

Firebaseを採用している例だと、クックパッドのCookin’という料理動画撮影アプリがそうですね。技術者界隈では、クックパッドのエンジニアは優秀な方が集まっているのは有名ですが、Firebaseを活用したiOSアプリ開発事例としてブログを出していました。

Firebaseを活用したiOSアプリ開発事例 - クックパッド開発者ブログ
こんにちは。新規サービス開発部の中村です。 最近Komercoで販売されている鉄のフライパンが欲しいです。クリエイターさんたちの作品は見ているだけで本当に楽しいですね。 そんなKomercoはバックエンドにFirebaseを活用していますが、実は弊社からKomercoの他にもFirebaseを活用したサービス「Cook...

特徴その2 ユーザ認証やデータ管理が容易

先ほど紹介したチャットアプリをFirebaseなしで作成しようとしたら、なかなか骨の折れる作業になります。自分の書き込みは編集、削除できる機能は必須ですし、アイコンや名前はもちろん表示させたいですよね。そのほかにも、実装しなければならない機能は多くありますが、それらの機能を容易に実装するための機能がFirebaseには提供されています。

例としては、

・OAuth認証

・一時的匿名ログイン

・通常のログイン機能

などがサポートされています。

特徴その3 静的Webサイトホスティング

Firebaseクラウド上にホスティングすることができるため、サーバを用意する必要が無くなります。これによりSPAアプリを短時間で作成することができます。

最後に

Firebase触ってみたのも、SPAサイトを作ってみたいと思ったのが動機なので、

勉強も兼ねてVue.js、Nuxt.js、Firebaseでアプリ作ってみたいです。

個人的に、Vue.jsのロゴのかっこよさに衝撃を受けました。

Visslaっぽい。。

こっちがVue.js

こっちがファッションブランドのVissla

どう、似てません?

 

それでは、また。

 

マサ

文系出身のWEBエンジニア
メインの開発言語はPHP
リモートワークで旅をすることが夢です。

マサをフォローする
engineering
マサをフォローする
サーフエンジニアチャンネル

コメント

%d人のブロガーが「いいね」をつけました。