お店用 勤務時間合計 v0.2

アプリの目的

ラーメン店の月末作業で、タイムカードの余白に書かれた「4時間47分」のような勤務時間を順番に入力し、月の合計勤務時間を確認するためのスマートフォン向けWebアプリです。

現在の機能

• 時間と分を入力して、勤務時間を複数追加
• 入力件数と合計勤務時間を追加のたびに自動計算
• 入力済み勤務時間の一覧表示
• 間違えた項目だけを削除し、合計を自動更新
• 確認メッセージ付きの「すべて消す」機能
• 入力内容をブラウザーの localStorage に保存
• ページの再読み込みやブラウザーを閉じた後も、同じ端末・ブラウザーで入力内容を復元
• スマートフォンと大きな文字を優先した画面デザイン

ファイル構成

• index.html：画面の構造
• style.css：配色・レイアウト・スマートフォン向け表示
• app.js：入力確認・一覧・合計・保存・削除処理
• README.md：この説明書

利用方法

index.html をブラウザーで直接開くか、GitHub Pagesで公開して利用できます。フレームワーク、外部ライブラリ、サーバーは不要です。

1. 「時間」と「分」を入力します。未入力の欄は0として扱います。
2. 「勤務時間を追加」を押します。
3. 入力済み一覧と合計勤務時間を確認します。

分は0〜59、時間は0以上の整数を入力できます。時間と分が両方0の項目は追加できません。

保存と削除

• 入力内容は現在利用している端末のブラウザー内に保存されます。
• 各項目の「削除」で、その項目だけを削除できます。
• 「すべて消す」は確認後に一覧・合計・端末内の保存内容を初期化します。
• ブラウザーのデータを消去した場合、保存内容も失われます。

GitHub Pages

静的なHTML・CSS・JavaScriptだけで構成されているため、リポジトリをGitHub Pagesの公開元に設定すればそのまま利用できます。

v0.2では未実装の機能

• 従業員名
• 時給
• 給与計算
• クラウド保存
• ログイン
• 複数端末共有