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
170
生産性を上げる考え方
Tomohito Yamanaka
January 28, 2024
Tweet
Share
More Decks by Tomohito Yamanaka
See All by Tomohito Yamanaka
UIの情報構造に合わせたReact Componentを作る UI Structureパターン
intomyam
0
63
create unreadable_code unless carelessness !always
intomyam
1
700
Wantedly Visit's Account Table Design
intomyam
0
540
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Gamification - CAS2011
davidbonilla
81
5.3k
Documentation Writing (for coders)
carmenintech
71
4.9k
Code Review Best Practice
trishagee
68
18k
Six Lessons from altMBA
skipperchong
28
3.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Producing Creativity
orderedlist
PRO
346
40k
Why Our Code Smells
bkeepers
PRO
337
57k
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 ੜ࢈ྔΛ্͛Δߟ͑ํɾख๏
ੜ࢈࣌ؒΛԼ͛Δߟ͑ํɾख๏