初心者がMacでFirebaseインストールしサイトを立ち上げる方法

サーバー機能を使ったサイトを無料で立ち上げたい
Firebaseを使ってみたいけど、難しくてよくわからない
これらの疑問に答えます。

Webサイトを作るのに理想的な方法は?
と聞かれたら、みなさんなんて答えますか。

おそらく、答えはみんな違ってくるのかなって思います。
僕だったら、Wordpressでブログタイプのサイトから、サイトを作っていきますけどね…

目的によって違いますよね。
予算によって違いますよね。
そして、時代によって違いますよね。
(毎週、最新技術が変わると言ってもいいくらいですよね。)

FirebaseというGoogleが買収したサービスがあります。
無料会員の範囲でも、サーバー機能を中心に、玄人的な操作が行えるようです。

サーバー機能を無料で使えるのは、便利そうですね。

僕はWordPressのブログでは月2万PV、自作のiPhoneアプリを2つリリースしています。
そんな僕が解説していきます。

ちなみに、最初に言っておきますが、このインストール作業、くっっっっっそめんどくさいです。
推定作業時間7時間です。(僕の場合
なので、本当にFirebaseが必要なのか考えてからやったほうがいいと思います。
(って自分に向けて言っていますw)
特にエラーになって止まった部分についても、書いていきます。

参考サイト

Firebase HostingでWebサイトを無料で公開する方法。レンタルサーバ不要!
https://arrown-blog.com/firebase-javascript-hosting/

このサイト様の解説が非常にわかりやすいです。
ただ、エラーになる箇所が、何回も何回も何回もあったので、その辺を下に書きました。

※記事内にプロモーションを含む場合があります

1.Command Line Tools for Xcodeをインストールする

この辺は問題ないです。
すでにインストールしてる人も多いのではないでしょうか。

2.Homebrewをインストールする

この辺は問題ないです。
すでにインストールしてる人も多いのではないでしょうか。
ターミナルからインストールなので注意ですね。

3.Node.jsとnpmをインストールする(同時)

brew install nodeを打つだけ

(1)createできないというエラーが出た場合

Error: Could not create /usr/local/Cellar
Check you have permission to write to /usr/local
が出てきた
あれ?writeじゃなくてcreate?
https://qiita.com/regaeve/items/8590aae6ee45f6bcc8dcより引用

(2)If you need to have icu4c first in your PATH run:と出た場合

If you need to have icu4c first in your PATH run:
nodeをhomebrewで入れていたが、icu4c抜きでインストールしおせば解決する。
https://qiita.com/suin/items/e0a8a10248965309a798より引用

(3)Homebrewで入れたPythonでのlinkエラー問題

ディレクトリ作って権限与えておしまい。
https://qiita.com/Jung0/items/d4012814e6fb1b694208より引用

4.Firebase CLI(コマンドラインインターフェース)をインストールする

npm install -g firebase-toolsを打つだけ

firebase initを打つのは最初だけです
firebase initは初期化の命令です

更新する時はfirebase deploy

更新するときは、フォルダ内のHTMLファイルをAtomなどのフリーソフトで書き換えて、保存して、アップしなおします。
アップはターミナルで「firebase deploy」を打つですね。

IDを指定して、デプロイします。
https://qiita.com/kuronat/items/954d7348810ec14171afより引用

5.Firebaseでサイトを立ち上げる

無事に更新されました。

このあと、サーバーの機能などを入れていくのだと思いますが、複雑すぎるので、わからずにいます。

というわけで今回は以上です。

すっごく時間かかりました。
なんでターミナルで操作するんでしょうか…なんで?

-Uncategorized