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
670
フロントエンドだけで機械学習
フロントエンドカンファレンス沖縄で発表したスライドです
Aipa
November 22, 2022
Tweet
Share
More Decks by Aipa
See All by Aipa
ピンチヒッターです。なにか話します
commander_aipa
0
110
おれたちはいつDXできるのか
commander_aipa
1
62
ウンケーニオキタコワイハナシ
commander_aipa
0
110
Nuxt3 Deeeeeeeeeeeeeeeeeeeeeploy
commander_aipa
0
160
Meilisearchでハイブリッドベクトル検索
commander_aipa
0
120
Honoの導入を検討していたが、Honoの人が来沖するらしいので、急いでHonoを導入した話
commander_aipa
0
190
Dの意思は神を殺す
commander_aipa
0
93
ファインチューニングがしたい
commander_aipa
0
190
サクッと検索サーバを用意する
commander_aipa
0
200
Other Decks in Technology
See All in Technology
Azure AI Foundryでマルチエージェントワークフロー
seosoft
0
180
UIテスト自動化サポート- Testbed for XCUIAutomation practice
notoroid
0
130
Snowflake Summit 2025 データエンジニアリング関連新機能紹介 / Snowflake Summit 2025 What's New about Data Engineering
tiltmax3
0
310
データプラットフォーム技術におけるメダリオンアーキテクチャという考え方/DataPlatformWithMedallionArchitecture
smdmts
5
620
SalesforceArchitectGroupOsaka#20_CNX'25_Report
atomica7sei
0
150
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.2k
生成AIでwebアプリケーションを作ってみた
tajimon
2
140
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
220
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
i35_267
4
1.5k
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
200
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.1k
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
200
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Unsuck your backbone
ammeep
671
58k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Docker and Python
trallard
44
3.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
The World Runs on Bad Software
bkeepers
PRO
69
11k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
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ʢདྷո्ͷʂʂʣ