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
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
Search
Nokogiri
October 31, 2023
Technology
3.2k
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
Nokogiri
October 31, 2023
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
3
930
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
220
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.9k
Pipe Operator (|>) の紹介
undefined_name
2
410
FizzBuzzで学ぶOCP
undefined_name
0
170
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.8k
モププロ@kintone開発チーム
undefined_name
1
670
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.4k
Usefull GitLens
undefined_name
3
930
Other Decks in Technology
See All in Technology
Datadog の学び方 - あるいは、オブザーバビリティを学ぶとは何か
mananyuki
1
500
Claude Code本は、どのように執筆チームで書かれたか
oikon48
0
310
AI駆動開発の時代になったのでトヨタ生産方式から見直す
terurou
3
4.6k
しろおびから始める!ログ活用の第一歩
shumei_ito
0
570
いちAWSエンジニアのAI活用を振り返る #devio2026 / devio osaka 2026 kawahara
masahirokawahara
2
410
予測不能な実行エージェントを安全にサクッと試せるサンドボックス環境の話
sansantech
PRO
0
130
[2026-09-30]ロックンロールは鳴り止まないっ - 信頼性かまってちゃん - 「データ駆動を投げ捨ててまで。」追いかける信頼性改善に向けた取り組みの話
tosite
0
210
全人類(ほぼ)AWS Organizations の上でAWSを利用している、その世界を知る話
htan
0
120
DWH の限界突破! AI エージェント向け爆速リアルタイムデータ基盤 ClickHouse
jozono
1
260
The seven pitfalls of AI (revised version)
ufried
0
290
2026-10-01_MagicPod_QAハーネスエンジニアリングとQA組織の未来像
ynisqa1988
1
550
BedrockとLambdaで作る リアルタイム進行型推理ゲーム
kawametho
0
200
Featured
See All Featured
Chasing Engaging Ingredients in Design
codingconduct
0
340
Docker and Python
trallard
47
4.2k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.7k
Design in an AI World
tapps
1
350
A designer walks into a library…
pauljervisheath
211
25k
Fireside Chat
paigeccino
43
4.1k
Navigating Weather and Climate Data
rabernat
0
550
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
How Software Deployment tools have changed in the past 20 years
geshan
2
35k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
We Are The Robots
honzajavorek
0
390
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
550
Transcript
ΤϯδχΞͱ2"ͰίϥϘ͢Δ ϑϩϯτΤϯυϦΞʔΩςΫνϟͷ։ൃࣄྫ #"3ϑϩϯτ͑ΜͲ͏ʮϑϩϯτΤϯυϦΞʔΩςΫτʯ /PLPHJSJ !OLHSOLHS ϑϩϯτΤϯυΤϯδχΞ!DZCP[V
/PLPHJSJ !OLHSOLHS w αΠϘζגࣜձࣾcϑϩϯτΤϯυΤϯδχΞ w ೖࣾɻLJOUPOFͷ৽نػೳ։ൃνʔϜΛܦ ͔ͯΒLJOUPOFͷϑϩϯτΤϯυͷج൫ ৽ϓϩδΣΫτʢϑϩϦΞʣͷ্ཱͪ͛ظ͔Βࢀ ըɻݱࡏϓϩδΣΫτΛਪਐཱ w
ϙέϞϯରઓΨνʢϙέιϧͷμϝܭࢉπʔϧͷ։ൃʣɺೋࣇͷ
LJOUPOFʹ͍ͭͯ w ۀγεςϜΛࣗ༝ʹ࡞ΕΔΫϥυϓϥοτ ϑΥʔϜ w ϦϦʔεͯ͠ w άϩʔόϧల։த w ϓϥάΠϯͳͲΛ࡞͢Δύʔτφʔձ͕ࣾଟ
ଘࡏ
ࠓͷΰʔϧ w ϑϩϦΞͷ׆ಈʹ͍ͭͯ w ΤϯδχΞͱ2"ಉ͡νʔϜͰ։ൃͰ͖Δ w ৬ೳͰઢΛҾ͔ͣʹาΈدΓͳ͕Β։ൃͰ͖Δ ҎԼʹ͍ͭͯͬͯΒ͑Δ
ͳ͢͜ͱ w LJOUPOFͷϑϩϯτΤϯυϦΞʔΩςΫτϓϩδΣ ΫτʢϑϩϦΞʣͱ w ։ൃͷྲྀΕ w ΤϯδχΞ㱻2"ͷίϥϘϨʔγϣϯࣄྫ w ৬ೳΛލ͍ͩίϥϘϨʔγϣϯͷͨΊʹ
ϑϩϦΞͱ
ϑϩϦΞͱ w LJOUPOFͷϑϩϯτΤϯυΛϦΞʔΩςΫτ͢ΔϓϩδΣΫτ w LJOUPOFͷϑϩϯτΤϯυ$MPTVSF5PPMTͱ͍͏ϥΠϒϥϦͰॻ͔Ε ͓ͯΓɺ͜ΕΛ3FBDUʹஔ͖͍͑ͯ͘ w ͨͩͷϦϥΠτͰͳ͘ɺܧଓతʹLJOUPOFͷϑϩϯτΤϯυͷվળ ͕Ͱ͖ΔΑ͏ͳج൫࡞ΓؚΊͯߦ͏
ϓϩδΣΫτͷΰʔϧ w ʮLJOUPOFશͯͷϖʔδ͕3FBDUʹΑͬͯදࣔ͞Ε͍ͯΔʯ w ʮϑϩϯτΤϯυ͕ػೳίϯϙʔωϯτ୯ҐͰׂ͞ΕɺͦΕΛ ཧ͢Δ֤νʔϜ͕ಠཱͯ͠ϥΠϒϥϦߋ৽ٕज़બఆΛߦ͑Δঢ়ଶʹ ͳ͍ͬͯΔʯ w ʮఆৗతͳϢʔβʔମݧʹؔ͢Δࢦඪʢ8FCύϑΥʔϚϯεɺΞΫ ηγϏϦςΟͳͲʣͷܭଌ͕ߦΘΕɺνʔϜͷؔ৺ࣄʹͳ͍ͬͯΔʯ
࣮ࡍʹ৽͍ͯ͠Δը໘ͷྫ
ओͳϝϯόʔͱ৬ೳ w ϓϩμΫτΦʔφʔɺΤϯδχΞɺ2"ɺεΫϥϜϚελʔ͕̍νʔϜ ʹॴଐ͠։ൃΛ͍ͯ͠Δ w σβΠφʔɺBZΤΩεύʔτɺϩʔΧϥΠζ୲ͳͲνʔϜ֎Ͱ దٓίϛϡχέʔγϣϯΛͱΓͳ͕Β։ൃ͍ͯ͠Δ w ͦΕͧΕͷओͳׂ͋Δ͕ɺ৬ೳΛΫϩεΦʔόʔ͠ͳ͕Β৽Λ ਐΊ͍ͯΔ
αΠϘζͷ2"ͬͯͲΜͳࣄʁ w ϓϩμΫτͷ࣭ʹΛ࣋ͭϩʔϧ w ։ൃ͞Εͨػೳʹ͍ͨͯ͠ͲͷΑ͏ͳςετ͕ඞཁ͔ܭը w ςετΛ࣮ࢪ͢Δ w ࣗಈςετΛॻ͘ϝϯόʔ͍Δ w
ಛʹϑϩϯτΤϯυͷ2"ϝϯόʔϚεૢ࡞ͳͲ͚ͩͰͳ͘Ωʔ Ϙʔυૢ࡞ͳͲBZपΓͷࢼݧΛߦ͏͜ͱ͋Δ
։ൃͷྲྀΕ
৽ͷखॱ w ը໘ػೳ୯ҐͰͷ৽ͯ͠ϦϦʔε w جຊతʹطଘͷ༷࠶ݱ͢ΔΑ͏ʹॻ͖͑Λߦ͏ɻ w શʹݱߦػೳอূ͢ΔΘ͚Ͱͳ͍ w σβΠϯ৽ͱηοτͰϦϦʔε͢Δ͜ͱ͋Γ·͢ ৽ػೳ։ൃͱલఏ͕গ͠ҟͳΔ
εϓϦϯτͷྲྀΕ w ࣮͖͢ػೳͷચ͍ग़͠ w ࢼݧ؍ͷચ͍ग़͠ w εϓϦϯτܭը w ࣮ ςετʢࣗಈɾखಈʣ
w 13Ϛʔδ
ΤϯδχΞ㱻2"ͷ ίϥϘϨʔγϣϯࣄྫ
࣮͖͢ػೳͷચ͍ग़͠ w ΤϯδχΞͱ2"Ͱ༷ॻɺڍಈΛ֬ೝ͠ͳ͕Β࡞Δ͖ػೳΛચ ͍ग़͢ w 2"طଘ༷ͷཧղ͕ਂ͍ͷͰʮ࣮༷ॻʹ͔͔Ε͍ͯͳ͍ ػೳ͕͋Δʯʮ͜͜ෆ۩߹͕͋ΔʯͳͲॿݴΛ͢Δͱ͕Ͱ͖Δ w طଘ༷Λ࠶ݱ͢ΔϓϩδΣΫτ͔ͩΒͦ͜2"ͷݟ͕༗༻ w
ΤϯδχΞطଘͷίʔυΛݟͯΑΓৄࡉͳৼΔ͍Λ֬ೝͰ͖ Δ
2"ͱΤϯδχΞͰ૬ஊ͠ͳ͕Β࡞͍ͬͯ͘
ࢼݧ؍ͷચ͍ग़͠ w ओʹ2"͕։ൃ͢Δػೳʹରͯ͠ඞཁͳࢼݧͷચ͍ग़͠Λߦ͏ w ΤϯδχΞࢹͰಛʹ࣮໘͔ΒؾʹͳΔͱ͜ΖͳͲΛ͑Δ w ΤϯδχΞͱ2"Ͱ૬ஊ͠ͳ͕Βςετͷ࣮ࢪํ๏ΛܾΊ͍ͯ͘
ςετͷ࣮ࢪํ๏ આ໌ ิ Ϣχοτ KFTUΛͬͨςετ ؔͷ*Oͱ0VUΛݕࠪ͢Δ ΤϯδχΞ͕ཧɺ2"ཧ͠ͳ ͍ ΠϯςάϨʔγϣϯ 3FBDU5FTUJOH-JCSBSZΛͬͨςετ
ը໘ػೳ୯ҐͷৼΔ͍Λݕࠪ͢Δ ϒϥβςετ 4UPSZCPPLͱQMBZXSJHIUΛͬͨςετ ओʹυϥοάΞϯυυϩοϓ͕ൃੜ͢ΔৼΔ͍Λݕࠪ͢Δ 735 4UPSZCPPLͱ$ISPNBUJDΛͬͨςετ ϥΠϒϥϦΞοϓσʔτͳͲͰఆ֎ͷݟͨͷ͕ࠩͳ͍͜ͱΛݕࠪ͢Δ && 4FMFOJVNΛͬͨςετ αʔόʔαΠυͱͷ݁߹෦Λݕࠪ͢Δ جຊతʹϋοϐʔύεͰ̍ը໘ έʔε खಈ ্هςετͰ୲อͮ͠Β͍Օॴɺ2"ͷܦݧ্ո͍͠ͱ͜ΖͳͲΛݟΔͨ ΊͷςετɻΫϩεϒϥβςετͳͲ
࣮ࡍͷςετͱछྨͷ͚۠
εϓϦϯτܭը w εϓϦϯτΛΤϯδχΞͱ2"ͰͲ͏ա͔͋͢͝Δఔܭը͢Δ w ܭըʹແཧ͕ͳ͍͔ॱௐ͔ͳͲΛேձͰνΣοΫ͢Δ
εϓϦϯτܭըͷྫ
࣮ ςετʢࣗಈɾखಈʣ w ࣮ΤϯδχΞͰߦ͍ɺίʔυϨϏϡʔɺςετࣗಈԽ·Ͱྃ͠ ͨΒ2"ʹखಈࢼݧΛґཔ͢Δ w ରԠ͢ΔػೳʹΑͬͯΤϯδχΞ͕ಈ࡞֬ೝͷΈͰ0,ͱ͢Δ͋ Δ w 2"ͷखಈࢼݧ͕ؒʹ߹Θͳ͍߹ΤϯδχΞ͕ख͏͜ͱ͋Δ
࣮ ςετʢࣗಈɾखಈʣ w 2"͕ࣗಈࢼݧͷίʔυΛϨϏϡʔ͢Δ͜ͱ͋Δ w ͦͷͨΊʹࣗಈࢼݧͷίʔυʹࢼݧखॱΛίϝϯτͱͯ͠هड़͢Δ ͜ͱ͋Δ w 2"͕ςετࣗಈԽʹνϟϨϯδ͢Δ͜ͱ͋ΓɺΤϯδχΞ͕ςε τͷܗ.PDLͷΈΛ࡞ͯ͠2"͕ςετΛॻ͘͜ͱ͋Δ
2"ͱΤϯδχΞͰ͓ޓ͍ʹͰ͖Δ͜ͱΛ૿͍ͯ͘͠
৬ೳΛލ͍ͩ ίϥϘϨʔγϣϯͷͨΊʹ
৬ೳΛ͑ͯίϥϘ͢ΔͨΊʹͰ͖Δ͜ͱ w ڞ௨ͷνʔϜͷඪΛઃఆ͢Δ w εϓϦϯτͷྃ݅ʹࢼݧྃΛೖΕΔ w ϓϩδΣΫτͷඪɺΫΦʔλʔͷඪɺεϓϦϯτͷඪ w ීஈ͔Βίϛϡχέʔγϣϯ͕औΕΔؔੑΛ࡞Δ w
ຖேձͰձ͢Δ w ཧతʹձͬͯؔੑΛߏங͢Δ
৬ೳΛ͑ͯίϥϘ͢ΔͨΊʹͰ͖Δ͜ͱ w ৬ೳͰࣄΛ۠Β͓ͣޓ͍ͷࣄΛͬͯΈΔ w ΤϯδχΞ͕ࢼݧઃܭɺ2"͕ςετࣗಈԽͳͲ w ڞ௨ͷඪୡͷͨΊʹྖҬΛΫϩεΦʔόʔ͍ͯ͘͠
None
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 8&"3&)*3*/(