Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
デザイナー・エンジニアのコンポーネント分類基準とその理想郷
Search
Xuesu Li
December 10, 2018
Programming
8
4.1k
デザイナー・エンジニアのコンポーネント分類基準とその理想郷
Xuesu Li
December 10, 2018
Tweet
Share
More Decks by Xuesu Li
See All by Xuesu Li
手書きSVGいいよ
resessh
0
230
Other Decks in Programming
See All in Programming
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
ayumu_yamaguchi
1
120
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
tosuri13
6
310
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
18
7.4k
Integrating WordPress and Symfony
alexandresalome
0
150
これならできる!個人開発のすゝめ
tinykitten
PRO
0
100
組み合わせ爆発にのまれない - 責務分割 x テスト
halhorn
1
150
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
150
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
selcukusta
0
120
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
hasibirok0
0
240
Rubyで鍛える仕組み化プロヂュース力
muryoimpl
0
120
Cap'n Webについて
yusukebe
0
130
AtCoder Conference 2025「LLM時代のAHC」
imjk
2
470
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.1k
Site-Speed That Sticks
csswizardry
13
1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Practical Orchestrator
shlominoach
190
11k
Context Engineering - Making Every Token Count
addyosmani
9
510
It's Worth the Effort
3n
187
29k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.4k
Raft: Consensus for Rubyists
vanstee
141
7.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
A designer walks into a library…
pauljervisheath
210
24k
Building Flexible Design Systems
yeseniaperezcruz
330
39k
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
ཧڷͷྑཱྀ͍࿏Λ