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
ユーザ体験を生み出す現場作り
Search
nakajijapan
October 21, 2015
Technology
0
650
ユーザ体験を生み出す現場作り
「minne」技術戦略カンファレンス
http://peatix.com/event/121467
nakajijapan
October 21, 2015
Tweet
Share
More Decks by nakajijapan
See All by nakajijapan
サービスにおけるDesign Systemの構築
nakajijapan
11
3.7k
Markdownをリアルタイムに解析する
nakajijapan
5
4.4k
Firebase Authorization
nakajijapan
0
270
Intoducing Izumo
nakajijapan
1
1.9k
Practical CloudKit
nakajijapan
1
1.8k
Introducing to Ajimi - プロダクトを味見していこう
nakajijapan
0
2.2k
Shari
nakajijapan
1
2.8k
Japan Apple Pay Development
nakajijapan
0
280
業務で絶対必要にならない技術
nakajijapan
0
840
Other Decks in Technology
See All in Technology
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
180
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
330
今!ソフトウェアエンジニアがハードウェアに手を出すには
mackee
11
4.5k
Function Body Macros で、SwiftUI の View に Accessibility Identifier を自動付与する/Function Body Macros: Autogenerate accessibility identifiers for SwiftUI Views
miichan
2
180
DevIO2025_継続的なサービス開発のための技術的意思決定のポイント / how-to-tech-decision-makaing-devio2025
nologyance
1
360
Automating Web Accessibility Testing with AI Agents
maminami373
0
1.2k
ガチな登山用デバイスからこんにちは
halka
1
230
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
shinaps
1
350
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
160
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
130
AI駆動開発に向けた新しいエンジニアマインドセット
kazue
0
330
フィンテック養成勉強会#56
finengine
0
140
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Side Projects
sachag
455
43k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Become a Pro
speakerdeck
PRO
29
5.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Transcript
ϢʔβମݧΛੜΈग़͢ ݱ࡞Γ
About Me @nakajijapan Software Engineer GMO PEPABO, inc. iOS /
Web / OS X /,+1BHFS7JFX$POUSPMMFS /,+.PWJF$PNQPTFS /,+.VMUJ.PWJF$BQUVSF7JFX 1IPUP4MJEFSGPS4XJGU UFJUFOGPS049
minne iOS / Android
minne ɾ̏̌̌ສμϯϩʔυಥഁ ɾྲྀ௨ֹۚͷ΄ͱΜͲ͕ϞόΠϧ͔Βੜ·Ε͍ͯΔ ɾٸܹͳʂʂ
มԽ
2014
201410݄ ɾJ04ΤϯδχΞ ɾ"OESPJEΤϯδχΞ ɾσΟϨΫλʔ ɾσβΠφʔ ਓ ਓ ਓ ਓ
2015
2015 10݄ ɾJ04ΤϯδχΞ ɾ"OESPJEΤϯδχΞ ɾσΟϨΫλʔ ɾσβΠφʔ ɾ"1* 14 ̑ਓ ̐ਓ
̎ਓ ̎ਓ ̍ਓ
None
ό ʔ ϯʂ
มԽʹରԠ͍ͯͨ͘͠Ίʹ ͞Βʹվળ͍ͯͨ͘͠Ίʹ
ࣗͨͪʹ͠ ͔Ͱ͖ͳ͍͜ ͱΛ͠Α͏ʂʂ
UX
Ϣʔβମݧ αʔϏεͰϢʔβ͕ମݧ͢Δ͜ͱ ϋϯυϝΠυָ͍ͬͯ͠
ମݧ͔ΒಘΒΕΔ ʮָ͍͠ʯͱʮخ͍͠ʯ Λ࠷େԽ
ࠓ·Ͱ σβΠϯʹσβΠφ
ݱঢ় σβΠϯ σβΠφʴΤϯδχΞʴσΟϨΫλ Design Develop Plan
ݱঢ় Design Develop Plan σβΠϯ σβΠφʴΤϯδχΞʴσΟϨΫλ
ϢʔβΛΔ
ϢʔβΛΔ ɾԿΛ͍ͨ͠ͷ͔ ɾԿΛඞཁͱ͍ͯ͠Δͷ͔ ɾͦͷ࣌ͷײͲΜͳ͔
ϖϧιφ ߦಈγφϦΦ ͷ࡞
ϢʔβΛΔ ɾϖϧιφΛ࡞Δ ɾݸਓใ ɾϢʔβετʔϦʔ ɾৗߦಈ ɾझຯɾᅂ ɾਓੜ؍ ɾߦಈγφϦΦΛ࡞Δ ɾ8IZ ͳͥ
ɾ)PX ͲΜͳঢ়گ Ͱ ɾ8IFSF Ͳ͜ Ͱ ɾ8IBU ͲΜͳ͜ͱ Λ͢Δͷ͔
ͳͥ͢Δͷ͔ ɾνʔϜͷ߹ҙ ɾνʔϜϝϯόͱڞ௨ʹࢦඪΛ࣋ͪɺಉ͡తͷͨΊʹࢥߟɾߦಈͰ͖Δ Α͏ʹ͢Δ ɾԿͷͨΊʹԿΛ͢Δͷ͔Λ໌จԽͰ͖Δ ɾજࡏސ٬ʹରͯ͠త֬ͳମݧΛఏڙͰ͖Δ ɾҙࢥܾఆͷεϐʔυΛ্͛Δ͜ͱ͕Ͱ͖Δ
ϓϩτλΠϓςετ
ͳͥ͢Δͷ͔ wσβΠϯ͞ΕͨϢʔβମݧͷΛݦࡏԽͤͯ͞ɺૣظ ʹൃݟͰ͖Δ wΤϯδχΞؔ༩͢Δ w࣮࣌ͷޙΓ͕ͳ͘ͳΔ wϢʔβͱಉ͡ମݧ͕Ͱ͖ɺཧղΛਂΊΔ͜ͱ͕Ͱ͖Δ
Ϣʔβςετ
6*TDPQF
ͳͥ͢Δͷ͔ ɾϢʔβͷຊ࣭తͳߦಈΛᖰΓͩ͢ ɾ֤ετʔϦʔΛࣄ࣮ɾԾઆɾҙݟͰใղͯ͠Կ͕ ͔நग़͢Δ ɾڝ߹ͱͷൺֱɾੳ
ҙ͍ͯ͠Δ͜ͱ ɾϢʔβͷҙݟͦͷ··औΓೖΕͳ͍ ɾຊ࣭తͳผʹ͋Δ͜ͱ͕ଟ͍
.BQQJOH
.BQQJOH
Ծઆ ݕূ ֶश
Ծઆ ݕূ ֶश ૣ͘ճ͢ Έ࡞Γ
Develop
ॳظͷମ੍ ɾ!OBLBKJKBQBO ɾਓͰ։ൃ ɾͱʹ͔͘ΨϦΨϦ։ൃ Develop Design Plan Test
̑ਓ ମ੍
͜ͷ··ߦ͘ͱ Develop Design Plan Test Develop Design Plan Test Develop
Design Plan Test Develop Design Plan Test Develop Design Plan Test
͜ͷ··ߦ͘ͱ Develop Design Plan Test Develop Design Plan Test Develop
Design Plan Test Develop Design Plan Test Develop Design Plan Test
՝ ɾΤϯδχΞσβΠϯΛΑΓҙࣝ͠ͳ͚Ε͍͚ͳ͍ ɾͷݕূʹ͕͔͔࣌ؒΔ ɾ༷ʑͳͷ͕ࣗಈԽͰ͖͍ͯͳ͍ ɾطଘͷίʔυ͕ෳਓʹ͑͏ΔίʔυͰͳ͍
Develop Design Plan Test ݱঢ় ɾΤϯδχΞσβΠϯϓϩηεʹհೖ͢Δ ɾϓϩλΠϐϯάςετ Develop Design Plan
Test
QAνʔϜ ɾ2"νʔϜͷൃ ɾݕূNJOOF͕αϙʔτͱ͍ͯ͠Δશ04ͷόʔδϣ ϯͰ֬ೝ ɾJ04 J04 J04 2"νʔϜ Develop Design
Plan Test Test
%FTJHO %FWFMPQ
%FTJHO %FWFMPQ
νʔϜମ੍ ɾ։ൃͰׂͷ୲ ։ൃνʔϜ ϦϑΝΫλϦϯάνʔϜ ج൫νʔϜ ςετɾੳ πʔϧͷಋೖ minneνʔϜ طଘίʔυͷ վળ
ςετͷऔΓΈ ɾςετจԽɾश׳࡞Γ ɾఆظతʹؙҰͷͬͯςετ͔͠͠ͳ͍ͷ࣮ࢪ ɾࠓ·Ͱͳ͔ͬͨςετΛ࡞ΓࠐΈ·͘Δ ɾςετͷॆ࣮Խ ɾ6OJU5FTU ɾ*OUFHSBUJPO5FTU
ςετͷऔΓΈ RailsSandboxServer https://github.com/amacou/rails_sandbox_server ɾRailsͰ༻͞Ε͍ͯΔfixtureΛར༻ͨ͠௨৴ςετ ɾࠁʑͱมԽ͢Δ༷ʹ͑͏Δςετڥͷߏங ɾσʔλͷϩʔϧόοΫग़དྷΔ ɾࣗલͰfixture࡞͠ͳ͍ʂ @amacou
RailsSandboxServer - (void)setUp { [super setUp]; [[MITestServer defaultServer] setupFixtures:@[@"users", @"profiles"]];
[MIUserDefaultsManager setUserDefaultsForTest]; } - (void)tearDown { [[MITestServer defaultServer] rollback]; [MIUserDefaultsManager clearUserDefaults]; } TIQSFQBSFUFTUTFSWFSTI 'BTUMBOF 5FTU$PEF
௨पΓͷΈ GitHub for enterprise νʔϜϝϯόʔ ΤϯδχΞ ςετ݁Ռ ΫϥογϡϨϙʔτ σϓϩΠ௨ σϓϩΠ
ϨϏϡʔ pull request ఆྫۀ͓Βͤ ௨
௨ͷ༷ࢠ ఆظ௨ ςετ Ϗϧυ ΫϥογϡϨϙʔτ
௨ͷ༷ࢠ ఆظ௨ ςετ Ϗϧυ ΫϥογϡϨϙʔτ ϨϏϡϫʔࣗಈܾఆ
มԽʹ͑Δ ɾΤίγεςϜԽ ɾࣗલͷ࣮ࣺͯΔ ɾநԽͰ͖Δͷ ແ͍ͷ࡞ͬͯ͠·͓͏ ɾ/,+1BHFS7JFX$POUSPMMFS ɾ/,+1IPUP4MJEFS$POUSPMMFS ɾ/,+/FUXPSL"DUJWJUZ*OEJDBUPS https://github.com/nakajijapan
ΤίγεςϜԽ /,+1BHFS7JFX$POUSPMMFS /,+1IPUP4MJEFS$POUSPMMFS
ࠓޙʹ͚ͯ
ࠓޙʹ͚ͯ ɾ6*69ͷߋͳΔڧԽ ɾ࡞ʹग़ձ͏͖͔͚ͬ࡞Γ ɾݕࡧपΓͷվળ ɾਃ·ͰͷࣗಈԽ ɾ֤ʑͷ1$ʹґଘ͠ͳ͍ڥͷඋ ɾ+FOLJOT͔Β$JSDMF$* ɾGBTUMBOFͷ֦ॆ
ࠓޙʹ͚ͯ ɾ4XJGUԽ ɾ0CKFDUJWF$͔ΒͷҠߦΛ։࢝
ࣗͨͪʹ͠ ͔Ͱ͖ͳ͍͜ ͱΛ͠Α͏ʂʂ
ͬͱ ͓͠Ζ͘ Ͱ͖Δ