The Master of Swift App Coding

Swiftプログラミングでのアプリ作成方法やWordPressのテクニック解説

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

投稿日:

サーバー機能を使ったサイトを無料で立ち上げたい
Firebaseを使ってみたいけど、難しくてよくわからない
これらの疑問に答えます。
別ブログで月に2万PVを超える僕が解説していきます。

はじめに

今回の記事では、初心者がMacでFirebaseインストールしサイトを立ち上げる方法について書いていきます。
Firebaseの一番初めの部分です。

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

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

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

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

サーバー機能を無料で使えるのは、便利そうですね。
では、やっていきます。

ちなみに、最初に言っておきますが、このインストール作業、くっっっっっそめんどくさいです。
推定作業時間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でサイトを立ち上げる

無事に更新されました。

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

 

まとめ

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

Ad-336px-stinger8

Ad-336px-stinger8

-Uncategorized

Copyright© The Master of Swift App Coding , 2018 All Rights Reserved.