歯科衛生士のスキルスコアをデジタル管理するWebアプリです。
HTMLファイル1枚で動作するため、サーバー不要でそのままブラウザで開けます。
- スキル評価 — 予防処置・歯周処置・患者対応など8分野を100点満点で管理
- レーダーチャート — 個人スコアとチーム平均を重ねて視覚化
- スキルバー — 分野ごとのスコアをカラーゾーン(緑/黄/赤)で表示
- フィルター検索 — レベル(シニア/ミドル/ジュニア)別表示・名前検索
- 衛生士の追加 — フォームからスコアを入力して登録(スライダーUI)
- 印刷/PDF保存 — ブラウザの印刷機能でそのままPDF出力可能
- ダークモード対応 — OS設定に自動追従
index.html をブラウザにドラッグ&ドロップ
- このリポジトリを GitHub にプッシュ
- リポジトリの Settings → Pages
- Branch:
main/ folder:/ (root)を選択して Save https://<ユーザー名>.github.io/<リポジトリ名>/で公開完了
index.html # アプリ本体(これ1ファイルで完結)
README.md # このファイル
| # | スキル | 内容 |
|---|---|---|
| 1 | 予防処置 | スケーリング・PMTC等の予防処置 |
| 2 | 歯周処置 | SRP・歯周ポケット管理 |
| 3 | 患者対応 | 接遇・コミュニケーション |
| 4 | 器具操作 | 各種歯科器具の操作精度 |
| 5 | 感染管理 | 滅菌・消毒・院内感染対策 |
| 6 | カウンセリング | 患者へのモチベーション指導 |
| 7 | X線撮影 | デンタル・パノラマ撮影技術 |
| 8 | チームワーク | チーム連携・後輩指導 |
index.html の DATA 配列を直接編集することでデータを変更できます。
const DATA = [
{
id: 1,
name: '田中 美咲', // 氏名
ini: '田美', // アバター用イニシャル(2文字)
lv: 'シニア', // シニア / ミドル / ジュニア
yr: 8, // 経験年数
sc: [95,92,88,96,93,85,90,94], // 8スキルのスコア(0〜100)
cmt: '院長コメント...'
},
// ...
];© 星の森デンタル