Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンドだけで機械学習

Avatar for Aipa Aipa
November 22, 2022
Technology
0
740

 フロントエンドだけで機械学習

フロントエンドカンファレンス沖縄で発表したスライドです

Avatar for Aipa

Aipa

November 22, 2022
Tweet

More Decks by Aipa

See All by Aipa
Devinと電話する
Avatar for Aipa commander_aipa
0
5
Gemini CLI x gcloud CLI x Chrome DevTools MCP で、Google Cloudに乗っているアプリケーションのバグFixをいい感じにする
Avatar for Aipa commander_aipa
0
66
ピンチヒッターです。なにか話します
Avatar for Aipa commander_aipa
0
140
おれたちはいつDXできるのか
Avatar for Aipa commander_aipa
1
88
ウンケーニオキタコワイハナシ
Avatar for Aipa commander_aipa
0
150
Nuxt3 Deeeeeeeeeeeeeeeeeeeeeploy
Avatar for Aipa commander_aipa
0
200
Meilisearchでハイブリッドベクトル検索
Avatar for Aipa commander_aipa
0
170
Honoの導入を検討していたが、Honoの人が来沖するらしいので、急いでHonoを導入した話
Avatar for Aipa commander_aipa
0
220
Dの意思は神を殺す
Avatar for Aipa commander_aipa
0
120

Other Decks in Technology

See All in Technology
M&Aで拡大し続けるGENDAのデータ活用を促すためのDatabricks権限管理 / AEON TECH HUB #22
Avatar for GENDA genda
0
300
ESXi のAIOps だ！2025冬
Avatar for Unno Wataru unnowataru
0
450
AWS re:Invent2025最新動向まとめ（NRIグループre:Cap 2025）
Avatar for KoheiGamo gamogamo
0
140
SES向け、生成AI時代におけるエンジニアリングとセキュリティ
Avatar for LongbowXXX longbowxxx
0
260
「駆動」って言葉、なんかカッコイイ_Mitz
Avatar for comucal comucal
PRO
0
130
AI with TiDD
Avatar for Shiraji shiraji
1
330
AR Guitar: Expanding Guitar Performance from a Live House to Urban Space
Avatar for Ekito ekito_station
0
270
The State of AI Agent Security：2025年の総括と2026年の宿題
Avatar for Yutaka Hiroyama pict3
0
110
「アウトプット脳からユーザー価値脳へ」がそんなに簡単にできたら苦労しない #RSGT2026
Avatar for Aki / @LoveIdahoBurger aki_iinuma
3
490
[2025-12-12]あの日僕が見た胡蝶の夢 〜人の夢は終わらねェ AIによるパフォーマンスチューニングのすゝめ〜
Avatar for tosite tosite
0
220
Bedrock AgentCore Evaluationsで学ぶLLM as a judge入門
Avatar for ShichijoYuhi shichijoyuhi
2
300
Agent Skillsがハーネスの垣根を超える日
Avatar for Gota gotalab555
7
4.9k

Featured

See All Featured
Between Models and Reality
Avatar for mayunak mayunak
0
150
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.1k
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
320
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.8k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
30
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
660
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1k

Transcript

  1. ϑϩϯτΤϯυ ΧϯϑΝϨϯεԭೄ2022 ϑϩϯτΤϯυ͚ͩͰػցֶश @aipacommander 2022/11/19

  2. ࣗݾ঺հ • @aipacommanderʢΞΠύʔୂ௕ʣ • ԭೄݝͰ࠺ͱࢠڙ2ਓͱݘ2ඖͱೣ1ඖͰੜ׆ • CBCloudגࣜձࣾͰۈ຿͢ΔϑϩϯτΤϯυΤϯδχΞʢݞॻʣ • ೖࣾͯ͠ಡΈॻ͖ͨ͠ݴޠ͸DartʢFlutterʣɺScalaɺRubyɺGASɺPython… •

    ϑϩϯτΤϯυΤϯδχΞɾɾɾɾʁ • ໿3ϲ݄લ͸ɺͪΎΒσʔλʹ͍·ͨ͠

  3. ͓΍ɾɾɾʁ

  4. લ৬ vs ݱ৬ ʢ͜ͷεϥΠυ͸ൃදޙʹരൃͯ͠ফ͑·͢ʣ

  5. ຊ೔࿩͢͜ͱ

  6. https://www.tensor fl ow.org/js

  7. TensorFlow.jsͱ͸ • ϒϥ΢βʢJavaScriptʣͰσΟʔϓϥʔχϯάͰ͖Δ͍͢͝΍ͭ • Tensor fl owʢPythonʣΛ஌ͬͯͨΒॻ͚ͦ͏ͳงғؾͷ͍͢͝΍ͭ • Ұੲલ͸deeplearn.jsͱݺ͹Εͯͨॏ͍΍ͭʢ๻ͷओ؍ʣͩͬͨ •

    2022೥ݱࡏ͸౰࣌ͱൺ΂ͨΒര଎ʹͳ͍ͬͯΔ͍͢͝΍ͭ

  8. Ͱ͖Δ͜ͱʢGoogleͷϒϩάΑΓʣ • ͜Ε·Ͱग़͖ͯͨϞσϧ͸͍͍ͩͩΠέΔʢงғؾʣ • BodyPixʢGoogle meetʹ͋Δഎܠ΅͔͠ʣ • BERTΛ࢖ͬͨChrome Pluginʢϖʔδ಺ݕࡧػೳʹ࣭໰Λॻ͘ͱɺ ֘౰ʢճ౴ͱ༧ଌ͞Εͨʣจষ͕ϋΠϥΠτ͞ΕΔʣ

  9. ͠Ύ͍͝ʢ͍͢͝ʣ

  10. ʢվΊͯʣ ຊ೔࿩͢͜ͱ

  11. ຊ೔࿩͢͜ͱ •؆୯ͳνϡʔτϦΞϧ • ม਎σϞ → ແཧͰͨ࣍͠ճ • ήʔϜͱউෛ͢ΔσϞ → ࡢ೔׬੒ͤ͞Δ༧ఆ͕ͩͬͨಥવ໺ੜͷҿΈձ͕(ry

    
 
 
 ※Nuxt3ͷઆ໌͸͠ͳ͍Ͱ͕͢ɺσϞ͸Nuxt3্Ͱಈ͍͍ͯ·͢

  12. ؆୯ͳνϡʔτϦΞϧ

  13. ༻ҙ͢Δ΋ͷ https://avinton.com/blog/2018/03/single-shot-multibox-detector-explained1/

  14. TensorFlow Hub https://t fh ub.dev/tensor fl ow/ssd_mobilenet_v2/2

  15. εςοϓ 1. TensorFlow.jsͷΠϯετʔϧ 2. WebΧϝϥ͔ΒಈըͷऔಘˠCanvas΁දࣔ 3. ϞσϧͷηοτΞοϓ 4. Ϟσϧʹೖྗ͢Δ 5.

    Ϟσϧͷग़ྗΛՃ޻͢Δ 6. ݁Ռදࣔ

  16. ᶃScriptλάɾnpmɾyarnͰΠϯετʔϧ https://www.tensor fl ow.org/js/tutorials/setup?hl=ja

  17. ᶄಈըʢը૾ʣΛೖྗ͢Δ४උ̍

  18. ᶄಈըʢը૾ʣΛೖྗ͢Δ४උ̎

  19. ᶅϞσϧͷηοτΞοϓ

  20. ᶆϞσϧʹΧϝϥ͔Βͷσʔλʢը૾ʣΛ ೖྗ͢Δ̍

  21. ᶆϞσϧʹΧϝϥ͔Βͷσʔλʢը૾ʣΛ ೖྗ͢Δ̎

  22. ᶆϞσϧʹΧϝϥ͔Βͷσʔλʢը૾ʣΛ ೖྗ͢Δ̏

  23. ᶆϞσϧʹΧϝϥ͔Βͷσʔλʢը૾ʣΛ ೖྗ͢Δ̐ 1൪໨͸ϥϕϧ(ཁૉ൪߸)ͱ ༧ଌ֬཰ʢ1ʹ͍ۙ΄Ͳࣗ৴͕͋Δʣ ̎൪໨͸bounding boxͷҐஔ [y, x, yͷେ͖͞, xͷେ͖͞]

  24. ิ଍ https://avinton.com/blog/2018/03/single-shot-multibox-detector-explained1/ ̎൪໨͸bounding boxͷҐஔ [y, x, ॎͷαΠζ, ԣͷαΠζ] : [0,

    0] 9 [y, x] ԣͷαΠζ ॎͷαΠζ [ ॎͷαΠζ - y, ԣͷαΠζ - x ]

  25. ᶇϞσϧͷग़ྗΛՃ޻͢Δˠᶈ݁Ռදࣔ

  26. σϞ

  27. ͳͥͳͷ͔ ʘiϑΟʔϧυ!!ʗ • ݕग़݁Ռશ෦දࣔ͢Δͱ͜͏ͳΔ • ϑΟϧλͷςΫχοΫʢSSDͷجຊͷ࿩ʣ • ༧ଌ֬཰ʢ৴པ౓ʣͰߴ͍ॱʹιʔτͯ͠ϑΟϧλ • Intersection

    over UnionʢIoUʣͰϑΟϧλ • 2ͭͷbounding box͔ΒείΞΛܭࢉ͢Δ • bounding box͕׬શʹॏͳ͍ͬͯͨΒ1ʹͳΔ • ͋ΘͤͯɺNonmaximum suppressionʢNMSʣͰ 
 ॏͳ͍ͬͯͯ׌ͭɺIoU͕খ͍͞bounding boxΛ࡟আ

  28. ͳΜͱ࣮૷͞Ε͍ͯΔ

  29. ࠶ͼσϞ

  30. ·ͱΊ

  31. ·ͱΊ • ϒϥ΢βʢJavaScriptʣͰσΟʔϓϥʔχϯά͸Ͱ͖Δ • ࠓ೔͸঺հͰ͖ͳ͔ͬͨͰ͕͢ɺ͍ΖΜͳ͜ͱ͕Ͱ͖Δ • ϒϥ΢βͰֶश΋Ͱ͖ΔɺసҠֶश΋͍͚Δ • όοΫΤϯυʹWASM͕༻ҙ͞Ε͍ͯΔͨΊɺΑΓϙʔλϒϧʹ ʢNode.js͕ಈ͘αʔόͰ΋ಈ࡞͢Δʣ

  32. ͓·͚σϞʢ͕࣌ؒ͋Ε͹ʣ

  33. ENDʢདྷ೥͸ո्ͷ೥ʂʂʣ