Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Frontend_Developers_Experience__Why_What_How_.pdf
Yosuke Furukawa
PRO
April 10, 2021
Programming
1
3.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
A Philosophy of Software Design 後半
yosuke_furukawa
PRO
12
3.1k
Node.js 最新動向 TFCon 2022
yosuke_furukawa
PRO
6
4k
Node.js / Deno 徹底討論の時のスライド
yosuke_furukawa
PRO
2
2.7k
Browser の話
yosuke_furukawa
PRO
4
240
A Philosophy of Software Design 前半
yosuke_furukawa
PRO
25
7.7k
開発組織の持続可能性について
yosuke_furukawa
PRO
19
12k
How I run JS / Web Community
yosuke_furukawa
PRO
0
2.2k
性能に関する考え方
yosuke_furukawa
PRO
7
6.5k
レビューの仕方
yosuke_furukawa
PRO
57
28k
Other Decks in Programming
See All in Programming
料理の注文メニューの3D化への挑戦
hideg
0
290
レビュー駆動学習のススメ_StaPy#83
soogie
0
320
atama plusの開発チームはどのように「不確実性」に向き合ってきたか〜2022夏版〜
atamaplus
3
620
Lookerとdbtの共存
ttccddtoki
0
640
There's an API for that!
mariatta
PRO
0
110
Edge Side Frontend という新領域
mizchi
23
10k
Rust、何もわからない...#3
estie
0
160
Isar勉強会
hoddy3190
0
490
プロダクトの成長とSREと
takuyatezuka
0
120
Untangling Coroutine Testing (Droidcon Berlin 2022)
zsmb
2
490
How GitHub Supports Vim License Detection, The Five Years Journey
othree
1
380
Rに管理されてみる
kazutan
0
260
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
239
11k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
Building Better People: How to give real-time feedback that sticks.
wjessup
344
17k
How to train your dragon (web standard)
notwaldorf
60
3.9k
A better future with KSS
kneath
226
16k
4 Signs Your Business is Dying
shpigford
169
20k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
14
3.8k
What's in a price? How to price your products and services
michaelherold
229
9.4k
The Pragmatic Product Professional
lauravandoore
19
3.1k
Design by the Numbers
sachag
271
17k
YesSQL, Process and Tooling at Scale
rocio
157
12k
Learning to Love Humans: Emotional Interface Design
aarron
261
37k
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 ʹޮՌత