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
690
フロントエンドだけで機械学習
フロントエンドカンファレンス沖縄で発表したスライドです
Aipa
November 22, 2022
Tweet
Share
More Decks by Aipa
See All by Aipa
ピンチヒッターです。なにか話します
commander_aipa
0
120
おれたちはいつDXできるのか
commander_aipa
1
71
ウンケーニオキタコワイハナシ
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
98
ファインチューニングがしたい
commander_aipa
0
190
サクッと検索サーバを用意する
commander_aipa
0
210
Other Decks in Technology
See All in Technology
AWS DDoS攻撃防御の最前線
ryutakondo
1
130
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
1
120
みんなのSRE 〜チーム全員でのSRE活動にするための4つの取り組み〜
kakehashi
PRO
2
140
Claude CodeでKiroの仕様駆動開発を実現させるには...
gotalab555
3
910
LIFF CLIとngrokを使ったLIFF/LINEミニアプリのお手軽実機確認
diggymo
0
230
データモデリング通り #2オンライン勉強会 ~方法論の話をしよう~
datayokocho
0
120
生成AI導入の効果を最大化する データ活用戦略
ham0215
0
110
リリース2ヶ月で収益化した話
kent_code3
1
200
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
270
Jamf Connect ZTNAとMDMで実現! 金融ベンチャーにおける「デバイストラスト」実例と軌跡 / Kyash Device Trust
rela1470
0
150
Amazon Q Developerを活用したアーキテクチャのリファクタリング
k1nakayama
2
190
✨敗北解法コレクション✨〜Expertだった頃に足りなかった知識と技術〜
nanachi
1
560
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
134
9.5k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
BBQ
matthewcrist
89
9.8k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Optimizing for Happiness
mojombo
379
70k
Side Projects
sachag
455
43k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
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ʢདྷո्ͷʂʂʣ