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
4.1k
デザイナー・エンジニアのコンポーネント分類基準とその理想郷
Xuesu Li
December 10, 2018
Tweet
Share
More Decks by Xuesu Li
See All by Xuesu Li
手書きSVGいいよ
resessh
0
220
Other Decks in Programming
See All in Programming
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
1
660
Updates on MLS on Ruby (and maybe more)
sylph01
1
170
AIレビュアーをスケールさせるには / Scaling AI Reviewers
technuma
2
240
Protocol Buffersの型を超えて拡張性を得る / Beyond Protocol Buffers Types Achieving Extensibility
linyows
0
100
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
1k
【第4回】関東Kaggler会「Kaggleは執筆に役立つ」
mipypf
0
1k
TDD 実践ミニトーク
contour_gara
1
270
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
430
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
tomohisa
0
220
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
19
4.1k
1から理解するWeb Push
dora1998
1
240
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
300
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
For a Future-Friendly Web
brad_frost
179
9.9k
Optimizing for Happiness
mojombo
379
70k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
GitHub's CSS Performance
jonrohan
1032
460k
Statistics for Hackers
jakevdp
799
220k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Docker and Python
trallard
45
3.5k
Why Our Code Smells
bkeepers
PRO
339
57k
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
ཧڷͷྑཱྀ͍࿏Λ