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
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
920
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
220
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.8k
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
920
Other Decks in Technology
See All in Technology
AI・HPC開発を支えるGPU環境の新しい選択肢 液冷GPUシステム「AquSys」の取り組み
gpuunite_official
0
240
AIエージェントのためのデータ設計
daiz21
0
220
dbt in Microsoft Fabric
ryomaru0825
0
250
NANDでも描画したい!
nichica906
3
730
ClaudeCodeでセキュリティ監視業務を半自動化_1年の運用でわかったAIに任せる設計の5つのポイント
kintotechdev
2
280
カーネルまで探検して理解するふたつの自動計装
sumiyae
0
310
Digital Credentials API × OpenID4VP ブラウザ完結型本人確認の実装知見(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
250
AWSとAzureのマルチクラウド活用における強い味方___AWS_Kiroを使った二刀流スキル作成.pdf
duelist2020jp
0
110
EUDIWの枠組みを出発点に民間エコシステムの在り方を考える(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
260
Digitization部 紹介資料
sansan33
PRO
2
7.7k
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
みてねにおけるAI-DLC導入活動とAIドリブン開発の現在地/JAWS-UG AI-DLC #2
isaoshimizu
2
110
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.9k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
250
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
660
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
470
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
410
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
630
Bash Introduction
62gerente
615
220k
Facilitating Awesome Meetings
lara
57
7.1k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
480
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*/(