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
160
生産性を上げる考え方
Tomohito Yamanaka
January 28, 2024
Tweet
Share
More Decks by Tomohito Yamanaka
See All by Tomohito Yamanaka
UIの情報構造に合わせたReact Componentを作る UI Structureパターン
intomyam
0
57
create unreadable_code unless carelessness !always
intomyam
1
690
Wantedly Visit's Account Table Design
intomyam
0
520
Featured
See All Featured
Bash Introduction
62gerente
611
210k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
370
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Typedesign – Prime Four
hannesfritz
40
2.5k
Faster Mobile Websites
deanohume
306
31k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
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 ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏