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
ワタシとPodcast
Search
nus3
January 20, 2024
Programming
2
1.2k
ワタシとPodcast
In BuriKaigi2024
nus3
January 20, 2024
Tweet
Share
More Decks by nus3
See All by nus3
WebDriver BiDiとは何なのか
yotahada3
1
120
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.5k
フロントエンドクイズ大会
yotahada3
0
54
Node.jsのWorker threadsの話
yotahada3
1
800
Do you like Storybook?
yotahada3
2
4.2k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
770
App Runner & Next.js
yotahada3
0
120
frontend-couse03
yotahada3
1
110
frontend-couse02.pdf
yotahada3
0
65
Other Decks in Programming
See All in Programming
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
350
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
670
2025.01.17_Sansan × DMM.swift
riofujimon
3
700
Linux && Docker 研修/Linux && Docker training
forrep
23
4.3k
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
390
functionalなアプローチで動的要素を排除する
ryopeko
1
1.2k
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
160
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
220
時計仕掛けのCompose
mkeeda
1
260
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
680
はてなにおけるfujiwara-wareの活用やecspressoのCI/CD構成 / Fujiwara Tech Conference 2025
cohalz
3
4.6k
Featured
See All Featured
Building Applications with DynamoDB
mza
93
6.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
128
19k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
The Language of Interfaces
destraynor
156
24k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
530
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
300
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Transcript
ϫλγͱ1PEDBTU JO#VSJ,BJHJ
OVTʢͳ͢͞Μʣ ࡀஉੑಢݝࡏॅ ڈͱൺͯεϥΠυ͕μʔΫͰΧοίΑ͘ͳͬͨΜͰ ຊਓൺ IUUQTTQFBLFSEFDLDPNZPUBIBEBOJBOZJTIBOHTPLLVQVSPEBLVUPOPIVSPOUPFOEPTIVBYJOQVSP[JFLVUPOPIVSJLBFSJ
એ ޙͷΕ͔ͯ͑͑Βɺ͜Ε͚֮ͩ͑ͯͳʂ
αΠϘζʹ ϋγί ͱ͍͏ϑϩϯτΤϯυͷϚείοτΩϟϥΫλʔ͕͍Δ
αΠϘζʹ ϋγί ͱ͍͏ϑϩϯτΤϯυͷϚείοτΩϟϥΫλʔ͕͍Δ
Πϕϯτ༻ʹ࡞ͬͨάοζ
IUUQTCMPHDZCP[VJPFOUSZ ৽͍͠άοζΛ࡞Γ͍ͨͶΜʜ ͦͷͨΊʹೝΛ্ͤͳ͔͋ΜͶΜʜ
ϫλγͱ1PEDBTUͷग़ѭ͍ ͦΕɺίϩφશظͷࠒͳɻ ͏·͍ʂࢁా͘Μɺ࠲ஂຕ࣋ͬͯͬͯʙ
ίϩφՒͰνʔϜҎ֎ͷਓͱΔػձগͳ͘ ͳͬͪΌͬͨʜ ଞͷνʔϜ͕ԿͬͯΔ͔͋Μ· Θ͔Μͳ͍ʜ લ৬ࡏ੶࣌ͷOVT
ͦΜͳͱ͖
IUUQTXXXZPVUVCFDPNMJWF%:ZHPMJ;'JX TJN)XQ4Y,N(0."N5
IUUQTXXXZPVUVCFDPNMJWF%:ZHPMJ;'JX TJN)XQ4Y,N(0."N5 ΤϯδχΞͷਓ͕ ύʔιφϦςΟͬͯΔʂʂ
ΊͬͪΌָͦ͠͏Μʂ લ৬ࡏ੶࣌ͷOVT
IUUQT[FOOEFWOVTBSUJDMFTBDGBDGDCFE ࣾ1PEDBTUΛ͡Ίͨ
ࠓͬͯΔ1PEDBTU એΛ݉ͶͱΜͳ
IUUQTTUBOEGNDIBOOFMTFGECFGD શཧղ'.
શཧղ'. ͕ࣗͨͪؾʹͳΔٕज़τϐοΫΛΏΔ͘͢ 1PEDBTU ༑ਓ LL ͱҰॹʹͬͱΔΒ͍͠Ͱ ڈͷޙ͙Β͍͔Βߋ৽ࢭ·ͬͯΜ͚Ͳɺࠓ·ͨͬͯ͘Μͯ
αΠϘζϑϩϯτΤϯυ௨৴ αΠϘζͷ ϑϩϯτΤϯυτϐοΫΛ ͬ͘͟ΒΜʹ͢1PEDBTU αΠϘζ͚ͩ͡Όͳͯ͘৭Μͳձࣾͷฉ͖ͨͳ͍ʁ
(FUUJOH4UBSUFE1PEDBTU αΠϘζϑϩϯτΤϯυ௨৴Λྫʹ
1PEDBTUΛΓ͍ͨͱએݴ͢Δ ϩΰΛ࡞Δɺ࡞ͬͯΒ͏ ήετͱςʔϚΛ͢͜ͱΛߟ͑Δ ఆܕΛߟ͑Δ ͍͟ऩ
1PEDBTUΛΓ͍ͨͱએݴ͢Δ ͜Ε͍ͭͷؒʹ͔ੵ·ΕͨόοΫϩά એݴͰ͖ͨΒྃͱݴͬͯաݴͳ͍Ͱ
ϩΰΛ࡞Δɺ࡞ͬͯΒ͏ ૉఢͳϩΰ࡞ͬͯΒͬͯɺϞνϕര্͕Γ͌ʂʂ
αΠϘζͷΫϦΤΠςΟϒνʔϜͷਓͨͪɺ΄Μ·ɺ͓͓͖ʹͳ͊ ͜Ε࡞͍͍ͬͯͨͩͨϩΰͷผҊ ϩΰΛ࡞Δɺ࡞ͬͯΒ͏
ήετɺςʔϚɺ͢͜ͱΛߟ͑Δ
ఆܕจΛߟ͑Δ
͍͟ऩ w ੜ৴Ͱͳ͘ऩʹ͢Δ͜ͱͰɺؾָʹ w ࢘ձϦεφʔͱಉ͡ઢʹͳΔ w ԿΒͳ͍ਓʹͳΔ w ࢘ձʮ͔ͬͨʯ͠ͳ͍ w
࢘ձฉ͍ͨ༰Λࣗͷݴ༿Ͱݴ͍͑ͯΈΔ
1PEDBTUͷྑ͍ͱ͜Ζ
1PEDBTUͷྑ͍ͱ͜Ζ w ૉʹ͍ΖΜͳ͜ͱΛฉ͚Δ ࢘ձઢ w ʮͳ͕ΒʯͰฉ͚Δ w จষͰಡΈऔΕͳ͍ɺͦͷਓͷΩϟϥΫλʔੑ Λײ͡ΒΕΔ
1PEDBTUΛͬͯΈͯͷֶͼ
ਓʹΑͬͯ४උͷίετ͕ҧ͏ ؾָʹใൃ৴Ͱ͖ΔͰʂͬͯએ͚ͯͨ͠ͲɺͦΜͳ͜ͱͳ͔ͨΘ
ෆշײ͕ͳ͍͜ͱΛҙࣝ͢Δ ͳ͕ΒͰฉ͍ͯΔਓ͕ଟ͍ͶΜɻϚΠΫͷԻ࣭ͱ͔աͳ૬ଧͨͳ͍ͱ͔
OVTͷ͓͢͢Ί 1PEDBTUͰ࣮ࡍʹͬͯΔͭΛԿݸ͔հ͢ΜͰ
ϚΠΫ ͍͍͓ஈͶΜ͚Ͳɺຬߴ͍ͶΜɻ࠷ۙɺΠϠϗϯ4IVSFʹͨ͠ΜΑ IUUQTXXXTIVSFDPNKB+1QSPEVDUTNJDSPQIPOFTNW w 64#͍͚Δ w ԻΊͬͪΌΫϦΞ w ͍͍͓ஈ͢Δ 4IVSF.7
ϚΠΫελϯυ IUUQTBN[OBTJBEE778.% w 4IVSF.7͙͚ͬͭ͘͢ΒΕΔ w έʔϒϧ͕εοΩϦ "MUFS[POFϚΠΫελϯυ
#(. IUUQTXXXZPVUVCFDPN!4IBSPV ͏߹ͪΌΜͱར༻نಡΉΜͰʂ w Έͳ#(.͕ଟ͍ w ࡞ۀ༻#(.ͱͯ͠ Α͘ௌ͍ͯΔ
தͰ͖ͳ#(. ΄Μ·ʹ͍͍ۂ͕ଟ͍ΜΑ $BTTFUUF5BQF%SFBN िژݱ࣮ಀආ αϯλதԝઢͰͬͯ͘Δ
ฤूιϑτ ฤूॳ৺ऀͬͨΜ͚ͲɺΧοτͱ͔#(.ࡌͤΔͱ͔͙͢Ͱ͖ΔΑ͏ͳͬͨΘ w ؾܰʹ࢝ΊΒΕΔ w GSFF൛Ͱฤूʹ͍͍ͨػೳ େମଗͬͯΔ %B7JODIJ3FTPMWF
ฤूιϑτ %B7JODIJ3FTPMWF IUUQTGPSVNCMBDLNBHJDEFTJHODPNWJFXUPQJDQIQ GU ଟɺ༻Ͱ͍͍ͬͯͣʜɻ͔͋Μ͔ͬͨΒͬͦ͜Γڭ͑ͯ
1PEDBTUΠΠκʂ ४උฤूͳͲେมͳ͜ͱ͋ΔΜ͚Ͳɺָ͍͠Ͱʂ