Firebase Cloud Functionsの導入手順

#はじめに

Firebase Could Functionsを導入する手順がわかりづらかったのでまとめてみました。
都合上、スクリーンショットの一部を隠していますがご了承ください。また、以下はターミナル(Mac OS)で行っています。

#導入手順

• Node.jsとFirebase CLIを設定する
  • Firebase CLIをインストール
  • Node.jsをインストール
• Firebaseのアカウントと連携する
  • Firebaseにログインする
  • 連携するアカウントを選択する
• Firebase Cloud Functionsをプロジェクトと連携する
  • Firebase Cloud Functionsを利用したいプロジェクトのディレクトリまで移動する
  • Firebase Cloud Functionsを初期化する
  • 使用する言語を選択する JavaScript or TypeScript
  • ESLintを使用するか選択する
  • npmをインストールするか選択する
• 完了

#Node.jsとFirebase CLIを設定する

Firebase CLIをインストール

npm install -g firebase-tools

Node.jsをインストール

brew install node

Node.jsとはサーバサイドで動くJavaScriptのこと

Node.jsについてはもっと知りたいという方は以下の記事を参考にしてください。
Node.js を5分で大雑把に理解する

※Homebrewをインストールしていない場合はまずHomebrewをインストールしましょう。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Homebrewとはパッケージをインストールしたりアンインストールしたりできるシステムのこと

Homebrewについてはもっと知りたいという方は以下の記事を参考にしてください。
homebrewとは何者か。仕組みについて調べてみた

#Firebaseのアカウントと連携する

Firebaseにログインする

firebase login

連携するアカウントを選択する

#Firebase Cloud Functionsをプロジェクトと連携する

Firebase Cloud Functionsを利用したいプロジェクトのディレクトリまで移動する

cd ~ 任意のディレクトリ名

Firebase Cloud Functionsを初期化する

firebase init functions

使用する言語を選択する JavaScript or TypeScript

ESLintを使用するか選択する

ESLintとはJavaScriptのコードが正しいかチェックするツールのこと

ESLintについてはもっと知りたいという方は以下の記事を参考にしてください。
ESLint 最初の一歩

npmをインストールするか選択する

npmとはNode.jsのパッケージを管理するためのもの

npmについてはもっと知りたいという方は以下の記事を参考にしてください。
npm入門

#完了

完了画面(ターミナル上)

完了画面(ディレクトリ上)

#おわりに

以上がざっくりとしたFirebase Cloud Functionsの導入手順でした。
次回は実際に使用するときの手順をまとめてみたいと思います。