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
4k
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
リアーキテクトと開発生産性について
yosuke_furukawa
PRO
21
7.8k
JavaScript Server Runtime History
yosuke_furukawa
PRO
8
2.7k
tc39 x jsconf.jp Panel Discussion
yosuke_furukawa
PRO
0
820
フロントエンドの開発生産性とは
yosuke_furukawa
PRO
16
9.4k
7 principles for rich web apps And how next.js achieves these principles
yosuke_furukawa
PRO
6
2k
Deep Dive International Conference
yosuke_furukawa
PRO
0
95
フロントエンドのDXと今後
yosuke_furukawa
PRO
6
3.6k
フロントエンドリアーキテクトの話
yosuke_furukawa
PRO
18
8.8k
new_urlparser.pdf
yosuke_furukawa
PRO
1
420
Other Decks in Programming
See All in Programming
開発者体験を変えるInfrastructure as Codeの新機能6選!
konokenj
4
850
Cloudflare Workersの環境を再現することについて
yusukebe
5
730
PHP8の機能を使って堅牢にコードを書く
fendo181
6
2k
一休.comレストランのRustバックエンド開発の様子
kymmt90
13
7.9k
OpCode目線で眺める PHPコードのカバレッジ
o0h
PRO
2
470
使えるマークダウンライブラリを探した結果 RailsアプリケーションからRustを使うことになった話
fursich
0
150
ADRを一年運用してみた/our_story_about_adr
hanhan1978
3
1.1k
Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
850
MySQL のインデックスの種類をおさらいしよう! / overviewing indexes in MySQL
okashoi
0
160
Apple Vision Pro購入RTA 1泊3日弾丸ハワイツアー / RTA: Purchase Apple Vision Pro in Hawaii
yutailang0119
0
480
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
960
SmartHRにおけるプロダクトエンジニア/product_engineer_in_smarthr_20240227
saitoryc
5
180
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.5k
Building Your Own Lightsaber
phodgson
97
5.6k
Docker and Python
trallard
33
2.6k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
Code Review Best Practice
trishagee
54
15k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
Designing Experiences People Love
moore
135
23k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
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 ʹޮՌత