Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ChatGPT を読書の供にする - Webナイト宮崎 Vol.17
Search
daigo3
April 14, 2023
Programming
500
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ChatGPT を読書の供にする - Webナイト宮崎 Vol.17
daigo3
April 14, 2023
More Decks by daigo3
See All by daigo3
Next.js in Practice
sdaigo
0
370
OCaml -> Melange -> fun
sdaigo
0
470
Mapbox for Web Application
sdaigo
0
200
Spring with React for Enterprise Application
sdaigo
0
8.8k
Other Decks in Programming
See All in Programming
iOSDC Japan 2026 - Swiftで作って学ぼう!データベース自作入門
kaseken
2
310
UPDATE をやめる — EF Core でマスタをバージョン管理する
panda728
PRO
0
390
wkhtmltopdfの次どうするか問題2026
willnet
2
1.6k
モジュールの視点からSwiftを読み解く #iosdc
s_shimotori
0
190
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
hatsu38
0
390
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
yuukiw00w
0
240
setup-vp GitLab対応の裏側
naokihaba
0
120
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
riku_sakamoto
0
350
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
danybony
1
260
20260914 AIエージェント時代のPlatform Engineering LLM基盤とプロダクトの責務境界線
kanfab1
7
2.2k
巨大モノリシックアプリ モダン化大作戦
ktcryomm
1
1.1k
JPUG勉強会 OSSデータベースの内部構造を理解しよう(第2回)
oga5
0
270
Featured
See All Featured
Skip the Path - Find Your Career Trail
mkilby
1
240
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
ラッコキーワード サービス紹介資料
rakko
1
5M
Odyssey Design
rkendrick25
PRO
2
810
Navigating Team Friction
lara
192
16k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Deep Space Network (abreviated)
tonyrice
0
320
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
260
Facilitating Awesome Meetings
lara
57
7.1k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
Transcript
sdaigo | 2023-04-15 ChatGPT Λಡॻͷڙʹ͢Δ WebφΠτٶ࡚ Vol.17
• ԣੜ·Εɺԣҭͪ • 2022ʹٶ࡚ʹҠॅ͖ͯ͠·ͨ͠ɻࠤݪࡏॅ • ԣͷιϑτΣΞσβΠϯձࣾͰ UX/UI/ϑϩϯτΤϯυɾһΛͬͯ·͢ @sdaigo / ઃᒜେޛ
ChatGPT
ίʔυΛॻ͔ͤͨΓ
ϨϏϡʔͯ͠ΒͬͨΓ
ڭ͑ͯΒͬͨΓ
ࣄؙ͛ͨ͠Γ
None
Whisper ChatGPT Speech to text Chat Completion Իಡͨ͠༰Λจࣈىͯ͜͠͠ɺཁɾϚΠϯυϚοϓΛ ࡞͢ΔπʔϧΛ࡞ͬͯΈͨ จࣈى͜͠
ཁɾϚΠϯυϚοϓग़ྗ
Whisper ChatGPT Speech to text Chat Completion MediaRecorder Ͱϒϥβ্ͰԻ Whisper
Ͱจࣈى͜͠ ChatGPT Ͱཁɾग़ྗ
Whisper ChatGPT Speech to text Chat Completion ԻϑΝΠϧ ߦಈ৺ཧֶೝ৺ཧֶͷݚڀ͔ΒಘΒΕͨࣝɺਓؒத৺ͷϢʔ βʔମݧΛ࡞ΔͨΊͷॏཁͳجૅͱͳΔɻݐஙՈ͕ۭؒମݧΛੵͯ͠
ΑΓྑ͍ݐΛ࡞Δͷͱಉ༷ʹɺσβΠφʔ͕ਓͷৼΔ͍Λཧղͯ͠ ΑΓྑ͍σβΠϯΛ࡞Δ͜ͱ͕Ͱ͖Δɻ ͜ͷΑ͏ͳࣝΛͲͷΑ͏ʹΈཱͯΔ͔͕ॏཁͰ͋Δɻ MermaidͰͷϚΠϯυϚοϓ: graph LR A[ߦಈ৺ཧֶೝ৺ཧֶͷݚڀ] --> B[ਓؒத৺ͷϢʔβʔମݧͷجૅ] C[ۭؒମݧΛੵͨ͠ݐங෦] --> D[ΑΓྑ͍ݐΛ࡞Δ] E[ਓͷৼΔ͍Λཧղͨ͠σβΠφʔ] --> F[ΑΓྑ͍σβΠϯΛ࡞Δ] B --> E D --> C F --> E Output Output Output ߦಈ৺ཧֶೝ৺ཧֶͷݚڀ͔ΒಘΒΕͨࣝɺσβΠφʔ͕ਓؒ த৺ͷϢʔβʔମݧΛ࡞Γग़ͨ͢ΊͷوॏͳجૅͱͳΔɻਓؒͷۭؒମ ݧΛख़ͨ͠ݐஙՈ͕ྑ͍ݐΛ࡞Δͷͱಉ͡Α͏ʹɺਓͷৼΔ͍Λ ྑ͘ཧղ͍ͯ͠ΔσβΠφʔΑΓΑ͍σβΠϯΛ࡞Γग़ͩ͢Ζ͏ɻ ͜͏ͨ͠ৄࡉͳࣝΛͲͷΑ͏ʹΈཱͯɺͦͯͦ͠ΕΛͲ͏σβΠϯ ϓϩηεͷҰ෦ʹΈࠐΜͰ͍͔͕͘՝ʹͳΔɻ MediaRecorder Ͱϒϥβ্ͰԻ Whisper Ͱจࣈى͜͠ ChatGPT Ͱཁɾग़ྗ
None
• ʢ·ͩʁʣੑ͕ඞཁͳ͜ͱΛҾ͖ग़ͨͯ͘͠ ຌ༱ͳΞΠσΞ͔͠ಘΒΕͳ͍ͷͰɺϓϩͷਓ͕ؒग़͢ΞΠσΞͱ ൺֱ͢Δͱ͍ʹͳΒͳ͍ • ҰํͰΘ͔Βͳ͍͜ͱɺௐ͍ͨ͜ͱ͕ ʮάάΔʯ͔Βྡͷਓʹฉ͘ͱ͍͏ײ֮ʹͳΓ ҰൠతͳճΛಘΒΕΔͷͰɺΞγελϯτͱͯ͠༏ल • ϢʔβʔͷΞγελϯτͯ͠ಇ͘
AI ͱͯ͠ ϓϩμΫτʹΈࠐΜͰ͍͚Δͱ͍͍ͳ ීஈͬͯΈͯײ͍ͯ͡Δ͜ͱ