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
ChatGPT を読書の供にする - Webナイト宮崎 Vol.17
Search
daigo3
April 14, 2023
Programming
480
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
350
OCaml -> Melange -> fun
sdaigo
0
450
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
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
guvalif
PRO
1
170
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
1.5k
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
slashnephy
0
530
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
yuriko1211
0
510
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
raiga0310
2
330
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
cottpan
1
140
コーディングルールの鮮度を保ちたい for SRE NEXT 2026 / keep-fresh-go-internal-conventions-sre-next-2026
handlename
0
140
AI時代の仕事技芸論〜ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ(スクフェス仙台 2026バージョン)
kuranuki
0
660
SREの積み重ねがAI駆動開発のガードレールになった ― 7つの実践/SRE Guardrails The 7
tomoyakitaura
8
4.5k
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
150
Generative UI & AI-Assistants for Your Angular Solutions
manfredsteyer
PRO
0
110
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
luccafort
PRO
0
400
Featured
See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
320
Docker and Python
trallard
47
4k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Optimizing for Happiness
mojombo
378
71k
Code Reviewing Like a Champion
maltzj
528
40k
Producing Creativity
orderedlist
PRO
348
40k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
Unsuck your backbone
ammeep
672
58k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
190
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 ͱͯ͠ ϓϩμΫτʹΈࠐΜͰ͍͚Δͱ͍͍ͳ ීஈͬͯΈͯײ͍ͯ͡Δ͜ͱ