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
490
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
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
gotok365
3
2.8k
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
220
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
390
生成AIで帳票OCRが「簡単に」作れる時代になった?
kon_shou
0
790
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
490
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
780
komatsuna「分散システムにおけるバグ分析手法」
komatsunaqa
0
250
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
350
AIが無かった頃の素敵な出会いの話
codmoninc
1
420
テーブルをDELETEした
yuzneri
0
140
人間の目はかわらない、だからJPEGは30年もつ
yuzneri
12
18k
VibeCodingからAgenticWorkflowへ
starfish719
0
420
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Prompt Engineering for Job Search
mfonobong
0
400
The Cult of Friendly URLs
andyhume
79
7k
Building Applications with DynamoDB
mza
96
7.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
790
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Un-Boring Meetings
codingconduct
0
380
The Mindset for Success: Future Career Progression
greggifford
PRO
0
440
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
270
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 ͱͯ͠ ϓϩμΫτʹΈࠐΜͰ͍͚Δͱ͍͍ͳ ීஈͬͯΈͯײ͍ͯ͡Δ͜ͱ