# エッジAIラボ (ai-edge-lab) — 完全版

> ブラウザで試せるエッジAI・センサー・画像処理デモ集 — 処理場所と通信条件を個別表示

エッジAIラボは、TensorFlow.js・ONNX Runtime Web・MediaPipe・WebAssembly等による端末内推論に加え、ブラウザAPIを使うセンサー・画像処理ツールも公開しています。端末内推論モードでは、カメラ映像・音声・AIへの入力テキスト・アップロード画像を推論のために外部サーバーへ送信しません。ページ表示、モデル取得、通常のアクセスログ／アクセス解析、同意した場合の端末動作情報、利用者が明示的に送信する機能、個別に案内する外部処理モードでは通信が発生します。インストール不要で、PC・スマートフォンのブラウザから直接利用できます。実行方式と通信条件は対応デモページで確認してください。

運営者: 齊藤晃紀（GIS・AIエンジニア / 測量士補 / 第60次南極地域観測隊 同行者）
技術: Next.js / TypeScript / TensorFlow.js / ONNX Runtime Web / MediaPipe / WebAssembly / WebGPU
URL: https://ai-edge-lab.com
関連サイト: Link Field (https://link-field.jp) | みるラボ (https://miru-lab.jp) | ネタラボ (https://neta-lab.com) | ツールマルシェ (https://tool-marche.com) | ローカルAI実測ラボ (https://ai-local-lab.com)

## デモ一覧

80種類以上のエッジAI・センサー・画像処理デモを公開。端末内推論、外部処理、ルール処理を区別し、通信条件は各デモページに記載しています。

### 画像・映像AI
- [背景除去](https://ai-edge-lab.com/demos/background-removal): U²-Netモデルで画像背景をワンクリック除去。証明写真やEC商品撮影に。
- [画像分類](https://ai-edge-lab.com/demos/image-classification): MobileNet/EfficientNetによる画像カテゴリ分類。1000クラス対応。
- [物体検出](https://ai-edge-lab.com/demos/object-detection): YOLOv8によるリアルタイム物体検出。カメラ映像からオブジェクトを検出・ラベリング。
- [画像セグメンテーション](https://ai-edge-lab.com/demos/image-segmentation): DeepLabによるピクセル単位の領域分割。
- [超解像](https://ai-edge-lab.com/demos/image-super-resolution): ESRGANで低解像度画像を2-4倍に高解像度化。
- [深度推定](https://ai-edge-lab.com/demos/depth-estimation): MiDaSモデルで単眼画像から奥行きマップを推定。
- [カラーパレット](https://ai-edge-lab.com/demos/color-palette): 画像から主要カラーを抽出しパレット生成。
- [画像理解](https://ai-edge-lab.com/demos/image-understanding): マルチモーダルLLMによる画像内容の説明・質問応答。

### 顔・人体AI
- [VTuberアバター](https://ai-edge-lab.com/demos/vtuber-avatar): MediaPipe Face Meshでカメラ映像からVTuberアバターをリアルタイム操作。表情・頭部の動きを追跡。平均セッション時間36分以上の人気デモ。
- [顔ランドマーク検出](https://ai-edge-lab.com/demos/face-landmark): 468点の顔特徴点をリアルタイム検出・可視化。
- [表情認識](https://ai-edge-lab.com/demos/face-expression): 7つの基本表情（喜怒哀楽等）をリアルタイム判定。
- [顔プライバシー](https://ai-edge-lab.com/demos/face-privacy): 顔を自動検出し、モザイク・ぼかし・アイコンで匿名化。
- [顔絵文字](https://ai-edge-lab.com/demos/face-emoji): 検出した表情に応じた絵文字をリアルタイムオーバーレイ。
- [姿勢推定](https://ai-edge-lab.com/demos/pose-estimation): BlazePose/MoveNetで体の33関節をリアルタイム推定。
- [フィットネスコーチ](https://ai-edge-lab.com/demos/fitness-coach): 姿勢推定を活用してスクワット等のフォームをAI分析。
- [まばたき検出](https://ai-edge-lab.com/demos/blink-detection): 目の開閉をフレーム単位で検出。居眠り検知等に応用可能。
- [スマイルシャッター](https://ai-edge-lab.com/demos/smile-shutter): 笑顔を検出して自動撮影。
- [ウインクシャッター](https://ai-edge-lab.com/demos/wink-shutter): ウインクジェスチャーで撮影トリガー。
- [Vサインシャッター](https://ai-edge-lab.com/demos/vsign-shutter): Vサインハンドジェスチャーで撮影。
- [ハンドジェスチャー認識](https://ai-edge-lab.com/demos/hand-gesture): MediaPipe Handsで手のジェスチャー（グー・チョキ・パー・指差し等）を認識。
- [エアドラム](https://ai-edge-lab.com/demos/air-drum): ハンドトラッキングで空中ドラム演奏。
- [エアライティング](https://ai-edge-lab.com/demos/air-writing): 指先トラッキングで空中に文字を描画。
- [距離測定](https://ai-edge-lab.com/demos/distance-measure): カメラ映像から物体間距離を概算推定。

### 音声・テキストAI
- [音声認識](https://ai-edge-lab.com/demos/speech-recognition): Web Speech APIによるリアルタイム音声テキスト変換。
- [Whisper文字起こし](https://ai-edge-lab.com/demos/whisper-transcription): OpenAI Whisperモデルをブラウザ内で実行。高精度な音声文字起こし。
- [テキスト要約](https://ai-edge-lab.com/demos/text-summarization): Transformerモデルで長文を自動要約。
- [テキスト読み上げ](https://ai-edge-lab.com/demos/text-to-speech): 日本語テキストを自然な音声に変換。
- [AI翻訳](https://ai-edge-lab.com/demos/ai-translation): ブラウザ内翻訳モデルで多言語翻訳。
- [チャットAI](https://ai-edge-lab.com/demos/chat-ai): WebLLM等のブラウザ内LLMによるチャット。
- [手書き認識](https://ai-edge-lab.com/demos/handwriting-recognition): 手書き文字をCanvasで描画→AIが認識。
- [文書OCR](https://ai-edge-lab.com/demos/document-ocr): Tesseract.jsで文書画像からテキスト抽出。

### 産業・専門AI
- [ひび割れ検出](https://ai-edge-lab.com/demos/crack-detection): コンクリート表面のひび割れをAI画像解析で検出。インフラ点検向け。
- [PPE検出](https://ai-edge-lab.com/demos/ppe-detection): ヘルメット・安全ベスト等の保護具着用をAIチェック。建設現場向け。
- [丸太計測](https://ai-edge-lab.com/demos/log-measure): カメラで丸太の直径を概算計測。林業向け。
- [林道検出](https://ai-edge-lab.com/demos/forest-road): 航空写真・衛星画像から林道を自動検出。
- [バーコードスキャナ](https://ai-edge-lab.com/demos/barcode-scanner): カメラでバーコード・QRコードを読取・デコード。
- [騒音レベル計](https://ai-edge-lab.com/demos/noise-level): マイクで環境騒音レベル（dB概算）をリアルタイム測定。
- [ノイズ除去](https://ai-edge-lab.com/demos/noise-reduction): 音声からノイズをAIで除去。
- [環境音検出](https://ai-edge-lab.com/demos/sound-detection): YAMNet等で環境音の種類を分類（犬の鳴き声、車、音楽等）。
- [音声区間検出](https://ai-edge-lab.com/demos/vad-detection): 音声の有無をフレーム単位で判定。
- [行動認識](https://ai-edge-lab.com/demos/activity-recognition): カメラ映像から行動（歩行・走行・座位等）を分類。
- [シェイクジェスチャー](https://ai-edge-lab.com/demos/shake-gesture): スマホの加速度センサーで振り動作を検出。

### エンタメ
- [AIじゃんけん](https://ai-edge-lab.com/demos/ai-janken): ハンドジェスチャー認識でAIとじゃんけん対戦。
- [AI占い](https://ai-edge-lab.com/demos/ai-fortune): ブラウザ内LLMによるAI占い体験。

## 情報ページ
- [デモ一覧](https://ai-edge-lab.com/demos): 全デモのカテゴリ別一覧
- [エッジAIとは](https://ai-edge-lab.com/about-edge-ai): エッジAI技術の解説
- [ハードウェア](https://ai-edge-lab.com/hardware): エッジAIデバイスの比較
- [ベンチマーク](https://ai-edge-lab.com/benchmarks): ブラウザ内AI推論のベンチマーク結果
- [コスト計算機](https://ai-edge-lab.com/cost-calculator): エッジAI vs クラウドAIのコスト比較
- [用語集](https://ai-edge-lab.com/glossary): エッジAI関連用語の解説
- [FAQ](https://ai-edge-lab.com/faq): よくある質問

## 業界別ガイド
- [建設業](https://ai-edge-lab.com/construction): 建設現場でのエッジAI活用
- [農業](https://ai-edge-lab.com/agriculture): 精密農業でのAI活用
- [漁業](https://ai-edge-lab.com/fishery): 漁業でのAI活用
- [教育](https://ai-edge-lab.com/education): 教育現場でのAI活用
- [飲食](https://ai-edge-lab.com/food-service): 飲食業でのAI活用
- [エネルギー](https://ai-edge-lab.com/energy): エネルギー産業でのAI活用