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
Frontend_Developers_Experience__Why_What_How_.pdf
Search
Yosuke Furukawa
PRO
April 10, 2021
Programming
1
4.1k
Frontend_Developers_Experience__Why_What_How_.pdf
Developer eXperience Day 2021 の登壇資料です。
Yosuke Furukawa
PRO
April 10, 2021
Tweet
Share
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
Module Harmony について
yosuke_furukawa
PRO
3
1.4k
LTのやり方
yosuke_furukawa
PRO
15
1.8k
AppRouter Panel Talk
yosuke_furukawa
PRO
3
620
Node.js v22 で変わること
yosuke_furukawa
PRO
13
4.7k
リアーキテクトと開発生産性について
yosuke_furukawa
PRO
25
8.9k
JavaScript Server Runtime History
yosuke_furukawa
PRO
8
3.4k
tc39 x jsconf.jp Panel Discussion
yosuke_furukawa
PRO
0
1.5k
フロントエンドの開発生産性とは
yosuke_furukawa
PRO
18
10k
7 principles for rich web apps And how next.js achieves these principles
yosuke_furukawa
PRO
6
2.8k
Other Decks in Programming
See All in Programming
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
Prompt FlowによるLLMアプリケーション開発
yuto2000
1
1k
日付と正規化
megmogmog1965
0
140
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
CSC307 Lecture 05
javiergs
PRO
0
210
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
AWSでゲームサーバーを運用! Amazon GameLiftのお話
iriikeita
0
200
最近追加した型の紹介とその振り返り
aki19035vc
0
180
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
Terraformテスト入門
msato
0
540
CSC307 Lecture 13
javiergs
PRO
0
150
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
37
2.2k
A Modern Web Designer's Workflow
chriscoyier
689
190k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Building Applications with DynamoDB
mza
89
5.8k
Why Our Code Smells
bkeepers
PRO
332
56k
Agile that works and the tools we love
rasmusluckow
325
20k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Bash Introduction
62gerente
607
210k
Atom: Resistance is Futile
akmur
261
25k
Transcript
Frontend Developers Experience (Why/ What/How) 2021/04/10 @ Developer eXperience Day
2021
Twitter: @yosuke_furukawa Github: yosuke-furukawa
ϑϩϯτΤϯυͱDX • UX (Ϣʔβʔମݧ) Λ࡞Δͷ͕ϑϩϯτΤϯυΤϯδχ ΞͰ͋Δ͕ɺ࠷ߴͷUXΛ࡞ΔͨΊʹඞཁͳͷ͕ DX (։ ൃऀମݧ) •
UX ͱ DX ରཱߏͰͳ͘ɺཱ྆͢Δ͖ͷɻ • ͕ͨͩ࣌ؒ͠ݶΒΕͨதͰཱ྆ͤ͞ΔͷҰͭͷٕज़ɻ
ϑϩϯτΤϯυͱDX • UX (Ϣʔβʔମݧ) Λ࡞Δͷ͕ϑϩϯτΤϯυΤϯδχ ΞͰ͋Δ͕ɺ࠷ߴͷUXΛ࡞ΔͨΊʹඞཁͳͷ͕ DX (։ ൃऀମݧ) •
UX ͱ DX ରཱߏͰͳ͘ɺཱ྆͢Δ͖ͷɻ • ͕ͨͩ࣌ؒ͠ݶΒΕͨதͰཱ྆ͤ͞ΔͷҰͭͷٕज़ɻ ࠓճ69ͱ%9ͷཱ྆Λͤ͞ΔͨΊɺత 8IZ8IBU Λ໌ Β͔ʹ͠ɺͲ͏͔ͬͯ͏ )PX ͔Λ͠·͢ɻ
Why/What
Why/What • ։ൃऀମݧੜ࢈ੑʹ݁͠ɺҾ͍ͯϞν ϕʔγϣϯʹؔ࿈͢Δɻ ੜ࢈ੑΞοϓ ੜ࢈ੑμϯ Ϟνϕʔγϣϯμϯ ϞνϕʔγϣϯΞοϓ
Why/What • ։ൃऀମݧͱҰޱʹݴ࣮͍ͬͯΖΜͳཁૉ͕བྷ ·Δɻ • ͜ͷηΫγϣϯͰ ʮ։ൃऀମݧͷ্ ≒ ੜ࢈ੑͷ্ͷͨΊͷࢪࡦʯ ͱͯ͢͠ɻ
ੜ࢈ੑΛѱ͘͢ΔϒϩοΧʔୡ • ʮ։ൃऴ൫ͷखΓʯ • ʮݹ͘ͳͬͨ··์ஔ͞ΕͨϥΠϒϥϦ܈ʯ • ʮܗ֚Խͨ͠։ൃϫʔΫϑϩʔʯ • <s>ʮIEରԠʯ</s> •
ͳͲͳͲ
։ൃऴ൫ͷखΓ • ʮಈ͍͍ͯΔը໘ΛݟͨΒͳΜ͔ҧͬͨɻม ͍͑ͨʯ • ʮ࠷ޙʹAPIͱϑϩϯτΛͭͳ͍ͰΈͨΒશવ ಈ͔ͳ͍Μ͚ͩͲɺɺɺʯ • खΓ͕ൃੜ͢Δ͜ͱࣗମ͕ѱ͍Θ͚Ͱͳ͘ɺదͳλΠϛϯ άͰϑΟʔυόοΫΛΒ͑ͯͳ͍͜ͱ͕ѱ͔ͬͨΓ͢Δɻɻɻ
ݹ͘ͳͬͨ··์ஔ͞ΕͨϥΠ ϒϥϦ • ʮϥΠϒϥϦͷxxxͬͯػೳ͕͑ͳͯ͘ݟͯ ΈͨΒόʔδϣϯ͕3ੈݹ͔ͬͨʯ • ʮϥΠϒϥϦͷόʔδϣϯΞοϓස͕ૣ͗͢ ͯഁյతมߋଟ͘ɺোൃੜ͕ාͯ͘όʔ δϣϯΞοϓͰ͖ͳ͍ʯ •
์ஔ͞Εͯ͠·͏ͱཷ·ͬͨચ͍ͷΑ͏ʹͲΜͲΜ໘ʹͳΔ
ܗ֚Խ͞ΕͨϫʔΫϑϩʔ • ʮίϯϙʔωϯτΧλϩάҰཡ (Storybook) ࡞͚ͬͨͲ୭ݟͯͳ͔͔ͬͨΒ͜ͷલݟͨ ΒյΕͯͨʯ • ʮςετͷՃͷํ͕Θ͔Βͣɺ୭ςετ ॻ͍ͯͳ͔ͬͨʯ •
։ൃऀͷπʔϧͰղܾͰ͖Δ෦͋Δ͕ςετͷॻ͖ํΛΒ ͳ͔ͬͨΓͱͦͦ։ൃϫʔΫϑϩʔͷఆணෆ͋Δɻ
<s>IEରԠ</s> • ϊʔίϝϯτ • ࠷ۙʮΒͳ͍ʯͱ͖ͬͺΓݴͬͯΔ • ֮͑ͯؼͬͯ΄͍͠: IEͰىಈͨ͠߹Ͱ͋ͬͯ Edge ʹڧ੍ϦμΠϨΫτ͢ΔΈ
https://docs.microsoft.com/en-us/microsoft-edge/ web-platform/ie-to-microsoft-edge-redirection
։ൃऀମݧΛԼ͛ͯ͠·͏ཁҼ • ৭ʑ͋Δ͕ɺखΓɾݹ͍··์ஔ͞Εͨϥ ΠϒϥϦɾܗ֚Խ͞ΕͨϫʔΫϑϩʔͳͲ͕ ճΓճͬͯମݧΛଛͶͯ͠·͏ • ݁Ռͱͯ͠ϞνϕʔγϣϯͷԼϓϩμΫ τ࣭ͷԼʹܨ͕ΔՄೳੑ͕͋Δ
How
How • ͜ͷखͷϒϩοΧʔΛഉআ͢Δํ๏࣮ͨ͘ ͞Μ͋Δɺ͜͜Ͱओʹզʑ͕Ͳ͏औΓΜͰ ͖͔ͨʹ͍ͭͯղઆ͢Δɻ • ʮखΓʯ • ʮϥΠϒϥϦߋ৽ʯ •
ʮܗ֚Խ͞ΕͨϫʔΫϑϩʔʯ
खΓ
खΓ • ϑϩϯτΤϯυΤϯδχΞ৫ͷ߹෦ ʹ͍Δ͜ͱ͕ଟ͍ɻؔΘΔਓ͕૿͑Δʹ ͋Δ όοΫΤϯυ ϑϩϯτΤϯυ ϓϥϯφʔ σβΠφʔ
खΓ • ؔΘΔਓ͕ଟ͘ͳΕͳΔ΄Ͳࣄ͕ਐΉʹ ͭΕͯมߋՕॴ͕ൃੜ͕ͪ͠ • ϓϥϯφʔɾσβΠφʔʮಈ͍͍ͯΔը໘Λ ݟͨΒͳΜ͔ҧͬͨɻม͍͑ͨʯ • όοΫΤϯυʮ࠷ޙʹAPIͭͳ͍ͩΒͳΜ͔ಈ ͔ͳ͍Μ͚ͩͲɻɻɻʯ
खΓ • ͜͜Ͱͷྫͱͯ͠ڍ͛ͨ̎ͭͷखΓൃੜʹ ͍ͭͯͲ͏զʑ͕औΓΜͰ͖͔ͨΛհ͢ Δɻ • ϑϩϯτΤϯυ ϓϥϯφʔ σβΠφʔ όοΫΤϯυ
खΓൃੜͦͷᶃ ಈ͍ͯΔϖʔδݟͨΒͳΜ͔ ҧͬͨ खΓൃੜͦͷᶄ ࠷ޙʹ͕ͬ͠ΌΜ͜
ಈ͍ͯΔͷΛΈͨΒͳΜ͔ҧͬ ͨ • ࠷ॳʹ಄ͷதͰΠϝʔδͯͨ͠ͷ͕͋Δఔ ਐΜͰ۩ମԽ͍ͯ͘͠ʹͭΕͯဃ͍ͯ͠ ͘ (BQ
ಈ͍ͯΔͷΛΈͨΒͳΜ͔ҧͬ ͨ • Gap͕খ͍͞͏ͪͳΒ࣮มߋमਖ਼ޮ͖͍͢ɻ ։ൃ్தͰ͍͍ͷͰϑΟʔυόοΫΛૹͬͯΒ ͑Δͱྑ͍ɻ • ์ஔͯ͠େ͖͘ͳ͔ͬͯΒͩͱमਖ਼͢Δͷ͕େมʹ ͳΔ •
ϖʔδΛߏங ߋ৽ ߋ৽ ߋ৽ ߋ৽ FB FB FB FB
ಈ͍ͯΔͷΛΈͨΒͳΜ͔ҧͬ ͨ • զʑͷΓํ: σϞͰݟͤΒΕΔ୯ҐͰ։ൃΛਐΊͯ ͓͖ɺϑΟʔυόοΫΛಘΒΕΔΑ͏ʹ͢Δɻ OKR(ΦʔέʔΞʔϧ) γϦίϯόϨʔࣜͰେͳඪΛୡ͢Δํ๏ ΫϦεςΟʔφɾΥυΩʔஶ /
ܦBP 2018 ຖि༵ۚʹσϞσΠͱ͍͏ ܗͰՌΛݟͤͯॕ͏ɻ
ಈ͍ͯΔͷΛΈͨΒͳΜ͔ҧͬ ͨ • ۩ମతʹ։ൃ༻ͷαʔόΛৗʹPull Request͕ߋ৽ ͞ΕΔͨͼʹ࠷৽Խ͓͖ͯ͠ɺ͍ͭͰϓϥϯ φʔɾσβΠφʔ͕৮ΕͯݟΒΕΔΑ͏ʹ͓ͯ͠ ͘ɻΠϝʔδͱ͢Γ߹ΘͤΛߦ͑ΔΑ͏ʹ͢ Δɻ
࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ • ͜ΕجຊదͳλΠϛϯάͰϑΟʔυ όοΫΛΒ͍͍ͨ • APIεΩʔϚͷมߋUIͷมߋʹ݁͢Δ • ։ൃऴ൫ͰݴΘΕͯݫ͍͠
࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ • ॳظʹߏஙͨ͠ API ఆٛΛࢀߟʹϑϩϯτΤϯυͱόοΫΤ ϯυ͕ͣͬͱͯ͠αʔϏεΛ࡞ͬͨͱͯ͠ɺͦΕΒΛ࠷ ޙʹͭͳ͍Ͱجຊಈ͔ͳ͍ɻϏοάόϯΈ͍ͨʹͳΔɻ • ఆ͍ͯ͠ͳ͍ϦΫΤετ͕ඞͣͲ͔͜ʹଘࡏ͢Δɻ
•
࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ • զʑͷΓํ: APIఆٛΛ྆ऀʢओʹϑϩϯτ ΤϯυओಋʣͰܾΊ্ͨͰɺ͓ޓ͍ʹఆظత ʹಉظΛऔΓͳ͕Β։ൃ͢Δ • Agreed ͱ͍͏πʔϧͰΧόʔ͍ͯ͠Δ
࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ • API ͷཁٻΛॻ͘ͱͦΕ͕ϑϩϯτΤϯυͰ ϞοΫαʔόʹͳΔ • όοΫΤϯυͰͦͷཁٻ͕ϦΫΤετΛ ͛ΔͨΊͷςετʹͳΔ
࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ • ϦΫϧʔτͷ։ൃͰ Agreed Λ͍ͬͯΔͷͷ ผʹ͓ޓ͍ͷೝࣝᴥᴪΛదͳλΠϛϯάͰमਖ਼Ͱ ͖ΔͳΒԿͰྑ͍ɻ • grpc
ͳͲͷεΩʔϚΛڞ༗Ͱ͖ΔΈ૿͑ͯ Δɻ • ͓ޓ͍ͷೝ͕ࣝᴥᴪΒͳ͍Α͏ʹ։ൃ͓͚ͯ͠࠷ ऴஈ֊ͰͷϏοάόϯΛ͛Δɻ
ϥΠϒϥϦͷߋ৽
ϥΠϒϥϦͷߋ৽ • ϑϩϯτΤϯυಛʹϥΠϒϥϦߋ৽ͷස͕ૣ͍ • ·ͨߋ৽ͨ͠λΠϛϯάͰޓੑ͕͋Δ͔ո͍͠ͷ͋ Δ • ͱ͍ͬͯ์ஔ͓ͯ͘͠ͱͲΜͲΜཷ·Δɺચ͍ͱ͔ચ୕ Έ͍ͨͳଘࡏ •
ఆظతʹߋ৽ʢআʣ͠ͳ͍ͱͻͲ͘ͳΔɻ • ࠷ऴతʹյΕͯऔΓฦ͔ͭ͠ͳ͘ͳΔ͜ͱ͋Δɻ
ϥΠϒϥϦͷߋ৽ • ͦͦϥΠϒϥϦΛཧ͍ͯ͠ͳ͍ͱ͜͏ ͍͏͜ͱ͕ى͜Γ͍͢ͷͰɺ·ͣϥΠϒ ϥϦΛཧ͢Δͱ͜Ζ͔Β࢝Ί͍ͯͩ͘͞ɻ • Node.js / npm ͕ೖ͍ͬͯͳ͍ϑϩϯτΤϯυ
ͷݱͦΕΛೖΕͯͲͷόʔδϣϯΛͬ ͍ͯΔ͔ಛఆͰ͖ΔΑ͏ʹ͢Δͱ͜Ζ͔Βɻ
ϥΠϒϥϦͷߋ৽ • ϥΠϒϥϦߋ৽ΛࣗಈԽ͢Δπʔϧ • renovate • ͜Ε͏φϨοδ͡Όͳͯ͘ඪ४πʔϧɺ ֮͑ͯؼ͍ͬͯͩ͘͞ɻ
ϥΠϒϥϦͷߋ৽ • ͨͩϥΠϒϥϦΛߋ৽ΛࣗಈԽͰ͖ͨͱͯ͠ͳ͍͔Ͳ ͏͔Λ֬ೝ͢Δਓඞཁɺݟͳ͍Ͱߋ৽͢Δࣄނʹܨ͕Δɻ • զʑຖεϓϦϯτͰ ϥΠϒϥϦߋ৽୲େਉΛ࡞Γɺఆ ظతʹߋ৽͕Βͳ͍Α͏ʹ͍ͯ͠Δɻ • renovate
ΛೖΕͯࣗಈͰͯ͢ߋ৽͢ΔΑ͏ͳઃఆʹͯ͠ ͍ΔͱةݥͳͷͰɺࢹ͠ͳ͕Β͍ͬͯΔ • ͨͩ͜͏͢ΔͱͲ͏ͯͦ͠ΕͳΓʹ֬ೝίετ͕͔͔Δ
ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • جຊతʹςετΛॻ͘ • Unit Test ͳͲͷϩδοΫͷ֬ೝ͢Δ • ͨͩͦΕ͚ͩͩͱϑϩϯτΤϯυͰΓͳ͍ɻ
• StoryBook ͰίϯϙʔωϯτΧλϩάΛ࡞͓͖ͬͯɺݟͨ ͷมߋ͕ಛఆ͞Ε͍͢Α͏ʹ͢ΔɻVisual Regression Test Λߦ͏ɻ • ͜ΕͰΓͳ͍͜ͱ͋Δ E2E ςετͰࣗಈԽͨ͠Γ͢Δ
ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • Visual Regression Test • ݟͨͷมߋ͕ى͖ͨ࣌ʹͦΕΛಛఆͯ֬͠ ೝΛଅ͢ͷ •
Visual্ͰΤϥʔ͕ൃੜͨ͜͠ͱ͕ݟͨͰΘ ͔Δ • ϐΫηϧಉ࢜ͷมߋ͕ݟ͑Δ
ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • ༰͕ҧ͏͜ͱ͕Ѳ͘͢͠ͳΔɻ • Visual Regression Test Λߦ͏ͷ StoryBook
ͱ reg-suitͷΈ߹Θͤɻ • ͜Ε΄΅σϑΝΫτͳπʔϧɺ֮͑ͯؼͬ ͯ΄͍͠ɻ
ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • ͜ΕͰΓͳ͍࣌ E2E ςετΛॻ͍ͯΔ • ࠷ۙ Autify ΛͬͯޮԽͯ͠ΔνʔϜ
ଟ͍ɻ • ༗ঈͷπʔϧ͕ͩɺςετͷهड़ָ͕Ͱɺߋ ৽֬ೝ͕Γ͍͢ɻ
ϥΠϒϥϦͷߋ৽ • ͪΖΜ͜ΕͰΓͳ͍࣌͋Δ • ͨͩͦͷ࣌͏πʔϧͰಛఆͰ͖ͳ͍ͷ • ٯʹݴ͑ͦ͏͍ͬͨϥΠϒϥϦͷߋ৽ͷͱ ͖͚ͩ৻ॏʹΕΑ͍ɻ
ϫʔΫϑϩʔͷܗ֚Խ
ϫʔΫϑϩʔͷܗ֚Խ • ͜͜·Ͱ͖ͬͯͨΑ͏ͳ͜ͱΛͬͯͨͱͯ͠ ɺܗ֚Խͯ͠ҙຯ͕ͳ͍ɻ • ςετΛॻ͔ͳ͔ͬͨΒҙຯ͕ͳ͍͠ɺక͕ഭΔ தͰػೳ࣮Λ͠ͳ͕ΒςετΛॻ͘ʹҰఆͷε Ωϧ͕ඞཁ • StoryBook
ʹهड़Λ͠ͳ͔ͬͨΒͦͦ Visual Regression Testing ҙຯ͕ͳ͍ɻ
ϫʔΫϑϩʔͷܗ֚Խ • ͦͦϑϩϯτΤϯυͱݴ͍ͬͯΖΜͳ ΤϯδχΞ͕͍Δɻ • CSS ͷಘҙͳਓ͍ΕɺJavaScript ͕ۤख ͳਓ͍Δɻ CSS
Experts JavaScript Beginners Server Side Engineer Frontend Ops
ϫʔΫϑϩʔͷܗ֚Խ • πʔϧͰҰؾʹղܾͰ͖ΔΑ͏ͳͷͰͳ ͍ɻ • ΤϯδχΞؒͷεΩϧΛڞ༗͓ͯ͠ޓ͍ʹ ࣝͷϨϕϧΛ্͍͛ͯ͘ඞཁ͕͋Δɻ
ϫʔΫϑϩʔͷܗ֚Խ • զʑͲ͏ͬͯདྷ͔ͨɿ • ։ൃऀಉ࢜Ͱ࣌ʹڭ͑߹͍ɺ࣌ʹϖΞϓϩ ϞϒϓϩΛߦ͏͜ͱͰશମͰϨϕϧΛߴΊ ͋ͬͯରॲ͖ͯͨ͠ɻ
ϫʔΫϑϩʔͷܗ֚Խ • ࠷ॳͲ͏͕͔͔ͯ࣌ؒ͠Δ͕ɺશମͰޮ Խ͍ͯ͘͜͠ͱ͕Ͱ͖Δɺ࠷ऴతʹ վળͰ͖ΔΑ͏ʹͳΔɻ • ੍ཧʹߟ͑ํ͍ۙɻ βɾΰʔϧ ― اۀͷڀۃͷతͱԿ͔
ΤϦϠϑɾΰʔϧυϥοτ ஶ/ μΠϠϞϯυࣾ 2019 ͋Δ෦͚ͩʹணͯ͠࠷దԽΛͯ͠ ܾ ͯ͠શମͷ࠷దԽʹͭͳ͕Βͳ͍ ϘτϧωοΫΛݟ͚ͭͯ શମͷதͷҰ෦ ΛඞཁʹԠͯ͡࠷దԽ͖͢
ৼΓฦͬͯ
ৼΓฦͬͯ • ։ൃऀମݧੜ࢈ੑʹ݁͠ɺҾ͍ͯϞν ϕʔγϣϯʹؔ࿈͢Δɻ ੜ࢈ੑΞοϓ ੜ࢈ੑμϯ Ϟνϕʔγϣϯμϯ ϞνϕʔγϣϯΞοϓ ݁ہҰ൪ॏཁͳͷϞνϕʔγϣϯ
ৼΓฦͬͯ • ʮଞͷਓͷʹཱ͍ͪͨʯͱ͍͏ࢥ͍͕ࠜఈʹ͋Δɻ • ͍͘Β͍ΖΜͳ։ൃΛςΫχοΫΛͬͯͬͨͱͯ͠ ͦΕ͕ଞͷਓୡͷʹཱͬͯΔͱ͍͏࣮ײ͕ͳ͍ͱ݁ہϞ νϕʔγϣϯམͪΔɻ • όοΫΤϯυ ϑϩϯτΤϯυ
σβΠφʔ
ৼΓฦͬͯ • ։ൃऀମݧͷ্ੜ࢈ੑͷ্ • ੜ࢈ੑ্ʹΑΓɺ։ൃͷվળʹؔΘΔ͕ɺҰ൪େࣄ ͳͷϞνϕʔγϣϯͷ্ • ։ൃऀͷϞνϕʔγϣϯʮ୭͔ͷʹཱ͍ͬͯΔʯͱ͍͏ ࣮ײ͕ݩʹͳ͍ͬͯΔɻ •
ࣄۀʹؐݩͰ͖Δॴ·ͰΒͳ͍ͱ͍͚ͳ͍ɻࣄۀʹؐݩͰ ͖ΔͱϙδςΟϒͳϑΟʔυόοΫ૿͑ͯΑΓΑ͍αΠΫ ϧ͕ճΔΑ͏ʹͳΔɻ
·ͱΊ
·ͱΊ • ϑϩϯτΤϯυΤϯδχΞUXΛ࠷େԽ͢Δͨ ΊͷΤϯδχΞͰ͋ΓɺDXඞཁɻ • DXੜ࢈ੑ্ͷͨΊͷࢪࡦ • ੜ࢈ੑΛԼ͛ΔͨΊͷͷͱ͍͔ͯͭ͋͘͠Δ ͕ɺओʹखΓɺϥΠϒϥϦߋ৽ɺϫʔΫϑ ϩʔܗ֚ԽΛڍ͛ͨ
·ͱΊ • ͦΕͧΕରॲ͢ΔπʔϧɾφϨοδʹ͍ͭͯ հͨ͠ɻ • ͨͩΤϯδχΞ݁ہʮʹཱ͍ͬͯΔʯͱ ͍͏࣮ײ͕΄͍͠ਓͨͪ • ࣄۀʹؐݩ͍ͤͯ͘͜͞ͱ͕Ұ൪ Developer
Experience ʹޮՌత