勤怠管理Webアプリ：タイムカードapp
- クライアント
- 自作
- 制作内容
- Webアプリ
- 担当範囲
- 要件定義、設計、実装、デザイン、デプロイ
- 制作期間
- 10時間
- 使用ツール
- Claude Code / Canva / Cloudflare Workers・D1・Access
勤怠管理アプリを個人開発 。労働基準法に準拠した打刻・集計システムです。
紙のタイムカードや手書きの出勤簿をなくしたい、けれど市販の勤怠システムは多機能すぎて高い。そんな小規模事業者向けに、打刻から月次集計・Excel出力までを一本化した勤怠管理アプリを制作しました。
このアプリでできること
労働者ができること
- スマホの大きなボタンで出勤・退勤を打刻（日をまたぐ夜勤にも対応）
- 押し忘れた日はあとから修正（修正した記録は履歴に残る）
- 有給休暇の入力（1日／午前半休／午後半休／時間休）
- 締め日が来たら「この内容で間違いありません」と提出
雇用主ができること
- 締め日前でも全員の途中経過を確認
- 提出内容の承認・差戻し（理由つき）
- Excelダウンロード（全員分まとめ／個人別）、押印欄つき勤怠表の印刷
- 誰がいつ何を書き換えたかの修正履歴
こだわった点
1.違法な設定を「作れない」ように
このアプリでは、日ごとの切り捨てという設定項目そのものを作りませんでした。
選べるのは次の2つだけです。
- 日ごとは切り上げのみ（労働者に有利なので適法）
- 月合計のみ「30分未満切り捨て・30分以上切り上げ」（行政通達で認められた唯一の例外）
どちらの設定でも、打刻の生データは1分単位でそのまま保存し、あとから元の時刻を確認できるようにしています。
2.割増賃金の区分を自動で計算
| 区分 |
|---|
| 法定内残業（所定超〜1日8時間） |
| 時間外（1日8時間超・週40時間超） |
| 時間外（月60時間超） |
| 深夜（22:00〜翌5:00） |
| 法定休日労働 |
週40時間超は、1日8時間超として計上済みの分を差し引き、二重計上しないよう実装しています。
3.記録の改ざんを防ぐ
打刻ボタンによる記録と、あとから手入力した記録を区別して保存し、変更履歴をすべて残しています。
労働基準監督署の調査で「客観的な記録」と認められることを意識しました。
4. 36協定の上限アラート
月45時間・年360時間に近づくと、本人と管理画面の両方に警告を出します。違反を事前に防ぐためです。
5. 認証を自作しない
パスワードの保存やリセット処理は、自作すると事故が起きやすい部分です。
認証は Cloudflare Access に任せ、アプリ側にパスワードを一切持たない設計にしました。
技術構成
フレームワーク ：Next.js 15（App Router）
ホスティング ： Cloudflare Workers
データベース ： Cloudflare D1
認証 ： Cloudflare Access
スタイリング ： Tailwind CSS
言語 ： TypeScript
テスト ： Vitest（勤怠計算の境界値テスト49件）
サーバー管理が不要な構成のため、小規模事業者でも運用コストをほぼゼロにできます。登録人数が50人を超える場合、Cloudflare側で追加料金がかかります。
iPhoneのホーム画面に追加すれば、アプリのように全画面で使えます。
ご利用になりたい方は、お問い合わせよりご連絡ください。