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
Tomohito Yamanaka
January 28, 2024
0
150
生産性を上げる考え方
Tomohito Yamanaka
January 28, 2024
Tweet
Share
More Decks by Tomohito Yamanaka
See All by Tomohito Yamanaka
UIの情報構造に合わせたReact Componentを作る UI Structureパターン
intomyam
0
56
create unreadable_code unless carelessness !always
intomyam
1
680
Wantedly Visit's Account Table Design
intomyam
0
510
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1366
200k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
470
Designing for humans not robots
tammielis
250
25k
Documentation Writing (for coders)
carmenintech
67
4.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
How to train your dragon (web standard)
notwaldorf
88
5.8k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Producing Creativity
orderedlist
PRO
342
39k
The Cost Of JavaScript in 2023
addyosmani
46
7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
530
Transcript
ੜ࢈ੑΛ্͛Δߟ͑ํɾख๏ษڧձ Jan 24, 2024 - Tomohito Yamanaka ϓϩͷΤϯδχΞͱͯ͠ΑΓେ͖ͳՌΛڍ͛ΔͨΊʹ
5PNPIJUP:BNBOBLB 1SFTFOUFS @intomyam @intomyam
͜ͷษڧձͷଘࡏཧ༝
ੜ࢈ੑ ͷݪࢿ ͜ͷษڧձͷଘࡏཧ༝ Idea
ੜ࢈׆ಈʹ͔͚Δ࣌ؒΛͯ͘͠ ׆ಈʹ͔͚Δ࣌ؒΛଟ͘͢Δ ͜ͷษڧձͷଘࡏཧ༝
׆ಈੜ࢈׆ಈͷҰ෦ͱΈͳ͢ͳΒ ࣍ͷΑ͏ʹݴ͑Δ ͜ͷษڧձͷଘࡏཧ༝
ੜ࢈ੑ ͷՃஔ ͜ͷษڧձͷଘࡏཧ༝ Idea
͔ͩΒੜ࢈ੑʹ͍ͭͯ ߟ͑Λ͓͖͍࣋ͬͯͨ ͜ͷษڧձͷଘࡏཧ༝
ੜ࢈ੑɹʹɹੜ࢈ྔੜ࢈࣌ؒ ͜ͷษڧձͷଘࡏཧ༝
ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ w %JTDVTTJPO ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ w %JTDVTTJPO
ੜ࢈ੑʹ͍ͭͯ Ұ൪େࣄʹ͍ͯ͠Δߟ͑ํ ͜ͷษڧձͷଘࡏཧ༝
ࣗͷೳྗʹظ͠ͳ͍ ͨͩํ๏Λྑ͘͠ଓ͚Δ ͜ͷษڧձͷଘࡏཧ༝ Idea
ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
lੜ࢈zͱԿ͔ʁ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
͜ͷษڧձ ʮϓϩͷΤϯδχΞͱͯ͠ ΑΓେ͖ͳՌΛڍ͛Δʯ ͕త ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
ϓϩͷΤϯδχΞʹͱͬͯ lੜ࢈zͱԿ͔ʁ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
ੜ࢈ όϦϡʔʣͱ ૬खʹର͢Δߩݙͷ͜ͱ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ ૬खফඅऀʢϚʔέοτʣɺձࣾɺ.5(ͷࢀՃऀɺPOͷ૬खʜʜ Idea
λεΫͷީิΛग़͢ औΓֻ͔ΔλεΫΛܾΊΔ λεΫΛऴΘΒͤΔ ߩݙ͢Δ ੜ࢈ͷϓϩηε͝ͱʹׂͯ͠ߟ͑Δ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ λεΫͷީิΛग़͢ 1
ೋ্ͭͷࢹͰߟ͑Δ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ ϝϯόʔϚωʔδϟʔ্ڃϚωʔδϟʔ$&0 λεΫͷީิΛग़͢ ϓϩμΫτͷػೳফඅऀࣾձ 1 Idea
Կ͕όϦϡʔ͔ΛѲ͢Δʹ ΑΓߴ͍ࢹ͕ඞཁ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ λεΫͷީิΛग़͢ 1
͕ࣗӨڹΛ༩͑ΒΕΔൣғͰ Ұ൪ߴ͍ࢹ͕ೋ্ͭ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ λεΫͷީิΛग़͢ 1
ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ औΓֻ͔ΔλεΫΛܾΊΔ 2
*TTVF͔Β͡ΊΔ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ औΓֻ͔ΔλεΫΛܾΊΔ 2 Idea
*TTVFΛղ͘લʹ ղ͖͘*TTVF͔Λ͏ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ औΓֻ͔ΔλεΫΛܾΊΔ 2
ຊ࣭తͳબࢶͰ͋Δ w ͦΕΛղ͘ͱͦͷઌͷݕ౼ʹେ͖ͳӨڹ͕͋Δ ਂ͍Ծઆ͕͋Δ w ͦΕΛղ͘ͱՁΛੜΉ͜ͱ͕Θ͔Γ͍͢ ͑Λग़ͤΔ
w ղ͘͜ͱ͕ՄೳͰ͋Δ ྑ͍Issue ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ औΓֻ͔ΔλεΫΛܾΊΔ 2
ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ λεΫΛऴΘΒͤΔ 3
࠷ޙ·ͰΓ͖Δ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ λεΫΛऴΘΒͤΔ 3 Idea
ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ λεΫΛऴΘΒͤΔ 3 ऴΘ͍ͬͯͳ͍ͳΒ ૬खʹͳΜΒߩݙͰ͖͍ͯͳ͍
ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ λεΫΛऴΘΒͤΔ 3 w .5(Λ։͍ͨΒ"HFOEBΛফԽ͖͠Δ w .5(Ͱܾ·Βͳ͔ͬͨΒ࣍ͷ.5(Ληοτ͢Δ w ʮ͜Εͬͨํ͕͍͍ΑͶʯͱͳͬͨΒλεΫΛੵΜͰΦʔφʔΛܾΊΔ w
ظݶ·ͰʹऴΘΒͳͦ͏ͳΒଞͷϝϯόʔʹॿ͚ΛٻΊΔ w ظݶ·ͰʹऴΘΒͳͦ͏ͳΒείʔϓΛߜΔ w ৽͍͠λεΫΛ୲͢ΔલʹɺࠓͷλεΫΛऴΘΒͤΔ ࠷ޙ·ͰΓ͖Δ
ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ ߩݙ͢Δ 4
0VUQVUͰͳ͘ 0VUDPNFΛࢦ͢ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ ߩݙ͢Δ 4 Idea
0VUDPNF 0VUQVUʹΑͬͯͨΒ͞ΕΔͷ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ ߩݙ͢Δ 4
w ࢿྉΛ࡞Δ w ࣮͢ΔɾϦϦʔε͢Δ w .5(͢Δ w ฉ͘ɾ͑Δ Outputͷྫ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
w ച্͕͕͋Δ w Ϣʔβ͕૿͑Δ w ϝϯόʔͷٕज़ྗ্͕͕Δ Outcomeͷྫ ߩݙ͢Δ 4
༭ฌͷνʔϜͱಓࢣͷνʔϜ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ ߩݙ͢Δ 4
w 0VUQVUʹΛෛ͏ w ࡞ΕͱݴΘΕͨͷΛ࡞Δ ༭ฌͷνʔϜ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏ w 0VUDPNFʹΛෛ͏ w ސ٬ͷ՝ͷղܾΛߦ͏
w ࣗൃతʹཱͪৼΔ͏ ಓࢣͷνʔϜ ߩݙ͢Δ 4
ೋ্ͭͷࢹͰߟ͑Δ *TTVF͔Β͡ΊΔ ࠷ޙ·ͰΓ͖Δ 0VUQVUͰͳ͘0VUDPNFΛࢦ͢ લ·ͱΊ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏
ϕʔεʹ͍ͯ͠Δߟ͑ ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏
࣌ؒਓؒͷ༗ݶࢿ࢈ ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ Idea
ਓͷ࣌ؒΛୣ͏ͷফۃతࡴਓ ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ େֶҰੜͷͱ͖ʹߨٛͰ
࣮ݧࢀՃऀ͕ෆඞཁʹଟ͍ͷ ඇྙཧతߦҝ ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ େֶӃੜͷͱ͖ʹݚڀࣨͰ
͔ͩΒ ͱʹ͔͘͘ಈ͘ ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏
͙͢ʹऴΘΔλεΫ ͙͢ʹऴΘΒͳ͍͕ɺݸਓͰ݁͢ΔλεΫ ෳਓ͕ؔΘΔλεΫ େਓ͕ظؒؔΘΔλεΫ ੜ࢈ͷྔ͝ͱʹׂͯ͠ߟ͑Δ ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏
͙͢ʹऴΘΔλεΫ 1 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏
͙͢Ͱ͖Δ͜ͱ ͙͢Δ 1 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ ͙͢ʹऴΘΔλεΫ Idea
͙͢ʹऴΘΔλεΫ 1 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ w ҎʹͰ͖ΔͳΒ͙͢Δ w FH/FYU"DUJPOΛΧϯόϯʹੵΉ w FH֬ೝ͕ඞཁͳ͜ͱΛฉ͘ w
FHίϝϯτʹฦΛ͢Δ w ΑΓ͔͔ΔͳΒϝϞͯ͠٫͢Δ Getting Things Done
͙͢ʹऴΘΒͳ͍͕ɺݸਓͰ݁͢ΔλεΫ 2 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏
͙͢ʹऴΘΒͳ͍͕ɺݸਓͰ݁͢ΔλεΫ 2 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ ࠷ͰΛࢦ͢ Idea
͙͢ʹऴΘΒͳ͍͕ɺݸਓͰ݁͢ΔλεΫ 2 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ ̍αΠΫϧ͝ͱʹֶͼ͕ಘΒΕΔ αΠΫϧΛଟͨ͘͠ํ͕ྑ͍
ෳਓ͕ؔΘΔλεΫ 3 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏
ෳਓ͕ؔΘΔλεΫ 3 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ ฒྻͰಈ͘ Idea
ෳਓ͕ؔΘΔλεΫ 3 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ ಉظίϛϡχέʔγϣϯ ޢૹધஂํࣜ
ෳਓ͕ؔΘΔλεΫ 3 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ ඇಉظίϛϡχέʔγϣϯʹΑͬͯ ݸʑਓͷΛԼ͛ͳ͍Α͏ʹ͢Δ
ෳਓ͕ؔΘΔλεΫ 3 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ w 4MBDL /PUJPO (JU)VC্ͰίϛϡχέʔγϣϯΛͱΔɻ͔͚͠ͳ͍ w ϝϯγϣϯ͖ίϝϯτʹ͙͢ฦ͢Δ w
ϨϏϡʔґཔʹ͙͢ฦ͢ w ใڞ༗Λੵۃతʹ͢Δ w ͍·ͲͷλεΫʹऔΓΜͰ͍Δ͔ w Өڹൣғͷେ͖͍มߋͷप w ʮ͜ͷλεΫ͕ऴΘͬͨΒ࣍ͷλεΫฒྻͰͰ͖ΔʯΛ༏ઌతʹղফ͢Δ w ٞ͠ͳ͍ w ୟ͖Λ࡞ͬͯڞ௨ೝࣝΛ࡞Δ w σʔλͰஅ͢Δ ඇಉظίϛϡχέʔγϣϯͷͨΊʹ
େਓ͕ظؒؔΘΔλεΫ 4 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏
େਓ͕ظؒؔΘΔλεΫ 4 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ పఈతʹγϯϓϧʹ͢Δ Idea ʮ୯७ʯͰͳ͘ʮ໌շʯ
େਓ͕ظؒؔΘΔλεΫ 4 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ ωοΫʹͳΔͷ ೝࣝίετ
େਓ͕ظؒؔΘΔλεΫ 4 ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ w 8IZ͔Β͡ΊΔ w ձࣾͷଘࡏҙٛ w ϓϩμΫτͷࢦ͍ͯ͠ΔՁ w
ϓϩδΣΫτ1VMM3FRVFTUͷղܾ͍ͨ͠՝ w ̍֓೦໋໊̍ w ϓϩδΣΫτ1VMM3FRVFTUͷղܾ͍ͨ͠՝̍ͭ w $MBTTGVODUJPOͷ̍ͭ w ෳ֓೦ʹͳͬͨΒɺׂ͢Δ͔ɺҰஈ֊நԽ໋໊ͯ͠͠ͳ͓͢ ೝࣝίετΛԼ͛ΔͨΊʹ
ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏ ͙͢Ͱ͖Δ͜ͱ͙͢Δ ࠷ͰΛࢦ͢ ฒྻͰಈ͘ పఈతʹγϯϓϧʹ͢Δ ޙ·ͱΊ
References
ʰϫʔΫɾϧʔϧζ ʱIUUQTXXXBNB[PODPKQEQ ʰΠγϡʔ͔Β͡ΊΑʱIUUQTXXXBNB[PODPKQEQ ʰίϯαϧҰֶ͕Ϳ͜ͱʱIUUQTXXXBNB[PODPKQEQ#."88 ʰ*/41*3&%ʱIUUQTXXXBNB[PODPKQEQ (5%ʢ(FUUJOH5IJOHT%POFʣIUUQTUPEPJTUDPNKBQSPEVDUJWJUZNFUIPETHFUUJOHUIJOHTEPOF ʰίϯαϧҰֶ͕Ϳ͜ͱʱIUUQTXXXBNB[PODPKQEQ#."88 ʰ(JU-BCʹֶͿੈք࠷ઌͷϦϞʔτ৫ͷͭ͘Γ͔ͨʱIUUQTXXXBNB[PODPKQEQ#$#3(:' ʰνʔϜτϙϩδʔʱIUUQTXXXBNB[PODPKQEQ ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏