2019年6月26日HTML、css、javascriptは何とかマスターしたんだけど、サーバサイドまで手が回らない。サーバーサイドを簡単に作れるBaasなんかあるんだけど、どんな感じか知りたい。こんな事を考えている方にBaaSとして有名なFirebaseはどんなものか簡単に説明します。Windows共通HTML、cssファイルを作るFirebaseにソースをアップロードするFirebase以外のBaaSサービスまとめBaaSってそもそも何?まず、最近よく耳にするBaaSってそもそも何のことなんでしょうか。略で、別名MBaaSとも呼ばれます。直訳すると、サービスとしてのモバイルバックエンドってなるんですが、要はバックエンドサーバーで必要になるであるろう機能一式をサービスとして提供しますよって事です。自作したHTML、CSS等をアップロードして、インターネットを通して見れるようにできたり、データベースにデータを保存したり、認証機能が使用できたり等機能は豊富です。これが無いと、どんな形態のサーバーを借りるかにもよりますが、クラウドサーバーを借りた場合は、webサーバー構築、データベース構築、API作成等サイトの公開までにしなければならないことが沢山出てきます。Firebaseを使ってみるFirebaseでサイトを公開する手順は下記です。※Googleアカウントを持ってれば新たに登録しなくても大丈夫です。CLIをインストールするHTML、cssを作るFirebaseにソースをアップロードするこれだけで自分が作ったHTMLとcssをインターネットを通して公開することができます。一つづつ順を追って説明していきます。下記サイトにアクセスし、ユーザー登録を行います。https://firebase.google.com/?hl=jaプロジェクトを登録する登録が完了するとコンソール画面に遷移しますので、そこで「プロジェクトを追加」をクリックし新規プロジェクトを登録します。コンソール画面に遷移しない場合は、下記から直接アクセス可能です。https://console.firebase.google.com/?hl=ja自分はHelloWorldというプロジェクト名で登録しました。CLIをインストールしているだけです。※npmをインストールする基本的な方法を記載していますが、その他のインストール方法もあります。下記から最新版のnvm-setup.zipをダウンロード、解凍しnvm-setup.exeをダブルクリックしてインストールを実行します。https://github.com/coreybutler/nvm-windows/releasesすでにnode.jsが自分のパソコンにインストールされている場合は、インストールの途中で既存のnode.jsをnvm-windowsの管理下に置くかどうか確認されます。どちらでも良いですが、僕は「はい」をオススメします。インストールが完了したら、コマンドプロンプトかPowerShellを起動し、下記を実行します。CLIをインストールします。Windows共通FirebaseCLIをインストールします。firebase-tools先程2で作成したプロジェクトに紐づけます。login下記のような事を聞かれますが、Yesにしておけば大丈夫です。information?プロジェクトの紐づけが成功したか確認します。list※出力にHelloWorldが含まれてればオッケーです。プロジェクト用のディレクトリを作ってそこに移動します。helloworldプロジェクトを初期化します。initFirebaseCLIのどの機能を使うか聞いてくるので、Hostingを選びます。(Spaceキーで選択することができます)その後、デフォルトのFirebaseプロジェクトを聞かれますので、先程作ったhelloworld-XXXXXを選択します。その後も色々と聞かれますが、基本的にはEnterでデフォルト値を設定しておけば良いかと思います。HTML、cssファイルを作る何でもよいのでHTML、cssファイルを作成します。自分は作成したのは下記です。単純にHelloWorldだけ出力させてます。ファイルはpublicディレクトリ以下にhelloworld.html、helloworld.cssという名前で保存します。deployこれで完了です。下記ページにアクセスするとHelloworldが表示されていると思います。backendAppPotIGAWorksまとめこれで自分が作成したHTMLやCSSを自由に外部に公開することができます。独自ドメインにしたり、データストアと連携したりするには、もうちょっと色々と設定やコーディングが必要になります。ステップ・バイ・ステップで一歩ずつ進んでいきましょう。自分は現在Firebaseを使用しサイトを構築中で、ノウハウも溜まってきたので、また別に機会に紹介できればと思います。っ越し業者、アパレル販売員等を得て、web系のエンジニアに落ち着く。その後海外で3年ほど働き、帰国後日本でエンジニアを行いつつ、フリーランスになる機会を伺っている。