前提条件
firebaseを全く取り扱ったことのない初心者が、Reactを使った簡単なアプリケーションを公開するまでをメモします。
参考サイト集
第2回】 Firebase の基本操作を理解しよう！【はじめてみよう Firebase】
https://www.topgate.co.jp/firebase02-how-to-use-firebase
Firebaseでcreate-react-appアプリを公開する基本の手順（個人的にはこのサイトが一番見やすかったです。）
https://qiita.com/one-kelvin/items/958c9c1351d0d02c9c9f
Facebook公式のcreate-react-appコマンドを使ってReact.jsアプリを爆速で作成する
https://qiita.com/chibicode/items/8533dd72f1ebaeb4b614
Reddit風掲示板をFirebaseとReactを組み合わせてモダンに作る方法
https://www.webprofessional.jp/reddit-clone-react-firebase/
つまづいたところ
- buildコマンドを打つとエラーが起こった。単純にカレントディレクトリが違うっていう単純なエラーでした。
- package.jsonファイルに正しい記述をしていなかったこと。どうやらpackage.jsonが「設定」を記述するためのファイルらしいです。
簡単な用語集
- コンパイル：コンパイルとは英語で翻訳という意味であり、ソースコードを人間が読んで分かりやすいプログラミング言語から機械が読んで分かりやすい機械語に翻訳を行うことを指します。
- ビルド：ビルドとは、おおまかに言うと「ソースコードに問題（バグ）がないか解析を行い、問題がなければ実行できる形のファイルに変換し、組み立てること」です。単にソースコード翻訳しただけでは複雑なプログラムは動かないため、必要な付帯ファイルのセットなどをビルドで行う必要があるのです。
- デプロイ：ビルドしてできた実行ファイルを、実行する環境に合わせて、実際に実行できるようにすること。
次回の課題
- それぞれの用語の深い理解。（ビルド、デプロイ、コンパイルのそれぞれの違いとか、firebaseのhosting以外の様々な使い道とか）
- 今回はテストとして上記の参考サイトの手順に沿って進めていったが、次は自分で作成したアプリケーションの公開を一から始めてみる。
終わりに
株式会社popteamは未だ謎めいているSNSを科学しようとしている会社です！
React.js , Typescript , Rustなど新技術を使った開発を行っております。
ぜひ興味ある方は一度ご連絡ください。
会社
https://pop-team.com
サービス
http://digi-panda.com （編集済み）