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
520
フロントエンドだけで機械学習
フロントエンドカンファレンス沖縄で発表したスライドです
Aipa
November 22, 2022
Tweet
Share
More Decks by Aipa
See All by Aipa
Nuxt3 Deeeeeeeeeeeeeeeeeeeeeploy
commander_aipa
0
29
Meilisearchでハイブリッドベクトル検索
commander_aipa
0
10
Honoの導入を検討していたが、Honoの人が来沖するらしいので、急いでHonoを導入した話
commander_aipa
0
100
Dの意思は神を殺す
commander_aipa
0
40
ファインチューニングがしたい
commander_aipa
0
72
サクッと検索サーバを用意する
commander_aipa
0
94
リアクティブを知る1歩
commander_aipa
0
170
さっき作った
commander_aipa
0
180
WordPressと琉球の罪
commander_aipa
1
980
Other Decks in Technology
See All in Technology
動画配信サービスのフロントエンド実装に学ぶ設計原則
yud0uhu
1
140
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
12
7.9k
Money-saving tips for the frugal serverless developer
theburningmonk
1
420
TypescriptでのContextualな構造化ロギングと社内全体への導入
leveragestech
3
620
シンプルなHITL機械学習と様々なタスクにおけるHITL機械学習
naohachi89
0
340
グイグイ系QAエンジニアでやっていくよ!
____rina____
0
790
汎用ポリシー言語Rego + OPAと認可・検証事例の紹介 / Introduction Rego & OPA for authorization and validation
mizutani
1
190
AWSの生成AI入門書を執筆しました🎉
minorun365
PRO
0
160
QA Engineer Life @ LINE
line_developers_tw
PRO
0
150
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
15
36k
生成AIがもたらす変革 / GitHubGalaxy_CyberAgent
cyberagentdevelopers
PRO
2
180
.NET GraphQL Client のリアル
sansantech
PRO
1
460
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
7k
For a Future-Friendly Web
brad_frost
172
9k
Optimizing for Happiness
mojombo
371
69k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
jQuery: Nuts, Bolts and Bling
dougneiner
60
7.2k
Gamification - CAS2011
davidbonilla
77
4.6k
Design by the Numbers
sachag
274
18k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Designing with Data
zakiwarfel
96
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ʢདྷո्ͷʂʂʣ