顔認証とは、カメラで顔を撮影して「この人は誰か」を自動で判断する仕組みです。
つながる帳では、次の順番で処理しています。
タブレット・スマホ・PCのカメラを使います。写真は保存されません。
目・鼻・口の位置関係などを 128個の数字(ベクトル)に変換します。
例えるなら「顔の指紋」です。画像そのものは残りません。
事前に登録しておいた人の数字と、今カメラから得た数字を比べます。画面の種類ごとに「どれくらい一致したら本人か」の基準が決まっています。
● 利用者向け(来所・退所・服薬・写真タグなど)… 目安80%以上(画面に「信頼度 ○○%」)で本人と判断し、記録を自動入力します。
● 基準を満たさない場合は一致なしとなり、再試行か手動入力になります。
● ログイン画面(職員・管理者の顔でログイン)は別基準です。スマホでは目安約46%・PCでは約52%前後を目安に照合します(来所受付の80%とは別設定)。ライブプレビューでは枠の色で状態が分かります。詳しくは職員ログイン画面の顔認証をご覧ください。
「○○さん、おはようございます!」と名前が出て、記録画面へ自動で進みます。
| 顔の画像 | サーバーに一切保存しません。カメラ映像はブラウザ内だけで処理されます。 |
|---|---|
| 顔の特徴データ (128次元ベクトル) |
AES-256-GCM(銀行レベルの暗号化)で暗号化してから保存します。 Supabase(クラウド)またはブラウザのローカルストレージに保存。 管理者のみ操作できます。 |
| 認証ログ | 誰がいつ何で認証したか(成功/失敗)を face_logs テーブルに記録します。不正利用の確認や記録の根拠に使います。 |
| 同意書 | 登録前に利用者本人または家族の同意を取ります。face_consents テーブルに記録されます。 |
| データの削除 | 管理者画面からいつでも削除できます。削除すると特徴データと同意記録が消去されます。 |
| 第三者への提供 | 一切行いません。施設内のシステムのみで使用します。 |
| 顔認証を使わない場合 | 顔認証はオプション機能です。使わなくても全ての機能が手動で利用できます。 |
顔認証機能を初めて使う端末では、必ず次のモーダル(ポップアップ)が表示されます。
| 「同意して顔認証を使う」ボタン | 顔認証機能が有効になります。以降、その端末では同意確認は省略されます。 |
|---|---|
| 「手動入力を使う」ボタン | 通常の手動入力画面に戻ります。顔認証機能は使われません。いつでも変更できます。 |
顔認証受付
ホーム画面から「顔認証受付(来所/退所)」→ face-checkin.html を開きます。
登録する前に必ず本人または家族から同意を得てください。
ドロップダウンリストから登録したい利用者名を選びます。
ブラウザからカメラの使用許可を求められたら「許可する」を選びます。
楕円のガイド枠に顔が入るよう調整します。明るい場所で行うと精度が上がります。
同意確認のポップアップが出るので「同意して登録」を押します。
3回撮影して平均を取るため、少し待ちます(5〜10秒)。
「登録済み」の欄に名前が追加されていることを確認してください。
login.html)での顔認証利用者の来所受付(face-checkin.html)に登録する顔データとは別物です。ログイン用の顔は、メールアドレスごとに、この端末のブラウザの保存領域(ローカル)に紐づきます。職員用PCと私用スマホではデータが共有されないため、使う端末ごとに登録が必要です。
顔認証受付
デイサービスの受付に設置したタブレット・PCで face-checkin.html を開いておきます。
受付のカメラの前に立つ、それだけです。ボタン操作は不要です。
| 顔が見つからない | 「顔が見える位置に移動してください」と表示。カメラの前に正面を向いて立ち直してください。 |
|---|---|
| 暗すぎる | 「もう少し明るい場所でお試しください」と表示。照明をつける・カーテンを開けるなどしてください。 |
| 登録なし | 「顔未登録のため手動入力へ切り替えます」と表示。手動で利用者を選んでください。 |
| 3回連続失敗 | 「手動入力に切り替える」ボタンが出てきます。タップして通常の記録画面へ進んでください。 |
face-checkin.html(初期値)face-checkin.html?mode=checkout
退所受付に設置した端末で face-checkin.html?mode=checkout を開いておきます。
| 表示メッセージ | 「田中さん、お疲れさまでした(信頼度 88%)」 |
|---|---|
| 自動記録 | 退所時刻と在所時間(分単位)を daily_records に自動保存 |
| 在所時間の計算 | その日の来所ログと退所ログの差を自動計算します |
記録入力
staff-record.html(職員の記録入力画面)の「服薬(チェック)」欄にある機能です。
カメラ付きのポップアップ画面が開きます。
失敗した場合は再試行します(3回まで)。
「本人確認: 田中さん (92%)」と表示されたら服薬チェックが入力できます。
認証ログIDが服薬記録と自動で紐づけられます(後から確認できます)。
「顔認証に失敗しました。手動で本人確認して続行しますか?」と確認ダイアログが出ます。
「OK」を押すと服薬チェック欄が表示され、手動確認として入力できます(ログに「手動確認」と記録されます)。
本人の自由欄
self.html を開くと「顔認証でログイン」ボタンが表示されます。
self.html の自由欄では、従来どおりモーダル内の「認証する」ボタンを押してから照合が行われます。職員向けlogin.htmlの「カメラ準備後に自動で照合開始」とは操作手順が異なります。
1.15rem · 行間1.8倍)
記録入力
staff-record.html の「写真・AI画像分析」欄で写真を選択すると、
登録済みの利用者の顔を自動で検出してタグをつけます。
アルバム
album.html を開くと「顔タグで検索」欄があります。
利用者名を入力すると、その方が写っている写真だけを絞り込めます。
| タブレット (施設設置) |
・受付カウンターに固定設置し、常時カメラ起動状態にします ・画面が大きいので顔ガイド枠も見やすい ・縦向き・横向きどちらでも動作します ・スリープしないよう「画面の自動オフ」をオフにしてください(端末の設定から) |
|---|---|
| スマホ (スタッフ・家族) |
・インカメラ(自撮りカメラ)が自動で選ばれます ・「前後切替」ボタンでインカメラ・アウトカメラを切り替えられます ・服薬確認・自由欄ログインで活用できます ・画面右上の🌐から表示言語を切り替えられます(折りたたみメニュー。項目を選ぶと閉じます) |
| PC (管理者・事務) |
・Webカメラが自動で検出されます ・カメラが複数ある場合はドロップダウンで選べます ・顔データの登録作業はPC(大画面・安定した環境)での実施を推奨します ・表示言語は画面右上の🌐から切り替えられます |
| 言語切替(全端末) | 主要画面の右上にある🌐をタップ/クリックして開き、言語を選ぶとメニューは閉じます。 |
以下の場合は自動的に手動入力に切り替わります。顔認証が使えなくても全機能が引き続き利用できます。
| カメラの使用を「拒否」した | 「カメラ利用不可。手動入力へ切り替えます。」と表示し、手動導線が出ます。 |
|---|---|
| カメラ非搭載の端末 | カメラボタンが機能しないため、手動入力ボタンが自動で表示されます。 |
| 3回連続認証失敗 | 「手動入力に切り替える」ボタンが表示されます。 |
| 顔未登録の利用者 | 「顔未登録のため手動入力へ切り替えます」と表示されます。 |
| 暗すぎる環境 | 「もう少し明るい場所でお試しください」と表示されます。 |
| モデルファイルが未配置 | 「モデル読込エラー」が表示されます。モデルファイルの準備が必要です。 |
face-checkin.html)admin.html)| 前後カメラ切り替え | 受付ページの「前後切替」ボタンを押す(スマホのみ有効) |
|---|---|
| カメラ機器の選択 | 受付ページのドロップダウン(PCで複数カメラがある場合)から選ぶ |
顔認証の「AI」は、事前に大量の顔写真で学習済みのデータファイルを使います。これがモデルファイルです。
つながる帳では public/models/ フォルダに6つのファイルを置いています。
| tiny_face_detector_model-* | カメラ映像から「顔がどこにあるか」を検出するファイル(約190KB) |
|---|---|
| face_landmark_68_model-* | 顔の68箇所(目・鼻・口など)のランドマーク位置を特定するファイル(約350KB) |
| face_recognition_model-* | 顔の特徴を128次元の数字に変換するファイル(約4MB) |
public/models/ フォルダにモデルファイル(6つ)が置かれていない可能性があります。
システム担当者に連絡してモデルファイルの配置を確認してもらってください。
(参考:セットアップガイド)
admin.html)または顔認証受付ページの「顔データを削除する」から
その方の顔データを削除してください。削除後は手動入力のみになります。
face-checkin.html)の「本日のログ」欄に直近12件が表示されます。
クラウドモード(Supabase設定済み)では face_logs テーブルに全ログが蓄積されます。
| ログイン(顔認証ログイン含む) | login.html(職員・管理者向けの顔ログインは端末ローカル登録。手順は本書「職員ログイン画面」) |
|---|---|
| 顔認証受付ページ | face-checkin.html(ホームからも遷移できます) |
| 管理者ダッシュボード | admin.html(顔データ管理・記録件数) |
| 本人の自由欄 | self.html(顔ログイン・絵文字・音声入力) |
| 記録入力(服薬確認・写真タグ) | staff-record.html |
| アルバム(顔タグ検索) | album.html |
| 総合ど素人ガイド | beginner-guide-ja.html(アプリ全体の説明書) |
| 施設向け運用ガイド | facility-playbook-ja.html |
| 利用上の注意(ひな形) | terms-enterprise-ja.html |