Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
2023年5月23日 (火) IoTLT vol.99 @granica/オンライン 豊田陽介( ) @youtoy Google I/O 2023で話された Web MLの話を紹介したい!
Slide 2
Slide 2 text
自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット大好き ・ブラウザで動く開発環境とか、色々な 処理(機械学習やBLE等でのデバイス 操作とか)も好き 好きなこと、他
Slide 3
Slide 3 text
「Google I/O 2023」 開催されましたね!
Slide 4
Slide 4 text
その中で気になったセッションの記事を書いた 「Web ML」:ブラウザで動く機械学習の話
Slide 5
Slide 5 text
Web MLに関するセッションの動画
Slide 6
Slide 6 text
出てきた内容を1つか2つ、 デモも行いつつ紹介
Slide 7
Slide 7 text
MediaPipeの 新機能
Slide 8
Slide 8 text
その中でも JavaScript版の話
Slide 9
Slide 9 text
MediaPipe(これまでもあった内容) ・Googleさん提供の機械学習を使った仕組み ・JavaScript用や、他に Python用、C++用などもある ・MediaPipe の JavaScript版(TensorFlow.jsベース) ・Face Mesh ・Face Detection ・Hands ・Holistic ・Pose ・Selfie Segmentation など...
Slide 10
Slide 10 text
過去のこういう試作に使ってたやつ
Slide 11
Slide 11 text
JavaScript版の 新機能 ライブデモ
Slide 12
Slide 12 text
先ほどデモしたもの:手のジェスチャー認識 特定の学習済みの内容を認識してくれる 両手同時でも大丈夫! ✊, ☝ 👍, ✌
Slide 13
Slide 13 text
モデルのカスタマイズ機能が!? 提供はまだっぽい 「Coming soon!」 という表示
Slide 14
Slide 14 text
他に増えてたもの(一例) ・MediaPipe JavaScript版に追加されたもの ・Object Detection(物体検出) ・Image Classification(画像分類) ・Image Segmentation(画像の領域分割)関連 ⇒ 体の複数パーツごとの分割など ※ これまで人と背景の分離はあった ・Audio Classification(音の分類) など...
Slide 15
Slide 15 text
もう1つ (時間があるかな...)
Slide 16
Slide 16 text
ブラウザ上での機械学習利用を ビジュアルプログラミングで
Slide 17
Slide 17 text
Visual Blocks for ML
Slide 18
Slide 18 text
フロー型の ビジュアルプログラミング ライブデモ
Slide 19
Slide 19 text
まだあまり 試せてない状況
Slide 20
Slide 20 text
詳細な話はこちらで!? 登壇・ご参加をぜひ! ⇒ 6/1(木)にオンライン開催
Slide 21
Slide 21 text
終わり!