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
Xuesu Li
December 10, 2018
Programming
8
4k
デザイナー・エンジニアのコンポーネント分類基準とその理想郷
Xuesu Li
December 10, 2018
Tweet
Share
More Decks by Xuesu Li
See All by Xuesu Li
手書きSVGいいよ
resessh
0
210
Other Decks in Programming
See All in Programming
新卒から4年間、20年もののWebサービスと 向き合って学んだソフトウェア考古学
oguri
7
6.6k
ステートソーシング型イベント駆動の視点で捉えるCQRS+ES
shinnosuke0522
1
320
Preact、HooksとSignalsの両立 / Preact: Harmonizing Hooks and Signals
ssssota
1
690
Go1.24 go vetとtestsアナライザ
kuro_kurorrr
2
460
Go1.24で testing.B.Loopが爆誕
kuro_kurorrr
0
160
Kubernetesで実現できるPlatform Engineering の現在地
nwiizo
2
1.7k
WordPress Playground for Developers
iambherulal
0
120
Devin , 正しい付き合い方と使い方 / Living and Working with Devin
yukinagae
1
530
爆速スッキリ! Rspack 移行の成果と道のり - Muddy Web #11
dora1998
1
150
令和トラベルにおけるコンテンツ生成AIアプリケーション開発の実践
ippo012
1
260
本当だってば!俺もTRICK 2022に入賞してたんだってば!
jinroq
0
250
Going Structural with Named Tuples
bishabosha
0
170
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Testing 201, or: Great Expectations
jmmastey
42
7.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
25k
The Invisible Side of Design
smashingmag
299
50k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
28
1.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
320
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Transcript
σβΠφʔɾΤϯδχΞͷ ίϯϙʔωϯτྨج४ͱ ͦͷཧڷ ཥઇॗ!SFTFTTI ɹୈ̍ճ"UPNJD%FTJHOʹ͍ͭͯߟ͑Δձ
✋Ξϯέʔτ w σβΠφʔ w ϑϩϯτΤϯυΤϯδχΞ w όοΫΤϯυΤϯδχΞ w ͷൺ͕Γ͍ͨͷͰڍख͓Ͷ͕͍͠·͢ʢෳڍखՄʣ
"ࣗݾհ w Γͤͬ͠Ύ ཥઇॗ !SFTFTTI w 3FUUZגࣜձࣾ w ڕհܥϥʔϝϯ୲
w $44ΤϯδχΞϑϩϯτΤϯυσβΠφʔ w )5.-$44+BWB4DSJQU7VFKTͳͲ
͜Μͳ͜ͱ͋Γ·ͤΜ͔ʁ ୈҰճ"UPNJD%FTJHOΛߟ͑ΔձΞϯέʔτ݁ՌΑΓ
͜Μͳ͜ͱ͋Γ·ͤΜ͔ʁ ୈҰճ"UPNJD%FTJHOΛߟ͑ΔձΞϯέʔτ݁ՌΑΓ
ͦΕͳʂ
&ࠓ͢͜ͱ w ίϯϙʔωϯτΛྨ͢Δཧ༝ɾج४ w σβΠφʔฤ w ΤϯδχΞฤ w ͦΕͧΕͷج४Λ߹ମͤ͞Δ
ίϯϙʔωϯτΛ ྨ͢Δཧ༝ɾج४ 'σβΠφʔฤ
r#SBE'SPTU ͦͦ l"UPNJDEFTJHOJTBNFUIPEPMPHZGPSUIJOLJOHBCPVU VTFSJOUFSGBDFT OPU$44BSDIJUFDUVSFz l"UPNJDEFTJHOϢʔβΠϯλʔϑΣʔεΛߟ͑Δ ͨΊͷํ๏Ͱɺ$44ΞʔΩςΫνϟͰͳ͍ɻz IUUQTXFCEFTJHOUVUTQMVTDPNBSUJDMFTTUSVDUVSJOHTBTTTBZJOHHPPECZFUPBUPNJDEFTJHOBNCJHVJUZDNTDPNNFOU
"UPNJD%FTJHOͷྨ ໎ͬͨΒσβΠϯͷج४Ͱ ߟ͑ͨ΄͏͕Αͦ͞͏
σβΠφʔ͕ίϯϙʔωϯτ Λྨ͢Δཧ༝ ෳਓͷσβΠφʔ͕ڞಉ࡞ۀΛͯ͠τϯϚφΛ౷Ұ ͍ͨ͘͢͠͠ ίϯϙʔωϯτΛ࠶ར༻͢Δࡍʹ୳͍ͨ͘͢͠͠ ίϯϙʔωϯτ͕ͲͷϢʔβߦಈͷϑΣʔζʹର͢Δ ͳͷ͔ɺΛ໌֬ʹ͢Δ͜ͱͰɺʹରͯ͠վળΛ
ߦ͏ίϯϙʔωϯτΛ୳͍ͨ͘͢͠͠
ϢʔβߦಈͷϑΣʔζ w ը໘શମ͔Βؔ৺ͷ͋ΔίϯςϯπΛ୳͢ w ίϯςϯπͷ֓ཁΛेʹཧղ͢Δ w ߦ͍͍ͨΞΫγϣϯͷखॱΛཧղ͢Δ w ΞΫγϣϯͷ࣮ߦঢ়گɾ݁ՌΛཧղ͢Δ ཻେ
ཻখ
ϢʔβߦಈͷϑΣʔζΛ ϕʔεʹج४Λ࡞Δͱ ྨͷҙຯ͕͋Γͦ͏
ίϯϙʔωϯτΛ ྨ͢Δཧ༝ɾج४ )ΤϯδχΞฤ
ΤϯδχΞ͕ίϯϙʔωϯτ Λྨ͢Δཧ༝ ґଘͷํੑΛ࡞Δ͜ͱͰɺมߋͷӨڹൣғΛڱΊ͍ͨ ࠷খ୯Ґͷྨ͕͖ͪΜͱ্࣮ͷ࠷খ୯ҐͰແ͍ͱɺ࣮ ӡ༻͕ਏ͍ɻ·ͨɺ࠷খ୯Ґඞͣίϯϙʔωϯτݺ ͼग़͠ʹͳͬͯ΄͍͠ ϖʔδίϯςϯπͷϨΠΞτͱϖʔδίϯςϯπ֎ͷ
ϖʔδશମͷϨΠΞτͰ͚͍ͨ σʔλιʔε͕ܾ·ͬͨίϯϙʔωϯτͱͦ͏Ͱͳ͍ίϯ ϙʔωϯτΛ͚Δ͜ͱͰ࠶ར༻ੑΛߴΊ͍ͨ
ϖʔδίϯςϯπͷϨΠΞτͱϖʔδίϯ ςϯπ֎ͷϖʔδશମͷϨΠΞτͰ͚͍ͨ άϨʔεέʔϧͷ෦
σʔλιʔε͕ܾ·ͬͨίϯϙʔω ϯτͱͦ͏Ͱͳ͍ίϯϙʔωϯτ w 4UPSFʹΞΫηεͰ͖ͨΓɺ"1*ΛݺΔͱɺσʔ λιʔεʹґଘ͢ΔͷͰ࠶ར༻͕ͮ͠Β͘ͳΔ w σʔλιʔε͕ܾ·ͬͨίϯϙʔωϯτˠ$POUBJOFS $PNQPOFOUT w ͦ͏Ͱͳ͍ίϯϙʔωϯτˠ1SFTFOUBUJPOBM
$PNQPOFOUT ʮ1SFTFOUBUJPOBMBOE$POUBJOFS$PNQPOFOUTʯ IUUQTNFEJVNDPN!EBO@BCSBNPWTNBSUBOEEVNCDPNQPOFOUTDBGBDE
$POUBJOFS$PNQPOFOUTͱ 1SFTFOUBUJPOBM$PNQPOFOUT͕ ྨͰ͖Εɺ͋ͱ֤ͬΆ͍
ͦΕͧΕͷج४Λ ߹ମͤ͞Δ
1BHFT5FNQMBUFT w 'ը໘શମ͔Βؔ৺ͷ͋ΔίϯςϯπΛ୳ͤΔͨΊͷཻ w )ϖʔδίϯςϯπͷϨΠΞτͱϖʔδίϯςϯπ֎ͷϨ ΠΞτͰ͚͍ͨ w ϖʔδίϯςϯπ֎ͷϨΠΞτ-BZPVUT͕σϑΝΫτͳ ͷͰɺ1BHFT-BZPVUTͰ໋໊͢Δͱ࣮ଆָ͕ͳ͜ͱ w
)࠶ར༻ੑ͍ɻ w ಛఆͷσʔλιʔεʹґଘ͢Δ
1BHFT
5FNQMBUFT -BZPVUT
0SHBOJTNT w 'ίϯςϯπΛेʹཧղ͠ɺ࣍ͷΞΫγϣϯΛىͨ͜͢Ί ͷཻɻ w ίϯςϯπ͕͜ͷίϯϙʔωϯτҰͭͰ݁͢Δɻ63-Λ ͍࣋ͬͯΔ͜ͱ͕ଟ͍ w ΞΫγϣϯਵ͍ͯ͠Δ͜ͱ͕ଟ͍ w
)࠶ར༻ੑͯ͘Α͍ɻ w ඞཁͰ͋Εಛఆͷσʔλιʔεʹґଘ͢Δ͜ͱ͕Ͱ͖Δɻ
0SHBOJTNT
0SHBOJTNT ಛఆͷσʔλιʔεʹґଘ͠ͳ͍ 0SHBOJTNT͕0SHBOJTNTΛؚΉύλʔϯ
0SHBOJTNT
0SHBOJTNT 0SHBOJTNT͕0SHBOJTNTΛؚΉύλʔϯ
.PMFDVMFT w 'ίϯςϯπͷಛఆͷใͷཧղΛਂΊͤ͞ΔͨΊͷཻ w ίϯςϯπ͕ҰͭͰ݁͠ͳ͍ίϯϙʔωϯτ w 'ߦ͍͍ͨΞΫγϣϯͷखॱΛཧղͤ͞ΔͨΊͷཻ w ಛఆͷΞΫγϣϯΛߦ͏6* w
)࠶ར༻͘͢͢͠Δ w ಛఆͷσʔλιʔεʹґଘ͍͚ͯ͠ͳ͍ʂ
.PMFDVMFT
.PMFDVMFT
"UPNT w 'ෳਓͷσβΠφʔ͕ڞಉ࡞ۀΛͯ͠τϯϚφΛ౷Ұ͘͢͠ ͢ΔͨΊͷཻ w )5.-ͷλάʹରԠ͢Δ͜ͱ͕ଟ͍ w 5SBOTJUJPOίϯϙʔωϯτͳͲ w )࠶ར༻͘͢͢͠Δ
w ಛఆͷσʔλιʔεʹґଘ͍͚ͯ͠ͳ͍ʂ w )࠷খ୯Ґඞͣίϯϙʔωϯτݺͼग़͠ʹͳͬͯ΄͍͠
"UPNT
͓·͚ 'PVOEBUJPOT ͜͏͍͏༰$44ϓϦϓϩηοαͷ ఆʹஔ͍ͨ΄͏ָ͕ IUUQTLBSSJTBBSJOFODPNQPTUTCVJMEJOHBJSCOCEFTJHOTZTUFNΑΓ
+͔͠͠ɺஅʹ໎͏ Τοδέʔεͱͯଟ͍
ίϯϙʔωϯτ ྨج४ͷཧڷ
-σβΠφʔͱΤϯδχΞ͕ ίϯϙʔωϯτྨͷཧ༝Λ࣋ͪɺ ରΛ͢Δڥ
r#SBE'SPTU ͦͦ l#VUBUPNJDEFTJHOJTOPUSJHJEEPHNB6MUJNBUFMZ XIBUFWFS UBYPOPNZZPVDIPPTFUPXPSLXJUITIPVMEIFMQZPVBOEZPVS PSHBOJ[BUJPODPNNVOJDBUFNPSFF⒎FDUJWFMZJOPSEFSUPDSBGUBO BNB[JOH6*EFTJHOTZTUFNz l͔͠͠ɺ"UPNJD%FTJHOݫ֨ͳڭٛͰͳ͍ɻڀۃత ʹɺͲΜͳUBYPOPNZΛબ΅͏ͱɺ͋ͳͨͱ͋ͳͨͷ ৫͕ΑΓޮՌతʹɺૉΒ͍͠6*σβΠϯγεςϜΛ
࡞ΔͨΊͷίϛϡχέʔγϣϯͷॿ͚ʹͳΔɻz IUUQBUPNJDEFTJHOCSBEGSPTUDPNDIBQUFSXIBUTJOBOBNF
"MUFSOBUJWF"UPNJD%FTJHO w ࡞ΔΞϓϦέʔγϣϯνʔϜͷڥʹΑͬͯɺྨ͢Δ ཧ༝ྨ໊ͷϞνϕʔγϣϯҧ͏ɻ w ସͱͳΔྨํ๏ΛνʔϜͰ࡞Γɺڞ௨ݴޠΛ໌֬ʹ͠ ͍ͯ͘ ʮ"MUFSOBUJWF"UPNJD%FTJHOΛ͕ͯ͞͠ʯ IUUQTZPSZEFTJHOOPUFBMUFSOBUJWFBUPNJDEFTJHO
ཧڷͷྑཱྀ͍࿏Λ