リハビリサービス運営ダッシュボード 更新手順書

最終更新: 2026年2月20日 | 対象: dashboard-rehab.pages.dev
目次
1. 概要・前提条件 2. フォルダ構成 3. ダッシュボード更新手順 4. Cloudflare Pagesへのデプロイ 5. 認証情報 6. サイトの削除 7. トラブルシューティング

1. 概要・前提条件

Excelの実績データからHTMLダッシュボードを自動生成し、Cloudflare Pagesで共有するシステムです。

前提条件

項目要件
OSWindows 10/11
Python3.8以上
必須ライブラリpandas, openpyxl
Node.js18以上(デプロイ時のみ)
Cloudflare CLIwrangler(npx経由で自動取得)
Python ライブラリ未インストールの場合: pip install pandas openpyxl

2. フォルダ構成

dashboard_deploy/
├── dashboard_generator.py   ← 生成スクリプト本体
├── ダッシュボード生成.bat   ← ダブルクリックで実行
├── select_folder.ps1   ← フォルダ選択ダイアログ
├── e2e_visual_test.py   ← E2Eテスト
├── 実績データ/   ← Excelファイル置き場
│   ├── 2022年度.xlsx
│   ├── 2023年度.xlsx
│   └── ...
├── dist/   ← デプロイ用(自動生成)
│   ├── index.html   ← ダッシュボード本体
│   └── _worker.js   ← 認証ミドルウェア
└── 出力/   ← ローカル出力先

3. ダッシュボード更新手順

方法A: バッチファイルで実行(推奨)

1
実績データを配置
新しいExcelファイル(.xlsx)を 実績データ フォルダ、またはお好みのフォルダに配置します。複数ファイル対応(1ファイル=1ヶ月分)。
2
バッチファイルをダブルクリック
ダッシュボード生成.bat をダブルクリックすると、フォルダ選択ダイアログが表示されます。データのあるフォルダを選択してください。
3
自動生成・ブラウザで確認
ダッシュボードが 出力 フォルダに生成され、ブラウザで自動的に開きます。内容を確認してください。

方法B: コマンドラインで実行

cd C:\Users\kawag\work\dashboard_deploy
python dashboard_generator.py --data-dir "実績データ"
--output オプションで出力先を指定可能:
python dashboard_generator.py --data-dir "実績データ" --output "出力\ダッシュボード.html"

4. Cloudflare Pagesへのデプロイ

1
生成したHTMLを dist にコピー
生成されたHTMLファイルを dist\index.html として上書きコピーします。
copy "出力\ダッシュボード_XXXX年度_YYYYMMDD_HHMM.html" "dist\index.html"
2
デプロイ実行
コマンドプロンプトで以下を実行します。
cd C:\Users\kawag\work\dashboard_deploy
npx wrangler pages deploy dist --project-name=dashboard-rehab
3
完了確認
「Deployment complete!」と表示されれば成功です。以下のURLでアクセスできます。
https://dashboard-rehab.pages.dev
注意: dist\_worker.js は認証用ファイルです。削除しないでください。削除するとパスワード保護が無効になります。

一括実行バッチ(上級者向け)

以下のコマンドで生成からデプロイまで一括実行できます:

cd C:\Users\kawag\work\dashboard_deploy
python dashboard_generator.py --data-dir "実績データ" --output "dist\index.html"
npx wrangler pages deploy dist --project-name=dashboard-rehab

5. 認証情報

項目
認証方式Basic認証(サーバーサイド)
ユーザー名admin
パスワード0449

パスワード変更方法

dist\_worker.js をテキストエディタで開き、以下の2行を変更して再デプロイしてください:

const AUTH_USER = 'admin';      // ← ユーザー名
const AUTH_PASS = '0449';       // ← パスワード
セキュリティ: 認証はサーバーサイド(Cloudflare Workers)で処理されるため、ブラウザからソースコードは見えません。ただし、パスワードを定期的に変更することを推奨します。

6. サイトの削除

サイトが不要になった場合、以下のコマンドで完全に削除できます:

npx wrangler pages project delete dashboard-rehab
注意: 削除すると URL は即座にアクセス不可になります。復元はできません。

7. トラブルシューティング

症状原因対処
wrangler が見つからない Node.js未インストール nodejs.org からインストール
デプロイ時に認証エラー Cloudflareログイン切れ npx wrangler login を実行
パスワードが効かない _worker.js が欠落 dist フォルダに _worker.js があるか確認
ダッシュボードが古い dist/index.html 未更新 手順4-1で最新HTMLをコピーして再デプロイ
Excelが読み込めない openpyxl未インストール pip install openpyxl
リハビリサービス運営ダッシュボード 更新手順書 v1.0