Firebaseを使うとどうして簡単にWebアプリが作れるのか？
Web アプリの場合、ログインが必要だったり、いろいろなデータをインターネットに保存する場合が多く、作るのが大変そうに見えます。 Firebase を使うと、こうした機能も含めて簡単に短時間で Web アプリが作れます。この記事では、どうして Firebase を使うと簡単に Web アプリが作れるのかをまとめて見ました。
Firebase とは何か？
Firebase とは何か？簡単に言うと、Web サービスで使うサーバー側でサポートする機能をまとめた仕組みです。本来ならば、Web アプリで利用するサーバー側で必要な機能を自分で作らなければいけない部分を予めよく使う機能を中心に開発者に提供してくれます。
Web アプリでよく利用するサーバー側の機能として
＊ ログイン（ユーザー認証）
＊ データベース
＊ ストレージ
が必要になる場合がたくさんありますが、これらの機能を Web ブラウザから簡単に利用するための仕組みです。
こうした仕組みを、インターネットの検索で有名な Google の一部門が提供しているサービスです。利用料金は、従量制（使った分だけ料金が発生する仕組み）ですが、一定の利用量を超えない場合、無料から利用できるので、個人でも利用しやすくとても便利なサービスです。
Firebase の特徴は？
＊ シンプル
＊ Web アプリからスマホアプリまで利用可能
＊ プログラミングは、Javascript/Java/Swift など多様な言語に対応
＊ シンプルなインターフェース
＊ 高い信頼性
＊ 高いセキュリティ
Google の一部門が運営していますので、信頼性やセキュリティも安心です。プログラムから Firebase の利用もシンプルなインターフェースで、Web ブラウザからもスマホからも簡単に利用できるのが魅力です。
Firebase を利用した開発の流れ
Firebase を利用して開発する場合の流れですが、とてもシンプルです。 開発に際しては、どんなアプリを開発するかを決める必要がありますが、Firebase の利用自体はとても簡単です。
1. Firebase プロジェクトの作成
2. Firebase の初期化と設定
3. 開発用の仕組みもサポート
4. Web ホスティングもサポート
利用に際しては、最初に Firebase コンソールで Firebase のプロジェクトを作成すれば、すぐに利用が可能になります。利用には、Google のアカウントが必要ですが、Google のアカウントを持っていれば今すぐに Firebase の利用ができます。
Firebase の利用には、初期化や設定が必要ですが、Firebase のドキュメントを見れば簡単に初期化や設定ができます。HTML で CDN(Contents Delivary Network)のリンクを使って設定する方法から、npm で Firebase の SDK(firebase-tools)をインストールして利用することも可能です。この SDK を使えば、開発中のテストや動作確認を開発用の PC 上ですべて行うことも可能です。
さらに便利なのは、Web アプリなどでは、Web サイトをホスティングするサーバーが必要ですが、こうした Web ホスティングまで Firebase がサポートしてくれます。
つまり、アプリのアイディアがあって、機能さえ実装すれば、インターネット上でサービスを提供するのは誰でも簡単にその日から利用できます。
もう一つ言うならば、「隠れた魅力」があります。 Firebaseが提供している部分は、自分で作ると「作るのに時間がかかる」と言うのは誰でもわかることですが、実はもっと大変なのは、「作ったものをテストする」と「デバッグ」です。実は、アプリの開発で開発と並んで大変なのはテストとデバッグです。
Firebaseの機能は、すでに開発されて多くの方が利用しています。したがって、Firebaseの機能のテストとデバッグは最小限の時間と手間で十分です。企業などの開発では、多くの人が参加して開発が勧められるのでこうした時間や手間も大きな問題にはなりません。
しかし、個人が中心で行う開発では、殆どの作業を自分で行う必要があります。そういう状況で、テストとデバッグの手間を削減できるで、UI中心のフロントエンドの開発に集中できるのは、開発をより手軽で簡単な物にできます。
いかがですか？Firebaseの魅力が何となく見えてきましたか？
何を勉強すれば良いか？
Web アプリの場合は、Javascript と HTML、CSS を勉強しておけば、Firebase を利用したアプリの開発が可能です。あとは、開発するアプリの規模や機能に応じて必要なフレームワーク（React／Vue/Angular）を合わせて利用すれば良いだけです。
スマホのアプリの場合は、アンドロイド系の場合は Java、iPhone 系の場合は Swift などを利用するのが基本ですが、React Native などを使えば Web 技術の延長での開発も可能です。
Firebase の利用に関しては、勉強すると言うより、必要な時にドキュメントを見て、どのように記述すれば良いかを調べる程度で十分な場合が多く、最低限の学習で、高機能のアプリを作ることを可能にしてくれます。
あとは、Web アプリとスマホアプリでは若干実装の手順が違いますが、一旦 Firebase の基本コンセプトを理解すると、Web アプリでもスマホアプリでも大きな違いはありません。
「特別な勉強は必要ない」と言うのがFirebaseを利用する最大の魅力です。Javascriptの勉強に集中すれば、Webアプリからスマホのアプリをカバーすることができます。
メッセージアプリ（チャットアプリ）も簡単に作れます！
Line などのような、メッセージングのアプリも簡単に作れます。 Firebase の実装例としてよく取り上げられているのが、Line のようなチャット機能の実装です。
これも、Firebase のデータベースを利用してメッセージを交換できます。データベースと言うと何か難しそうですが、簡単に言ってしまえばインターネット上の「データ置き場」です。 チャットでやりとりするメッセージもデータの一つなので、宛先とメッセージを一緒にデータベースに置く仕組みを作れば、データベースを解してメッセージのやりとりも簡単に実現できます。
こうした、サービスもゼロから自分で開発するとなると大変ですが、Fiebase のデータベースを利用すれば初心者でも簡単に実現できます。 特に、Firebase のデータベースでは、データベースのデータが更新されると、すぐに端末（スマホや PC）のデータを更新して、表示することが可能です。したがって、リアルタイムでのメッセージの交換も簡単にできます。
簡単にアプリが実現できる理由は簡単です。 本来は複雑なデータベースの活用が、Firebaseを使う場合は「シンプルな記述」で実現できるようにFirebaseが設計されているからです。一言で言えば、本来、時間のかかるバックエンドの殆どの基本機能をFirebaseが予め作って、誰にでも利用できるような形で提供しているからです。
チャットアプリの場合作るのは、メッセージを入力するフォームと、Firebaseから自分宛に送信されたメッセージを取り込んで表示する部分だけです。
この部分は、ReactやVueなどのフレームワークを使えば簡単に実現できます。
まとめ
Firebase の紹介は何回かしていますが、今回は Firebase をご存知ない方にもイメージできるようにその魅力と有効性を紹介してみました。
すでに、Web 開発のために、Javascript を勉強されている方ならば、基本的な「書き方」を調べならがら記述するだけで、複雑に見える機能も簡単に実現できます。
アプリの裏方で意外に開発が面倒な機能はFirebaseが予め用意してくれているので、初心者でも本格的なアプリが「基本」を身につけていれば開発できます。
ログイン機能も、データベースもストレージも基本的な処理の記述方法が分かればとてもシンプルなプログラムで Firebase の機能を利用できます。公式のドキュメントも充実していて、特にリソースの限られているフリーランスの方には強い開発の味方になってくれます。
