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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
340
OCaml -> Melange -> fun
sdaigo
0
440
Mapbox for Web Application
sdaigo
0
190
Spring with React for Enterprise Application
sdaigo
0
8.7k
Other Decks in Programming
See All in Programming
スマートグラスで並列バイブコーディング
hyshu
0
250
技術的負債解消で開発者の未来を開く- AIの力でコード刷新
kmd2kmd
0
110
Oxlintのカスタムルールの現況
syumai
6
1.1k
AIで効率化できた業務・日常
ochtum
0
140
AIを活用したE2Eテスト実装効率化のあゆみ / ebisu-mobile-14-kotetu
kotetuco
0
130
さぁV100、メモリをお食べ・・・
nilpe
0
150
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
160
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
manfredsteyer
PRO
0
120
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
ioki
0
210
Dataformのリポジトリを立ち上げるときにまずやること / dataform-day0-2026
snhryt
0
180
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
260
Spec Driven Development | AI Summit Lisbon
danielsogl
PRO
0
200
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
GraphQLとの向き合い方2022年版
quramy
50
15k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.9k
The untapped power of vector embeddings
frankvandijk
2
1.8k
Become a Pro
speakerdeck
PRO
31
6k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
66
55k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.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 ͱͯ͠ ϓϩμΫτʹΈࠐΜͰ͍͚Δͱ͍͍ͳ ීஈͬͯΈͯײ͍ͯ͡Δ͜ͱ