Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フロントエンドだけで機械学習
Search
Aipa
November 22, 2022
Technology
0
700
フロントエンドだけで機械学習
フロントエンドカンファレンス沖縄で発表したスライドです
Aipa
November 22, 2022
Tweet
Share
More Decks by Aipa
See All by Aipa
ピンチヒッターです。なにか話します
commander_aipa
0
120
おれたちはいつDXできるのか
commander_aipa
1
72
ウンケーニオキタコワイハナシ
commander_aipa
0
120
Nuxt3 Deeeeeeeeeeeeeeeeeeeeeploy
commander_aipa
0
170
Meilisearchでハイブリッドベクトル検索
commander_aipa
0
140
Honoの導入を検討していたが、Honoの人が来沖するらしいので、急いでHonoを導入した話
commander_aipa
0
200
Dの意思は神を殺す
commander_aipa
0
99
ファインチューニングがしたい
commander_aipa
0
190
サクッと検索サーバを用意する
commander_aipa
0
210
Other Decks in Technology
See All in Technology
実践アプリケーション設計 ②トランザクションスクリプトへの対応
recruitengineers
PRO
2
150
認知戦の理解と、市民としての対抗策
hogehuga
0
320
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
2
20k
DeNA での思い出 / Memories at DeNA
orgachem
PRO
3
1.6k
JOAI発表資料 @ 関東kaggler会
joai_committee
1
270
モバイルアプリ研修
recruitengineers
PRO
2
240
ソフトウェア エンジニアとしての 姿勢と心構え
recruitengineers
PRO
2
690
制約理論(ToC)入門
recruitengineers
PRO
2
280
自社製CMSからmicroCMSへのリプレースがプロダクトグロースを加速させた話
nextbeatdev
0
130
ECS モニタリング手法大整理
yendoooo
1
120
MySQL HeatWave:サービス概要のご紹介
oracle4engineer
PRO
4
1.7k
KiroでGameDay開催してみよう(準備編)
yuuuuuuu168
1
130
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Visualization
eitanlees
147
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
For a Future-Friendly Web
brad_frost
179
9.9k
Typedesign – Prime Four
hannesfritz
42
2.8k
Agile that works and the tools we love
rasmusluckow
329
21k
Music & Morning Musume
bryan
46
6.7k
BBQ
matthewcrist
89
9.8k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
We Have a Design System, Now What?
morganepeng
53
7.7k
Thoughts on Productivity
jonyablonski
69
4.8k
Transcript
ϑϩϯτΤϯυ ΧϯϑΝϨϯεԭೄ2022 ϑϩϯτΤϯυ͚ͩͰػցֶश @aipacommander 2022/11/19
ࣗݾհ • @aipacommanderʢΞΠύʔୂʣ • ԭೄݝͰ࠺ͱࢠڙ2ਓͱݘ2ඖͱೣ1ඖͰੜ׆ • CBCloudגࣜձࣾͰۈ͢ΔϑϩϯτΤϯυΤϯδχΞʢݞॻʣ • ೖࣾͯ͠ಡΈॻ͖ͨ͠ݴޠDartʢFlutterʣɺScalaɺRubyɺGASɺPython… •
ϑϩϯτΤϯυΤϯδχΞɾɾɾɾʁ • 3ϲ݄લɺͪΎΒσʔλʹ͍·ͨ͠
͓ɾɾɾʁ
લ৬ vs ݱ৬ ʢ͜ͷεϥΠυൃදޙʹരൃͯ͠ফ͑·͢ʣ
ຊ͢͜ͱ
https://www.tensor fl ow.org/js
TensorFlow.jsͱ • ϒϥβʢJavaScriptʣͰσΟʔϓϥʔχϯάͰ͖Δ͍ͭ͢͝ • Tensor fl owʢPythonʣΛͬͯͨΒॻ͚ͦ͏ͳงғؾͷ͍ͭ͢͝ • Ұੲલdeeplearn.jsͱݺΕͯͨॏ͍ͭʢͷओ؍ʣͩͬͨ •
2022ݱࡏ࣌ͱൺͨΒരʹͳ͍ͬͯΔ͍ͭ͢͝
Ͱ͖Δ͜ͱʢGoogleͷϒϩάΑΓʣ • ͜Ε·Ͱग़͖ͯͨϞσϧ͍͍ͩͩΠέΔʢงғؾʣ • BodyPixʢGoogle meetʹ͋Δഎܠ΅͔͠ʣ • BERTΛͬͨChrome Pluginʢϖʔδݕࡧػೳʹ࣭Λॻ͘ͱɺ ֘ʢճͱ༧ଌ͞Εͨʣจষ͕ϋΠϥΠτ͞ΕΔʣ
͠Ύ͍͝ʢ͍͢͝ʣ
ʢվΊͯʣ ຊ͢͜ͱ
ຊ͢͜ͱ •؆୯ͳνϡʔτϦΞϧ • มσϞ → ແཧͰͨ࣍͠ճ • ήʔϜͱউෛ͢ΔσϞ → ࡢͤ͞Δ༧ఆ͕ͩͬͨಥવੜͷҿΈձ͕(ry
※Nuxt3ͷઆ໌͠ͳ͍Ͱ͕͢ɺσϞNuxt3্Ͱಈ͍͍ͯ·͢
؆୯ͳνϡʔτϦΞϧ
༻ҙ͢Δͷ https://avinton.com/blog/2018/03/single-shot-multibox-detector-explained1/
TensorFlow Hub https://t fh ub.dev/tensor fl ow/ssd_mobilenet_v2/2
εςοϓ 1. TensorFlow.jsͷΠϯετʔϧ 2. WebΧϝϥ͔ΒಈըͷऔಘˠCanvasදࣔ 3. ϞσϧͷηοτΞοϓ 4. Ϟσϧʹೖྗ͢Δ 5.
Ϟσϧͷग़ྗΛՃ͢Δ 6. ݁Ռදࣔ
ᶃScriptλάɾnpmɾyarnͰΠϯετʔϧ https://www.tensor fl ow.org/js/tutorials/setup?hl=ja
ᶄಈըʢը૾ʣΛೖྗ͢Δ४උ̍
ᶄಈըʢը૾ʣΛೖྗ͢Δ४උ̎
ᶅϞσϧͷηοτΞοϓ
ᶆϞσϧʹΧϝϥ͔Βͷσʔλʢը૾ʣΛ ೖྗ͢Δ̍
ᶆϞσϧʹΧϝϥ͔Βͷσʔλʢը૾ʣΛ ೖྗ͢Δ̎
ᶆϞσϧʹΧϝϥ͔Βͷσʔλʢը૾ʣΛ ೖྗ͢Δ̏
ᶆϞσϧʹΧϝϥ͔Βͷσʔλʢը૾ʣΛ ೖྗ͢Δ̐ 1൪ϥϕϧ(ཁૉ൪߸)ͱ ༧ଌ֬ʢ1ʹ͍ۙ΄Ͳࣗ৴͕͋Δʣ ̎൪bounding boxͷҐஔ [y, x, yͷେ͖͞, xͷେ͖͞]
ิ https://avinton.com/blog/2018/03/single-shot-multibox-detector-explained1/ ̎൪bounding boxͷҐஔ [y, x, ॎͷαΠζ, ԣͷαΠζ] : [0,
0] 9 [y, x] ԣͷαΠζ ॎͷαΠζ [ ॎͷαΠζ - y, ԣͷαΠζ - x ]
ᶇϞσϧͷग़ྗΛՃ͢Δˠᶈ݁Ռදࣔ
σϞ
ͳͥͳͷ͔ ʘiϑΟʔϧυ!!ʗ • ݕग़݁Ռશ෦දࣔ͢Δͱ͜͏ͳΔ • ϑΟϧλͷςΫχοΫʢSSDͷجຊͷʣ • ༧ଌ֬ʢ৴པʣͰߴ͍ॱʹιʔτͯ͠ϑΟϧλ • Intersection
over UnionʢIoUʣͰϑΟϧλ • 2ͭͷbounding box͔ΒείΞΛܭࢉ͢Δ • bounding box͕શʹॏͳ͍ͬͯͨΒ1ʹͳΔ • ͋ΘͤͯɺNonmaximum suppressionʢNMSʣͰ ॏͳ͍ͬͯͯͭɺIoU͕খ͍͞bounding boxΛআ
ͳΜͱ࣮͞Ε͍ͯΔ
࠶ͼσϞ
·ͱΊ
·ͱΊ • ϒϥβʢJavaScriptʣͰσΟʔϓϥʔχϯάͰ͖Δ • ࠓհͰ͖ͳ͔ͬͨͰ͕͢ɺ͍ΖΜͳ͜ͱ͕Ͱ͖Δ • ϒϥβͰֶशͰ͖ΔɺసҠֶश͍͚Δ • όοΫΤϯυʹWASM͕༻ҙ͞Ε͍ͯΔͨΊɺΑΓϙʔλϒϧʹ ʢNode.js͕ಈ͘αʔόͰಈ࡞͢Δʣ
͓·͚σϞʢ͕࣌ؒ͋Εʣ
ENDʢདྷո्ͷʂʂʣ