除雪管理アプリ
除雪会社向けの現場管理アプリ。現場ごとの天気と出動目安、作業状況、日報・写真、連絡板、お知らせ、集計、メンバー管理、設定。
Firebase(ログイン・保存・写真)と Vercel(公開・天気API)で動きます。
構成
| ファイル | 役割 |
|---|
src/ | アプリ本体のソース(p1.html=見た目、p2.html=画面、p3a〜p3d.js=動作) |
fb-shim.js | Firebase とアプリをつなぐ層(ログイン・保存・写真・天気の呼び出し) |
firebase-config.js | Firebase の設定値と管理者メールを入れるファイル |
api/weather.js | 天気API(Open-Meteo を、アプリが読む形に変換) |
firestore.rules | データと写真のアクセスルール |
build.sh | src/ から index.html を作る(Vercel のビルドで自動実行) |
セットアップ
- Firebase: プロジェクトを作り、Authentication(メール/パスワード)と Firestore(東京)を有効にします。写真も Firestore に保存するため、無料の Spark プランで使えます。
firebase-config.js に、ウェブアプリの設定値と管理者のメールを入れます。- ルールの反映: Firebase コンソールの Firestore「ルール」に
firestore.rules の中身を貼って公開します。
管理者のメール(firestore.rules 冒頭の adminEmails と firebase-config.js の ADMIN_EMAILS)は、同じものにします。
- 管理者の登録: Authentication の「ユーザー」で、管理者のメールとパスワードのアカウントを先に作ります。
- Vercel: このリポジトリを取り込めば、そのまま公開されます(ビルドは
sh build.sh)。
- 最初に管理者でログインし、設定で現場・マスタ・メンバーを登録します。
使い方(メンバーの追加)
メンバー本人が、ログイン画面の「新規登録」でアカウントを作ります(承認待ちになります)。
管理者が、設定 → メンバー → メンバーの編集で「ログインアカウント」を連携すると、承認されて使えるようになります。
注意
- 天気の元データは Open-Meteo の無料枠です。無料枠は非商用向けです。 事業で使うときは有料プランか、別の天気APIへの切り替えが必要です(
api/weather.js だけを直せば済みます)。警報・注意報は取得しません。
- 写真は縮小(長辺1200px程度・約0.5MB以下)して Firestore に保存します。Storage は有料プランが必要なため使いません。写真が多いと Firestore の無料枠(1日5万回の読み取り)を使うため、増えたら Blaze プランと Storage への切り替えを検討してください。メンバーだけが読み書きできます。
- 今回のルールは、実際のFirebaseでは未検証です。公開前に、管理者・メンバー・承認待ちの3種類でログインして確認してください。
メンバーのパスワード・ID変更(管理者用)
/api/account が Firebase Admin SDK で変更します。Vercel の環境変数 FIREBASE_SERVICE_ACCOUNT に、サービスアカウントの鍵(JSON 全体)を登録してください(Production)。鍵は GitHub や画面に出さないでください。管理者メールを増やす場合は ADMIN_EMAILS(カンマ区切り)も設定します。
