Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
デザイナー・エンジニアのコンポーネント分類基準とその理想郷
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Xuesu Li
December 10, 2018
Programming
4.2k
8
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
デザイナー・エンジニアのコンポーネント分類基準とその理想郷
Xuesu Li
December 10, 2018
More Decks by Xuesu Li
See All by Xuesu Li
手書きSVGいいよ
resessh
0
240
Other Decks in Programming
See All in Programming
AIエージェント時代のコードレビューを設計する
nogu66
6
2.6k
iOS開発×AI駆動開発 〜最近使って便利だったスキルの話〜
nogu66
0
140
GKE アップグレード前に知っておきたい Blue/Green と PDB の関係
stkk
0
160
型解析で実現する Go の言語内 DSL / Conference に Go! タイムテーブルの歩き方 for Gophers
mazrean
0
140
Press start. Python's next generation.
willingc
PRO
3
330
ソフトウェアラスタライザ
fadis
1
800
MIZARU@SPAJAM2026 第二回予選
1901drama
0
110
AI × TiDD / 2026.09.05 Redmine 大阪
tokudiro
1
120
『寄り添うラジオ』をAIで作る 体験価値から逆算した、会話しないUXと品質設計
theoriatec2024
3
150
LLMは4年分のCompose移行を再現できるのか?実プロダクト279件のXMLで探る自動化の境界線
makun
0
520
業務時間外もAIに働いてもらう話
colorful12
3
10k
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
danybony
1
230
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Building an army of robots
kneath
306
46k
For a Future-Friendly Web
brad_frost
183
10k
Building a Scalable Design System with Sketch
lauravandoore
464
34k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
270
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
930
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
460
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
780
Everyday Curiosity
cassininazir
0
310
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3k
Thoughts on Productivity
jonyablonski
76
5.4k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
320
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
ཧڷͷྑཱྀ͍࿏Λ