What is this?

• ViteやFirebaseを用いて基本的なアプリ開発ができる環境一式です
• 動かすにはNode.js v19.3.0がインストールされていること、またFirebaseでFirestoreのセットアップが完了している必要があります
• とりあえず全部動かしてみたいなら最終レベルのブランチに移動し、 コマンド npm install -> npm run dev を実行すれば動きます。
• ブランチはLevel8から1まであります。数字が大きいほど手前の内容です。level8から順に触れることで、ステップバイステップでモダンJavaScript~Firebaseを理解できます。

各ブランチのテーマ

level8-vite-setup

ビルドツールViteのインストール。Hello Worldまで

level7-sass

Sassのインストールと実装例

level6-js-module-class

JSをクラス・モジュール化した実装例

level5-npm-slider

npmモジュールの使用例

level4-data-read

Firestore(Firebase)からデータを読み取り、表示させる実装例

level3-env-security

.envファイルを用いたセキュリティに配慮した設計の実装例

level2-data-create

Firestore(Firebase)にデータを送り、保存させる実装例

level1-firebase-hosting

Firebaseにホスティングする実装例