Web顔認証アプリ　利用説明書 rev0.1

 

MANUAL

Web顔認証アプリ　利用説明書 Rev0.1

対象ページ：https://kitayo.jp/face104elementor/

✅ Google Chrome 推奨
✅ Microsoft Edge 対応
⚠️ Safari・Firefox 非対応

目　次

  1. このアプリでできること
  2. 画面を開いたときの流れ（起動シーケンス）
  3. 使い方　全体の流れ
  4. PART 1　人物を登録する
  5. PART 2　データを保存する
  6. PART 3　前回のデータを読み込む
  7. PART 4　顔認証をする
  8. よくあるトラブル

OVERVIEW

このアプリでできること

  • 人物の顔写真を登録して、データとして保存する
  • 別の写真を使って「この人は誰？」と照合（顔認証）できる
  • 登録したデータはパソコンのフォルダ（Box/KITAYO/FACE001）に保存して、次回も使い回せる
💡
写真はすべてブラウザの中だけで処理されます。インターネット上にアップロードされることはありません。

STARTUP

画面を開いたときの流れ

ページを開くと、起動シーケンスが自動で始まります。3つのステップが順番に実行されます。

🤖

Step 1 — AIモデル読み込み
顔を認識するAIをインターネットから読み込みます。初回は数秒〜30秒程度かかります。

📂

Step 2 — フォルダアクセス確認
パソコンのフォルダへのアクセス機能が使えるか確認します。

📄

Step 3 — CSV読み書き準備
データの保存・読み込みの準備をします。
⚠️
インターネットが遅いと Step 1 に時間がかかることがあります。「完了」と表示されるまで少し待ってください。

OVERVIEW

使い方　全体の流れ

ページを開く
│
↓ 自動起動（Step1 → 2 → 3）
│
├─【初回】
│ ① 人物を登録する（人物登録タブ）
│ └─ フォルダを選んでデータを「保存」する
│
├─【2回目以降】
│ └─ フォルダを選んで前回のデータを「読込」する
│
└─【毎回】顔認証をする（顔認証タブ）
├─ 照合したい写真を選ぶ
└─ 結果を確認する

PART 1

人物を登録する

1「👤 人物登録」タブを押す

画面上部の 👤 人物登録 を押します。

2写真を選ぶ

「写真を選択（複数可）」の枠をタップします。

  • iCloud Drive や写真アプリから、登録したい人の写真を選びます
  • 複数人まとめて選んでOKです（1枚ずつでも可）

3名前を入力する

写真を選ぶと、1枚ずつ順番に表示されます。それぞれ名前を入力して登録します。

ボタン説明
✔ 登録して次へ名前を入力してこの人を登録し、次の写真へ進む
→ スキップこの写真は登録せず次へ進む
✕ キャンセル顔が検出できなかったときに表示。この写真をやめる
＋ 別写真追加同じ人の別写真を追加して精度を上げる
💡
精度を上げるコツ：「＋ 別写真追加」で同じ人の写真を複数枚追加すると、認証の精度がアップします！

4登録完了

全員分の入力が終わると「〇人を登録しました」と表示されます。

  • 「顔認証へ →」を押すと顔認証タブに移動します
  • 「＋ さらに追加」を押すと追加で登録できます

5登録済み一覧

登録した人物の一覧が画面下に表示されます。

  • 🗑 ボタンを押すとその人だけ削除できます
  • 🗑 全削除 ボタンで全員まとめて削除できます

PART 2

データを保存する （重要！）

⚠️
登録したデータは、ブラウザを閉じると消えてしまいます。 次回も使うために、必ずフォルダに保存してください。

1「📂 フォルダ選択」を押す

フォルダ選択ダイアログが開きます。

2Box → KITAYO → FACE001 フォルダを選ぶ

このフォルダを選んで「フォルダの選択」を押します。

3「💾 保存」を押す

face_data.csv というファイルに登録データが保存されます。

✅
「〇件を保存しました」と表示されれば成功です！
💡
自動保存について： フォルダを選択した状態で人物の登録・削除をすると、自動的に保存されます。

PART 3

前回のデータを読み込む

ブラウザを閉じて再起動した場合は、以下の手順でデータを復元します。

1「📂 フォルダ選択」を押す

保存したときと同じフォルダ（FACE001）を選びます。

2「📥 読込」を押す

face_data.csv から自動的にデータが復元されます。

✅
「〇件を読み込みました」と表示されれば成功です！

PART 4

顔認証をする

1「🔍 顔認証」タブを押す

⚠️
人物が1人以上登録されていないと、このタブは使えません。

2判定閾値（スライダー）を設定する

「⚙ 判定閾値」のスライダーで、一致と判定する厳しさを調整できます。

スライダーの位置意味
← 左（厳しい）よく似た人でも「別人」と判定しやすい
→ 右（緩い）多少違っても「同一人物」と判定しやすい
💡
最初は 50%（真ん中） がおすすめです。うまく認証できない場合はスライダーを右に動かしてみてください。

3照合する写真を選ぶ

「照合する写真を選択」の枠をタップして、誰なのか調べたい写真を選びます。

4結果を確認する

✅ 完了
❓ 登録なし
⚠️ 認証できず
⏳ 認証中
表示意味
✅ 完了登録されている誰かと一致しました
❓ 登録なし一致する人が見つかりませんでした
⚠️ 認証できず写真から顔を検出できませんでした
⏳ 認証中照合処理中です（少し待ってください）

画面下の「全候補スコア」に、登録済みの全員との類似度（%）が表示されます。

5その場で新規登録する

❓「登録なし」と表示されたとき、＋ 追加登録 ボタンが現れます。名前を入力して「✔ 登録する」を押すと、その場で新規登録できます。

6次の人を認証する

→ 次を認証 を押すと画面がリセットされ、次の人の照合ができます。

TROUBLESHOOTING

よくあるトラブル

症状原因対処法
Step 1 が長いAIモデルの読み込みに時間がかかっている少し待つ（最大1分程度）
顔が検出できない写真が暗い・顔が小さい・横を向いている正面の明るい写真を使う
スコアが低くて一致しない閾値が厳しすぎる、または登録写真が少ないスライダーを右に動かす／別写真を追加登録する
読込ボタンが出ないフォルダをまだ選んでいない先に「📂 フォルダ選択」を押す
データが消えたブラウザを閉じる前に保存しなかった次回は必ず「💾 保存」を押す
Safari・Firefoxで動かないブラウザ非対応Chrome または Edge を使う

顔認証アプリ　利用説明書　— 作成日：2025年6月