システムの概要
本システムは、スタッフが毎月のシフト希望を申請し、管理者が自動アルゴリズムで翌月のシフトを作成・公開するためのWebアプリケーションです。 PCでもスマートフォンでも同じURLからアクセスできます。
スタッフができること
- 休み希望・出勤希望の申請
- 翌月分を先行申請（最終週）
- 確定済み公開シフト表の閲覧
- 公開シフト表の画像保存
管理者ができること
- スタッフ情報の登録・編集
- 出勤規定日数のマスター管理
- シフトの自動生成
- シフトの手動修正（修正＆通知）
- シフトの確定・公開（確定＆通知）
- 申請状況の確認（未提出者把握）
- シフト表の画像保存（全体）
スタッフ区分について
毎日2名以上の出勤が保証されるシフト配置の基準となるスタッフです。早番・遅番のいずれかが設定されます。
通常スタッフです。早番・遅番・両方可のいずれかが設定されます。
出勤必要人数カウント外のスタッフです。希望通りに配置され、休み希望がなければ毎日出勤になります。早番・遅番の集計には含まれません。
ログインの流れ
スタッフとしてログイン
管理者としてログイン
admin1234 を入力
画面の種類
| 画面名 | アクセス方法 | 主な機能 |
|---|---|---|
| ホーム画面 | URLを開くと最初に表示 | スタッフ選択、公開シフト表閲覧 |
| シフト申請ページ | スタッフカードをクリックしてログイン後 | 休み・出勤希望の入力・提出 |
| 管理者ページ | フッター「管理者の方はこちら」から管理者ログイン後 | スタッフ管理・シフト生成・公開 |
| 操作マニュアル | /manual.html を開く |
本ページ（各機能の説明） |
ホーム画面
スタッフ用スタッフ選択エリア
登録されているスタッフが名前カードで一覧表示されます。
カードをクリックするとパスワード入力モーダルが開きます。
カードには名前のみ表示されます（スキル区分は表示されません）。
公開シフト表エリア
管理者が確定・公開したシフト表が表示されます。
左右の矢印ボタンで月を切り替えられます。
まだ公開されていない月は「シフトはまだ公開されていません」と表示されます。
「画像保存」ボタンでシフト表全体をPNGで保存できます。
シフト表の見方
ログイン方法
スタッフ用ホーム画面でカードを選ぶ
「スタッフ選択」エリアから自分の名前カードをクリックしてください。
パスワードを入力する
個人用パスワードを入力します。パスワードが分からない場合は管理者に確認してください。入力後 Enter キーでもログインできます。
シフト申請ページが開く
ログイン成功後、自動的にシフト申請ページに移動します。ページ上部に自分の名前が表示されます。
パスワードを間違えると
「パスワードが正しくありません」というエラーメッセージが表示されます。管理者に設定パスワードを確認してください。
シフト申請カレンダーの使い方
スタッフ用セルのクリックで希望を入力
日付のセルを1回・2回・3回とクリックするたびに切り替わります：
セルの色の意味
1週目（前月分）は申請できません
カレンダーの1週目に表示される前月の日付（グレー背景）は、前月のシフトが既に確定済みのためクリックしても申請できません。2週目（当月1日が含まれる週）以降が申請対象です。
月曜始まりカレンダー
カレンダーは月曜日始まりです。月の1日が火曜以降の場合、1週目の月曜は前月の日付が薄く表示されますが申請できません（前月は確定済みのため）。
翌月の先行申請
カレンダー最終週に表示される翌月の日付（水色背景）はクリックして申請できます。翌月の申請は当月の規定日数に含まれません。
申請の提出
スタッフ用カレンダーで希望日を入力する
休み希望・出勤希望を入力します。何も入力しなければ「出勤可」として扱われます。1週目（前月分）はグレーで申請不可です。
申請サマリーを確認する
カレンダーの下に「休み希望 ○日 / 出勤希望 ○日」が表示されます。翌月先行申請分は別途カッコ書きで表示されます。
「シフト申請を提出する」ボタンをクリック
ページ下部の青いボタンをクリックします。当月分と翌月分が自動的に分けて保存されます。
完了メッセージを確認する
「シフト申請を提出しました」という緑のメッセージが表示されれば提出完了です。
申請の締め切り
申請締め切り日は管理者から別途お知らせがあります。締め切り後も再提出は可能ですが、シフト生成後の変更は管理者に連絡してください。
申請は何度でも更新できます
提出後も再度カレンダーを変更して提出し直すことができます。最後に提出した内容が有効です。
公開シフト表の見方
スタッフ用📅 表示される内容
- • 管理者が確定・公開した月のシフトが表示されます
- • シフト表は月曜始まりで表示されます
- • 1行目（1週目）は前月に確定したシフトの最終週が表示されます（週のつながりを確認できます）
- • 月計欄（右端）で各スタッフの当月出勤日数が確認できます
前月シフトの最終週表示について
例：3月のシフト表を表示した場合、最初の行には前月（2月）に確定したシフトの最終週（2/23〜2/28など）が薄く表示されます。これにより、月をまたいだ連続出勤の確認が容易になります。
💾 画像として保存する
- • シフト表下の「画像保存」ボタンをクリックします
- • シフト表全体（横に長い場合も含む）が1枚のPNG画像として保存されます
- • ファイル名：「シフト表_○年○月.png」
管理者ログイン
管理者用ホーム画面の最下部へスクロール
ページ最下部のフッターにある「管理者の方はこちら」リンクをクリックします。
管理者パスワードを入力
管理者パスワード：admin1234
管理者ページが開く
4つのタブ（スタッフ管理・出勤規定日数・シフト自動作成・申請状況）が表示されます。
スタッフ管理
管理者用スタッフの追加
| 項目 | 必須 | 説明 |
|---|---|---|
| スタッフ名 | 必須 | 氏名（例：田中 花子） |
| パスワード | 必須 | ログイン用パスワード（例：staff001） |
| メールアドレス | 任意 | メール通知に使用（GAS連携時） |
| スキル | 必須 | ベテラン 若手 アシスタント から選択 |
| ステータス | 必須※ | 早番 遅番 両方可 から選択。アシスタントは自動的に「両方可」 |
| 状態 | 任意 | 「アクティブ」「非アクティブ」を選択。非アクティブはシフト対象外 |
アシスタントのステータスと集計
スキルで「アシスタント」を選ぶと、ステータス欄は非表示になり、自動的に「両方可」として設定されます。アシスタントは早番・遅番の必要人数カウント（出勤数の集計行）に含まれません。
スタッフの編集・無効化
スタッフ一覧の右側にある「編集」ボタンをクリックすると編集モーダルが開きます。
パスワード欄を空のまま保存すると、既存のパスワードが維持されます。
退職・休職したスタッフは「状態：非アクティブ」に変更してください。シフト生成や申請の対象外になります。
出勤規定日数マスター
管理者用各月のスタッフ（ベテラン・若手）の規定出勤日数を設定します。この日数を目標にシフトが自動生成されます。
設定のポイント
- • 月の日数・祝日・スタッフ数に応じて調整してください
- • 規定日数より多く休み希望がある場合は、少なめの出勤になる場合があります
- • アシスタントは出勤規定日数の対象外です
- • シフト生成前に設定しておくことをお勧めします
シフト自動生成
管理者用生成の手順
対象月を選ぶ
「シフト自動作成」タブを開き、左右矢印ボタンで対象年月に合わせます。
「シフト自動生成」ボタンをクリック
青い「シフト自動生成」ボタンをクリックします。生成中はスピナーが表示されます（数秒かかる場合あり）。
生成結果を確認する
シフト表・出勤統計・週別出勤日数が表示されます。バリデーションエラーがある場合は赤いアラートが表示されます。
自動生成ルール
| ルール | 内容 |
|---|---|
| 出勤規定日数 | マスター設定の規定日数に近づくようシフトを配置 |
| 週2日以上の休み | 各スタッフは週（月〜日）に最低2日は休みが確保されます |
| 連続出勤5日以内 | 5日連続出勤になる日は強制休みとなります |
| 早番・遅番各2名以上 | 平日は早番2名以上・遅番2名以上を確保（アシスタント除く） |
| ベテラン毎日2名以上 | 毎日ベテランが2名以上出勤するよう配置 |
| アシスタントの扱い | 希望通り配置。希望なし＝出勤。必要人数カウントに含まれない |
| 翌月末まで生成 | 当月最終週が翌月にまたぐ場合、翌月の日曜日まで自動的に生成します（例：3月生成→4月5日（日）まで生成） |
| 申請なし＝出勤可 | 希望提出なしのスタッフはすべての日が出勤可として扱われます |
バリデーションエラーが出た場合
早番・遅番・ベテランが必要人数に足りない日が検出されると赤いエラーが表示されます。エラーが表示されてもシフト生成は続行されます。生成後に手動で修正してください。
完成シフト表の見方
管理者用週別出勤日数カラム
シフト表の右端に、各スタッフの週ごとの出勤日数が「第1週」「第2週」…と表示されます。
週は月曜〜日曜単位でカウントされます。前月最終週・翌月初週も含めて計算されます。
前月確定シフトの最終週反映
管理者シフト表でも、1行目に前月の確定シフト最終週が表示されます。
• 例：3月のシフト表を開くと、最初の列に 2月23日（月）〜2月28日（土） の確定済みシフトが表示されます
• これにより、月をまたいだ連続出勤の把握や週別出勤日数の正確な確認ができます
• 前月最終週のセルをクリックして編集することも可能です
日別集計行（最下部）
シフト表の一番下に日ごとの出勤人数集計が表示されます。
出勤数 早○/遅○
その日の早番・遅番の出勤人数（アシスタント除く）
ベテラン行
その日のベテランスタッフ出勤者名
シフト修正
管理者用方法①：セルを直接クリック
シフト表の各セルをクリックすると「シフト手動修正」モーダルが開きます。
シフト種別（出勤/休み）と時間帯（早番/遅番/両方）を選んで「保存」します。
変更は即座に反映されます。
方法②：「シフト修正＆通知」ボタン（緑）
緑の「シフト修正＆通知」ボタンをクリックします。
「一括変更」エリアでスタッフ・日付・シフト種別を指定して変更できます。
変更内容を確認してから「適用する」ボタンで保存します。
シフトを一から作り直したい場合
「シフト自動生成」ボタンを再度クリックすると、既存のシフトを削除して新たに生成し直します。確定・公開前であれば何度でも生成できます。
シフト確定・公開
管理者用2つのボタンの使い分け
「シフト修正＆通知」ボタン（緑）
シフト生成後の修正作業用
- • 修正タブ：スタッフ・日付指定で個別変更（一括変更）
- • 修正後にスタッフへ変更を通知したい場合にも使用
「シフト確定＆通知」ボタン（紫）
シフトを公開するためのボタン
- • 確定するとスタッフ側の公開シフト表に反映される
- • 確定後も手動でシフトの修正は可能
- • 修正後は再度「シフト確定＆通知」で再公開
公開の手順
メール通知（GAS連携）について
メール自動通知にはGoogle Apps Script（GAS）との連携が必要です。以下の手順で設定してください：
- Google スプレッドシートでGASプロジェクトを作成
- 本システムのAPI（
/api/shifts/年/月）からシフトデータを取得 - GAS経由でGmailを一斉送信するスクリプトを設定
- 毎月20日10時に未提出スタッフへの催促メールを自動送信するトリガーを設定
申請状況の確認
管理者用確認できる情報
- • 全スタッフの提出済み・未提出の人数サマリー
- • 未提出スタッフの一覧（名前・未提出ステータス）
- • 各スタッフの休み希望日数・出勤希望日数・提出日時
未提出スタッフへの連絡
「未提出スタッフ」欄に名前が出ているスタッフに連絡してください。申請がないスタッフはシフト生成時に「全日出勤可」として扱われます。
シフト表の画像保存
管理者用シフト自動作成タブのシフト表下にある「画像保存」（水色ボタン）をクリックします。
シフト表全体（横スクロールで隠れている部分も含む）が1枚のPNG画像として保存されます。
ファイル名：「シフト表_○年○月_管理者用.png」
保存された画像をそのままスタッフへ配布・印刷することもできます。
全体キャプチャの仕組み
画像保存ボタンを押すと、画面に表示されている範囲だけでなく、テーブル全体を一時的に展開してからキャプチャします。スタッフ数が多く横に長いシフト表でも、すべての列を含めた完全な画像が保存されます。
月次業務の流れ（推奨スケジュール）
翌月のシフト申請期間
👤 スタッフ：翌月の休み希望・出勤希望をカレンダーで入力・提出（当月2週目〜）
👤 スタッフ：1週目（前月分）はグレーで申請不可（前月確定済みのため）
🔧 管理者：申請状況タブで提出状況を随時確認
申請締め切り目安・催促
🔧 管理者：未提出スタッフに連絡（GAS設定時は自動メール送信）
👤 スタッフ：まだ提出していない場合は早めに提出
シフト生成・確定・公開
🔧 管理者①：「シフト自動作成」タブで翌月を選択 → 青「シフト自動生成」ボタン
🔧 管理者②：シフト表を確認・週別出勤日数・集計行をチェック
🔧 管理者③：必要に応じて緑「シフト修正＆通知」で手動修正
🔧 管理者④：紫「シフト確定＆通知」ボタンで公開
シフト運用開始
👤 スタッフ：ホーム画面の「公開シフト表」で確認（前月最終週も1行目に表示）
🔧 管理者：変更が必要な場合はセルをクリックして手動修正 → 紫「シフト確定＆通知」で再公開
よくある質問（FAQ）
パスワードを忘れてしまった
提出した申請を修正したい
カレンダーの1週目がグレーでクリックできない
公開シフト表に「まだ公開されていません」と表示される
公開シフト表に前の月のシフトが表示されている
シフト自動生成で出勤日数が規定日数より多い・少ない
シフト生成すると翌月の日付まで含まれるのはなぜ？
画像保存ボタンを押したが画像が保存されない
翌月分の申請はいつから・いつまでできるか
シフトを確定した後で内容を修正したい
アシスタントのシフトが毎日出勤になっている
「シフト修正＆通知」と「シフト確定＆通知」の違いは？
シフト確定＆通知（紫）は、シフトを公開（is_confirmed=1）してスタッフが閲覧できる状態にするボタンです。確定しないとスタッフ側の公開シフト表に反映されません。修正が完了したら必ずこちらで公開してください。