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
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
convto
5
8.2k
Intent as Code
shoppingjaws
6
1.1k
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
910
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
1
310
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
240
【高い買い物LT会】初任給で話題の国産フィジカルAIを買った話
akagami
PRO
0
170
大喜利で理解するLLM as a Judge / Understanding LLM-as-a-Judge through Ogiri
rockname
0
160
AWS DevOps Agentで インシデント対応をAIに任せたい
honmarkhunt
7
3.1k
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
bash0c7
0
440
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
riku_sakamoto
0
350
スマート反転とウェブアクセシビリティ
camiha
0
210
SREの越境 / SRE Collaboration
y0hgi
2
270
Featured
See All Featured
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
670
Thoughts on Productivity
jonyablonski
76
5.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2.1k
Unsuck your backbone
ammeep
672
58k
Amusing Abliteration
ianozsvald
1
310
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
500
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
570
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
530
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
510
Making the Leap to Tech Lead
cromwellryan
135
10k
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 ͱͯ͠ ϓϩμΫτʹΈࠐΜͰ͍͚Δͱ͍͍ͳ ීஈͬͯΈͯײ͍ͯ͡Δ͜ͱ