経営ダッシュボード
-名全員の状況を一覧 — / Google: 未同期
在籍 📋
-
-
本日 業務中 📋
-
本日 休暇 📋
-
承認済
遅延タスク 📋
-
期限切れ・未完了
👥 チーム稼働状況
⏱ 勤務状況
🔐 ログイン・勤怠監査
✅ 全タスク
📝 日報サマリ
🏖 休暇カレンダー
📂 プロジェクト別
📈 月次レポート
🏢 施設予約
📥 CSV エクスポート
🔔 通知センター
🎯 採用
💴 稟議・経費
⚙️ 設定
⏱ 本日の勤務状況 —
出社中
0
⏱ 退勤前
退勤済
0
本日の業務完了
閲覧のみ
0
休みだが確認
未打刻
0
未ログイン or 未出社
⚠️ 本日 日報 未提出
0
出社した人で 今日の日報なし
🟡 持ち越し 日報未記入
0
過去 14 日分・書き忘れ OK
🟡 日報持ち越し 一覧 (書き忘れ・後日記入 OK)
スタッフをクリックすると、本日の打刻時刻・タスク進捗・日報状況を詳細確認できます。
| スタッフ | 出社 | 退勤 | 稼働時間 | ステータス | 本日のタスク進捗 | 日報 |
|---|
🔐 ログイン履歴・勤怠監査
〜
ℹ️ これはローカル(お試し)環境です。ログイン履歴・打刻監査は本番/ステージングのサーバ記録を読み込みます。ステージングで動作をご確認ください。
📋 社員別・日別 ログイン回数
🗒 ログイン履歴(明細)
🛡 打刻ログ(サーバ時刻)
⚠️ 異常フラグ
✍️ 修正申請の承認
各社員が日ごとに何回ログインしたか(成功/失敗の内訳つき)。改ざんできない追記専用ログから集計しています。
| 日付 | 社員 | 回数 | 成功 | 失敗 | 最初 | 最後 |
|---|---|---|---|---|---|---|
| 「🔄 読み込み」を押してください | ||||||
1回ごとのログイン明細。誰が・いつ(サーバ時刻)・どの方法で・どの端末/IP で・成否。
| 日時(JST) | 社員 | 方法 | 成否 | IP | 端末 |
|---|---|---|---|---|---|
| 「🔄 読み込み」を押してください | |||||
出社/退社の確定時刻はサーバが受け取った時刻です(端末の時計を進めても無効)。この行は後から書き換え・削除できません。修正したいときは右端の「修正申請」から。承認が下りるまで元の打刻が正です。
| 勤務日 | 社員 | 区分 | 確定時刻(サーバ・JST) | 時計ズレ | 異常 | 操作 |
|---|---|---|---|---|---|---|
| 「🔄 読み込み」を押してください | ||||||
不自然なパターンを自動検出して並べます(端末時計の大幅なズレ・退勤が出社より前・深夜帯・出社なしの退勤 等)。確認のうえ、必要なら本人に事実を確認してください。
| 勤務日 | 社員 | 区分 | 確定時刻(サーバ・JST) | 検出された異常 |
|---|---|---|---|---|
| 「🔄 読み込み」を押してください | ||||
打刻の修正申請(誰が・いつ・旧→新・理由)。承認するまで確定時刻は変わりません。自分が出した申請は自分では承認できません(なれ合い防止)。
| 申請日時 | 社員 | 項目 | 旧 → 新 | 理由 | 申請者 | 決裁 |
|---|---|---|---|---|---|---|
| 「🔄 読み込み」を押してください | ||||||
全タスク一覧
| 担当 | タスク | プロジェクト | 優先度 | 期限 | 状態 |
|---|
🤖 isoAi 日報要約
本番運用では Claude API / isoAi で実生成。本ひな形ではローカルロジックで近似。
「✨ 今日の要約を生成」を押してください
本日の日報 ()
📁 日報アーカイブ(月別フォルダ)
—
月単位で全員の日報提出状況を一覧表示します。セル(絵文字)をクリックすると内容の詳細が開きます。日報はクラウドに安全に保存され、自動でバックアップされます。
申請一覧 (申請順)
| 従業員 | 日付 | 種類 | 理由 | 状態 |
|---|
月次レポート —
日報提出率 (全社)
-
タスク完了率 (全社)
-
平均コンディション
-
直近30日
📊 メンバー別 日報提出率
✅ メンバー別 タスク完了率
⏱ プロジェクト別 工数 (タスク優先度ベース見積)
高=8h / 中=4h / 低=2h を係数として算出した想定工数
🎭 メンバー別 平均コンディション (直近30日)
🏢 施設予約管理
📖 施設予約 運用フロー(初めての方はここを開く)
- 固定の施設を登録
「📦 複数まとめて登録」で会議室 10 室 + セミナー会場 1 室を一括追加。または「+ 1 部屋ずつ登録」で個別追加。 - 登録した部屋ごとにタイムテーブルが自動生成
下の「タイムテーブル」エリアに 8:00 〜 22:00 の時間軸 × 部屋軸のマトリクスが表示。 - A さんが「第 1 会議室」を 10:00 〜 11:00 で予約
該当時間帯のセルをクリック → 予約モーダル → 予約者・用途・終了時間を入力 → 保存 → セルがその人の色で塗られる。 - B さんが別の部屋(第 2 会議室)を予約
同様にクリック。既に他の人が予約済みの時間帯は色で塗られているため、空き時間がひと目で分かる。 - 空き時間に新規予約
空いているセル(色なし)をクリックすれば誰でも予約可。重複は自動防止。
💡 LV.STANDARD(一般スタッフ)も「🏢 施設予約」タブで予約は入れられますが、部屋自体の追加・編集は管理者(LV.MIDDLE 以上)のみ
会議室・セミナー会場・研修室など、社内の予約可能スペースを登録・管理できます。スタッフ全員に「🏢 施設予約」タブで共有されます。LV.MAX / LV.MIDDLE 管理者のみ部屋追加・編集可能。
📊 タイムテーブル
他者の予約
自分の予約 (白枠)
空き (クリックで予約)
📅 月間カレンダー
日付セルに「空」「埋」が並びます。クリックするとその日のタイムテーブルへジャンプ。空き状況が部屋別に一目で確認できます。
📋 自分の今後の予約 (クリックで編集)
🏢 登録済の部屋
🏢 部屋を登録
📦 部屋を複数まとめて登録
会議室・セミナー会場 など、複数の部屋を一気に登録できます。例: 会議室 10 個 → 「第 1 会議室」「第 2 会議室」… 「第 10 会議室」が自動生成されます。
💡 生成された部屋は後から個別に名前・容量・場所・色 を編集できます。
📅 部屋を予約
📁 アクティブ会社 のデータフォルダ
各フォルダをクリックすると月別 CSV 一覧が展開します。毎月末に自動でその月のデータが固定され、過去の記録として残ります(現在月は「今日まで」のリアルタイム集計)。
LV.MAX / LV.MIDDLE 管理者 のみダウンロード可能です。
💡 運用ヒント: フォルダの月をクリック → 「📥 CSV」ボタンで個別ダウンロード。お手元の
{会社名}/{カテゴリ}/{YYYY-MM}.csv 階層で保存しておけば、毎月積み上がる形で永久保管できます。
🔔 検出された通知
日報未提出 (退勤後) / 期限切れタスク / 休暇申請中 / 稟議申請中 を自動検出します。本番運用では Apps Script + cron で 09:30 / 18:30 に自動配信。
📤 送信履歴 (このセッション)
🎯 候補者管理
📋 候補者一覧 (テーブル)
| 氏名 | 応募ポジション | ステータス | 評価 | 面接担当 | 最終接触 | ソース |
|---|
承認待ち
-
今月 承認額
-
JPY (今月決定分)
却下
-
直近30日
⚠️ ルール違反
-
CEO 確認必須
⚙️ CEO 承認ルール管理 — 社長 (LV.MAX) 専用
CEO(最高責任者)の運用方針をチェックリスト形式で定義。ルール違反の申請は ⚠️ CEO 確認必須 バッジが付き、最終承認は CEO に集約されます。
📋 申請一覧
| 🧾 | 日付 | 申請者 | 種類 | 件名 | 金額 | 承認者 | ルール | 状態 |
|---|
✅ CEO 全件チェック画面 — 一括承認 / 却下
承認待ちの申請を全件表示。チェックボックスで複数選択 → 「✅ 選択した申請を承認」「❌ 却下」で一括処理。⚠️ ルール違反の申請は赤背景で警告。
| ☐ | 日付 | 申請者 | 種類 | 件名 | 金額 | 承認者 | ルール監査 |
|---|
👤 ログイン情報
🌐 環境
| ドメイン | ganecci.net |
| タイムゾーン | Asia/Tokyo |
| 通貨 | JPY (¥) |
| アプリバージョン | v0.3 (ひな形) |
✏️ 会社名とロゴを変更
ここで変えると、全画面の左上の表示がこの内容に切り替わります。新しい会社名を入れて「保存」を押してください。
PNG・JPEG・WEBP・GIF の画像が使えます。大きい画像は自動で小さく調整します。
🔐 OAuth Client ID 設定
Google OAuth Client ID は
google-auth.js 内の GOOGLE_CLIENT_ID 定数に直接記述してください。取得手順
- Google Cloud Console にログイン
- 新規プロジェクト作成:
Staff Manager - 「APIとサービス」→「ライブラリ」で Google Calendar API を有効化
- 「OAuth 同意画面」でスコープを追加:
email/profile/openid/calendar.readonly/calendar.events - 「認証情報」→「OAuth クライアント ID」発行
- 承認済み JS 生成元: 開発
http://127.0.0.1:4321/ 本番https://staff-manager.bcdc-ai.com
- 承認済み JS 生成元: 開発
- 発行された Client ID をコピー →
google-auth.js:7のGOOGLE_CLIENT_IDに貼り付け
現在の状態
📅 組織カレンダー共有設定
これを ON にすると、各メンバーが個別共有設定をしなくても CEO が全員のカレンダーを API で取得できます。
- admin.google.com にログイン (CHRO/CEO のみ可能)
- アプリ → Google Workspace → カレンダー → 共有設定
- 内部共有オプション: 「すべての予定の詳細を共有」
- 保存
🎟 招待リンク
特定メンバーとして即座にログインできる招待 URL を生成します。LINE/Slack/メールでそのまま共有可能。2人でテストする時: 自分は「礒貝 浩資」、相手には別メンバーのリンクを送って同じ画面を二人で動かせます。 📧 招待・参加フローを見る →
空欄なら現在の URL () を使います。公開済みの本番 URL を貼り付けてください。
📡 二人で動作確認するときのフロー
- 下記「ローカル公開手順」のいずれかでこの画面を外部公開 (ngrok / Cloudflare Tunnel / Vercel)
- 上で「相手のメンバー」を選び 招待リンクを生成 → コピー
- LINE/メール/Slack で相手に送る
- 相手がリンクを踏むと自動でそのメンバーとしてログインされる
- 互いに別タブで動作確認 (現状はデータ別保管。共有DBは DEPLOY.md (リポジトリ root) 参照)
🌐 ローカル公開手順 (3 つから選択)
① ngrok (一番速い)
brew install ngrok
ngrok http 4321
表示された https://xxx.ngrok-free.app を上の「ベースURL」に貼って完了
② Cloudflare Tunnel
brew install cloudflared
cloudflared tunnel --url http://localhost:4321
無料・無制限。Cloudflare アカウント不要 (一時 URL 発行モード)
③ Vercel デプロイ (常設)
npm i -g vercel
cd staff-manager && vercel
無料枠で永続 URL。DEPLOY.md (リポジトリ root) に詳細
複数の会社プロファイルを保存し、ワンクリックで切替えできます。数十社経営する礒貝CEO 向けに設計。各会社のデータは独立して保持されます(localStorage に分離保存)。
切替後はページがリロードされます。
🔌 連携 + API キー設定
📖 取得手順を見る各 API キーを設定すると、対応する機能が即座に有効化されます。
💬 LINE 実認証 (LIFF)確認中
LIFF ID を登録すると本物の LINE ログインが有効化されます
🔧 Channel ID / Secret も登録 (サーバ Webhook 用・準備中)
💼 Slack未接続
通知配信先(準備中)
🗄 Supabase未接続
Postgres + Auth + Realtime(バックエンド・準備中)
📨 新メンバー招待
招待コードを発行 → LINE / メールで本人に送信。本人がリンクを開いて LIFF or LINE ID + パスワードで参加 → 自動で STAFF として登録されます。
📝 自己登録モード(招待コード不要)
ON にすると、login.html に「直接登録」フォームが表示され、誰でも氏名を入れるだけで参加できます。セキュリティリスク注意:招待制を外したい時のみ。
| コード | 氏名 | 役職 | 初期パスワード | 状態 | 送信 | 操作 |
|---|---|---|---|---|---|---|
| 招待未発行 — 右上「➕ 新メンバーを招待」から発行 | ||||||
📨 新メンバーを招待
下記の情報を入力すると、招待コードと初期パスワードが自動生成されます。LINE / メールで本人に送信できます。
💡 参加フロー:本人は招待リンクを開く → ① LIFF で自動連携(LINE で許可するだけ)or ② 手動で LINE ID + パスワード入力 → 完了
✅ 招待を発行しました
📧 連絡先一覧 (社用 + 個人 Gmail + LINE)
全メンバーの社用メール (
@ganecci.net) / 個人 Gmail / LINE ID を一覧で確認・コピーできます。各行から 💬 LINE と 📧 メール でその場で連絡可能。| 氏名 | 役職 | 社用メール | 個人 Gmail | LINE ID | 連絡 |
|---|
👥 LINE グループ管理
プロジェクト/役職別の LINE グループを登録します。招待 URL を貼り付けると、連絡モーダルからそのグループに直接送信できるようになります(URL 未登録なら LINE Share Sheet にフォールバック)。
| グループ名 | 所属メンバー | 招待 URL | アクション |
|---|
📱 LINE グループ招待 URL の取得手順
① LINE で対象グループを開く → 右上 ≡ メニュー
② 「招待」(または「メンバー追加」)をタップ
③ 「リンクで招待」 を選択 → 表示された URL をコピー
④ この画面の対応する行に貼り付け → 保存
※ URL は
① LINE で対象グループを開く → 右上 ≡ メニュー
② 「招待」(または「メンバー追加」)をタップ
③ 「リンクで招待」 を選択 → 表示された URL をコピー
④ この画面の対応する行に貼り付け → 保存
※ URL は
https://line.me/ti/g/... の形式。期限は通常無期限 (LINE 側でリセット可能)