どうも、つよぽん(@tsuyopon_xyz)です！
今回はFirebaseの紹介「第3回目」の記事となります^^
前回の「【動画解説】Firebase CLIをインストールする」では、Firebaseを利用するのに必要な「Firebase CLI」について解説しました。
今回は、前回インストールした「Firebase CLI」を使って、「Firebase Hosting」にフロントエンドのファイルをアップして、インターネット公開するまでの流れを実演形式で解説します^^
動画内の解説ではフロントエンドのプロジェクトとして、「React」を利用していますが、
「Vue」「Angular」「ライブラリを使っていない素のHTML, CSS, JavaScript」でも公開することは可能です^^
適宜、自身の環境に置き換えて読み替えていただけたらと思います^^
Firebase Hostingにデプロイするまでの流れを動画で解説
「Firebase Hosting」にデプロイするまでの流れは以下の動画で解説しているので、こちらの動画を観ていただけたらと思います^^
【追記】より学習しやすい専用サイトを用意しました
Firebaseの基本を学べる「Firebase入門」というのをYouTubeでも公開しているのですが、より学習しやすい「専用の学習サイト」を用意しました。
「専用の学習サイトはどんな感じなのか？」と気になっている人向けに、
以下のツイートの添付動画に紹介動画を用意したので、そちらで学習サイトのイメージを掴んでいただけたらと思います。
（以下ツイートの添付動画は、Firebaseではない別の学習コンテンツを紹介していますが、学習サイトのデザインは完全に同じものとなります。）
Web白熱教室でも公開している
「Next.js&TypeScript体験シリーズ」
をより学習しやすくするために、新しく作った学習サイトに移植して、
・スライド
・参考リンク集
・学習記録を取れるようにしました^^
以下リンク先はWeb白熱教室
↓https://t.co/MKIlsrIORZ添付動画は移植先の新学習サイト pic.twitter.com/4BhRvMWid5
— つよぽん@FrontHacks講師 (@tsuyopon_xyz) April 26, 2021
こちらの動画をご覧になるとわかると思いますが、以下に挙げたように、より学習しやすい環境になっているのがわかっていただけるかなと思います。
- Udemyのように学習記録が残せる
- 「前のページ」「次のページ」に簡単に移動できる
専用の学習サイトを使って学習を進められたい方は、以下のボタンをクリックしてご確認いただけたらと思います^^
LINE登録で無料特典を受け取る
次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。
- Webエンジニアになりたいけど何から学習を始めれば良いかわからない
- 今まで独学で頑張ってきたけど、独学に限界を感じてきた
- プログラミングは出来るけど、大きめのコードが書けない
「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。
