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

終わり!