{"id":34497451,"url":"https://github.com/kkawailab/ml5js-samples","last_synced_at":"2025-12-24T01:45:47.348Z","repository":{"id":328729343,"uuid":"1116489630","full_name":"kkawailab/ml5js-samples","owner":"kkawailab","description":"ml5.jsを使った機械学習サンプル集 - 初心者から上級者向けの30個のインタラクティブなデモ（HTMLファイル1枚で動作）","archived":false,"fork":false,"pushed_at":"2025-12-15T00:28:41.000Z","size":81,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-12-17T14:53:24.283Z","etag":null,"topics":["creative-coding","javascript","machine-learning","ml5js","tensorflow-js"],"latest_commit_sha":null,"homepage":"https://kkawailab.github.io/ml5js-samples/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kkawailab.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-15T00:17:02.000Z","updated_at":"2025-12-15T00:28:44.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/kkawailab/ml5js-samples","commit_stats":null,"previous_names":["kkawailab/ml5js-samples"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/kkawailab/ml5js-samples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkawailab%2Fml5js-samples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkawailab%2Fml5js-samples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkawailab%2Fml5js-samples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkawailab%2Fml5js-samples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kkawailab","download_url":"https://codeload.github.com/kkawailab/ml5js-samples/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kkawailab%2Fml5js-samples/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27992460,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-23T02:00:07.087Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["creative-coding","javascript","machine-learning","ml5js","tensorflow-js"],"created_at":"2025-12-24T01:45:46.747Z","updated_at":"2025-12-24T01:45:47.340Z","avatar_url":"https://github.com/kkawailab.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ml5.js サンプル集\n\nml5.jsを使った機械学習サンプル集です。初心者向けの簡単なものから上級者向けの複雑なものまで、30個のサンプルを収録しています。\n\nすべてのサンプルは**HTMLファイル1枚で完結**しており、ブラウザで直接開いて動作します。\n\n## 必要なもの\n\n- モダンなウェブブラウザ（Chrome, Firefox, Edge, Safari）\n- ウェブカメラ（多くのサンプルで使用）\n- マイク（音声関連サンプルで使用）\n\n## サンプル一覧\n\n### 初心者向け（01-10）\n\n| # | サンプル | 説明 |\n|:-:|---------|------|\n| 01 | [Image Classifier 基本](01_image_classifier_basic.html) | MobileNetを使った画像分類の最小サンプル |\n| 02 | [Image Classifier + Webcam](02_image_classifier_webcam.html) | ウェブカメラ映像をリアルタイムで分類 |\n| 03 | [BodyPose 基本](03_bodypose_basic.html) | 体のキーポイント17点を検出・表示 |\n| 04 | [BodyPose スケルトン](04_bodypose_skeleton.html) | 骨格を線で繋いで表示 |\n| 05 | [HandPose 基本](05_handpose_basic.html) | 手のキーポイント21点を検出 |\n| 06 | [FaceMesh 基本](06_facemesh_basic.html) | 顔の478個のランドマークを検出 |\n| 07 | [Sound Classifier 基本](07_sound_classifier_basic.html) | マイクの音声を分類 |\n| 08 | [BodyPose スクワットカウンター](08_bodypose_counter.html) | スクワットの回数を自動カウント |\n| 09 | [Image Classifier アップロード](09_image_classifier_upload.html) | 画像をアップロードして分類（上位5件表示） |\n| 10 | [FaceMesh 絵文字オーバーレイ](10_facemesh_emoji.html) | 顔に絵文字を重ねて表示 |\n\n### 中級者向け（11-20）\n\n| # | サンプル | 説明 |\n|:-:|---------|------|\n| 11 | [BodyPose フルーツキャッチゲーム](11_bodypose_game.html) | 手を動かしてフルーツをキャッチするゲーム |\n| 12 | [HandPose お絵かき](12_handpose_drawing.html) | 人差し指で空中に絵を描く |\n| 13 | [FaceMesh フェイスフィルター](13_facemesh_filter.html) | サングラス・猫耳などのフィルター |\n| 14 | [Neural Network 色分類](14_neural_network_classification.html) | RGBから色名を予測するNNを訓練 |\n| 15 | [Neural Network 価格予測](15_neural_network_regression.html) | 面積・築年数から住宅価格を予測 |\n| 16 | [BodyPose 体で音楽](16_bodypose_sound.html) | 手の位置で音程と音量を操作 |\n| 17 | [HandPose ジェスチャー認識](17_handpose_gesture.html) | グー・チョキ・パー等のジェスチャーを認識 |\n| 18 | [マルチモデル同時使用](18_multi_model.html) | BodyPose・HandPose・FaceMeshを同時実行 |\n| 19 | [音声ビジュアライザー](19_sound_visualizer.html) | 音声分類＋円形ビジュアライザー |\n| 20 | [Image Classifier カスタムUI](20_image_classifier_custom_ui.html) | リッチなUIの画像分類器 |\n\n### 上級者向け（21-30）\n\n| # | サンプル | 説明 |\n|:-:|---------|------|\n| 21 | [Neural Network ポーズ分類器](21_neural_network_pose_classifier.html) | 独自のポーズを訓練して認識 |\n| 22 | [BodyPose フィットネストラッカー](22_bodypose_fitness_tracker.html) | 複数エクササイズの回数・カロリー計測 |\n| 23 | [HandPose バーチャルキーボード](23_handpose_virtual_keyboard.html) | 空中でタイピング |\n| 24 | [FaceMesh 頭の向き推定](24_facemesh_head_pose.html) | Yaw/Pitch/Rollを計算・3D表示 |\n| 25 | [マルチパーソントラッキング](25_multi_person_tracking.html) | 複数人を同時に追跡・個別分析 |\n| 26 | [Neural Network 時系列予測](26_neural_network_timeseries.html) | 過去データから未来の値を予測 |\n| 27 | [ポーズマッチングゲーム](27_pose_matching_game.html) | お題のポーズを真似してスコアを競う |\n| 28 | [HandPose 指文字認識](28_handpose_sign_language.html) | 手の形からアルファベットを認識 |\n| 29 | [AI お絵かきアシスタント](29_ai_drawing_assistant.html) | 描いている途中でAIが何か予測 |\n| 30 | [総合AIインタラクティブ体験](30_interactive_ai_experience.html) | 全モデル＋エフェクトの統合デモ |\n\n## 使用技術\n\n- [ml5.js](https://ml5js.org/) - 機械学習ライブラリ\n- [TensorFlow.js](https://www.tensorflow.org/js) - ml5.jsのバックエンド\n\n## 使い方\n\n1. このリポジトリをクローン\n   ```bash\n   git clone https://github.com/kkawailab/ml5js-samples.git\n   ```\n\n2. HTMLファイルをブラウザで開く\n   - ローカルサーバーを使用する場合：\n     ```bash\n     cd ml5js-samples\n     npx serve .\n     ```\n   - または直接ファイルをブラウザにドラッグ＆ドロップ\n\n3. カメラ・マイクへのアクセスを許可\n\n## ライセンス\n\nMIT License\n\n## 更新履歴\n\n| 日付 | バージョン | 内容 |\n|:----:|:----------:|------|\n| 2024-12-15 | v1.0.0 | 初回リリース - 30個のサンプルを公開 |\n| 2024-12-15 | v1.0.1 | README.mdを追加 |\n| 2024-12-15 | v1.0.2 | GitHub Pages用のindex.htmlを追加 |\n| 2024-12-15 | v1.0.3 | リポジトリのAbout情報を更新 |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkkawailab%2Fml5js-samples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkkawailab%2Fml5js-samples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkkawailab%2Fml5js-samples/lists"}