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)
Search
Recruit
PRO
April 13, 2021
Technology
0
120
Frontend Developers Experience (Why/What/How)
2021/04/10 _ Developer eXperience Day 2021での、古川の講演資料になります
Recruit
PRO
April 13, 2021
Tweet
Share
More Decks by Recruit
See All by Recruit
プロデザ! BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
240
Datadog による 自己完結的アプリケーションモニタリング
recruitengineers
PRO
4
250
プロデザ! BY リクルートvol.17_『じゃらんnet』公式アプリの高速リニューアル事例を大公開
recruitengineers
PRO
6
190
自己完結な開発者組織を支える プラットフォーム作り
recruitengineers
PRO
3
290
検索エンジニアが考える、 生成AI時代の人間の付加価値とは
recruitengineers
PRO
3
110
エンジニア思考で解決! 家事育児を劇的に進化させる開発プロセス応用術
recruitengineers
PRO
3
100
GraphQL「良さ」・「難しさ」再探訪 〜スタディサプリにおける実例〜 / StudySapuri with GraphQL
recruitengineers
PRO
22
4.7k
プロデザ番外編_リクルートのデザイン組織のご紹介
recruitengineers
PRO
3
190
プロダクトプラットフォーム開発におけるフィー ドバックループの回し方
recruitengineers
PRO
5
570
Other Decks in Technology
See All in Technology
シン・Kafka / shin-kafka
oracle4engineer
PRO
7
2.7k
**強い**エンジニアのなり方 - フィードバックサイクルを勝ち取る / grow one day each day
soudai
61
18k
オブザーバビリティの Primary Signals
onk
PRO
0
550
キャラクター制御のためのプロンプト術 for LINE Bot
uezo
0
520
o11y入門_外形監視を利用したWebアプリケーションへの最適なモニタリング_TechBrew
k5k
3
100
巨大なテーブルのテーブル定義を無停止で安全に誰でも変更できるようにする / Table-definitions-for-huge-tables-can-be-modified-by-anyone-safely-and-non-disruptively
freee
1
740
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
2
670
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
120
ここが嬉しいABAC ここが辛いよABAC #再解説+補足編
masahirokawahara
0
220
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
1
200
Data and AI Governance: Existing Challenges and Emerging Trends
scotthsieh825
0
160
現代CSSフレームワークの内部実装とその仕組み
poteboy
2
710
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
16
6.4k
Facilitating Awesome Meetings
lara
41
5.6k
Designing Experiences People Love
moore
136
23k
Being A Developer After 40
akosma
56
580k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
What the flash - Photography Introduction
edds
64
11k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
646
57k
What’s in a name? Adding method to the madness
productmarketing
PRO
15
2.6k
Into the Great Unknown - MozCon
thekraken
10
980
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 ʹޮՌత