Webアプリ「出退勤管理アプリ」を作ってみた 【Webアプリ】出勤管理アプリ⑧ 「出勤中以外は退勤済み」としつつ、「出勤中であっても、翌日の0時を過ぎたら退勤済みとみなす」というロジックを組む 2025年5月18日 napi napiblog ✅ 出勤状況の判定ロジック（改良版） 条件： **最新の記録が「出勤」**で その時刻が「当日中（同日23:5 …
Webアプリ「出退勤管理アプリ」を作ってみた 【Webアプリ】出勤管理アプリ⑦ 機能拡張 2025年5月18日 napi napiblog 機能拡張していきます。 🔧改善目標（機能追加） 名前をクリックするとそのユーザーの出退勤履歴を表示 履歴は年・月で絞り込めるようにする（プルダウンなどのUI付 …
Webアプリ「出退勤管理アプリ」を作ってみた Firestoreとは？ 2025年5月17日 napi napiblog Firestore（Cloud Firestore）の仕組みを初心者でもわかるように、イメージと例を交えながら解説します。 🔷 1. Firestoreとは？ Fir …
Webアプリ「出退勤管理アプリ」を作ってみた 【Webアプリ】出退勤管理アプリ⑥ 管理者画面の強化 2025年4月29日 napi napiblog 次に管理者画面を強化していきます。 変更内容 内容説明① 社員一覧を管理者画面で表示誰が登録されているかを一覧 …
Webアプリ「出退勤管理アプリ」を作ってみた 【Webアプリ】出退勤管理アプリ⑤ 「管理者専用ログインページ」の作成 2025年4月27日 napi napiblog 「管理者専用ログインページ」を作っていきます。 社員用ログインページと管理者用ログインページが分けて、セキュリティを高め、使 …
Webアプリ「出退勤管理アプリ」を作ってみた 【Webアプリ】出退勤管理アプリ④ 管理画面作成 2025年4月27日 napi napiblog 次は【管理者が、全社員の出退勤履歴を一覧で見る画面】を作ります。 これで 「誰が」 「何時に」 「出勤・ …
Webアプリ「出退勤管理アプリ」を作ってみた 【疑問】live severからの操作でもFire storeにデータ保存される？ 2025年4月27日 napi napiblog 【疑問】live severからの操作でもFire storeにデータ保存される？ 答えは、「はい、保存されます！」です！ …
Webアプリ「出退勤管理アプリ」を作ってみた 【Webアプリ】出退勤管理アプリ③ 社員毎の管理 2025年4月27日 napi napiblog 次は、「誰が出勤・退勤したか」をきちんと記録できるようにします！ つまり、【ログインした社員の名前（メールアドレス）＋出勤・ …
Webアプリ「出退勤管理アプリ」を作ってみた live serverのよくあるエラー「Open a folder or workspace… (File → Open Folder)」 2025年4月27日 napi napiblog live severを使用した際のエラーメッセージで 「Open a folder or workspace… (File …
Webアプリ「出退勤管理アプリ」を作ってみた 【Webアプリ】出退勤管理アプリ② ログイン機能追加 2025年4月27日 napi napiblog ✨ログイン機能を作る！ まずは簡単なログインを作ります。 今回は メールアドレス＋パスワードでログイン Fire …
Webアプリ「出退勤管理アプリ」を作ってみた
