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
Riot.js で Atomic Design しながら AMESTAGE 作った話
Search
yuuki79
July 27, 2016
Technology
7
7.5k
Riot.js で Atomic Design しながら AMESTAGE 作った話
Riot.js + Web Components + Atomic Design は優勝!
#Riot.js #AtomicDesign #WebComponents #AMESTAGE
yuuki79
July 27, 2016
Tweet
Share
More Decks by yuuki79
See All by yuuki79
暗号屋の稼業 @ AWS Blockchain Webinar
79yuuki
0
100
暗号屋の稼業
79yuuki
0
500
NFTビジネス活用の可能性
79yuuki
1
470
サルでもわかるブロックチェーン講座
79yuuki
0
430
仮想通貨これからどうなる?
79yuuki
1
350
ビットコインに対する所有権は認められるのか
79yuuki
0
5.5k
Blockchain x Startup
79yuuki
0
5.6k
Ripple で学ぶ DEX の世界
79yuuki
0
6.3k
日本と海外の放送禁止文化の違い
79yuuki
0
770
Other Decks in Technology
See All in Technology
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
hhiroshell
0
140
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Observability — Extending Into Incident Response
nari_ex
1
150
Azureコストと向き合った、4年半のリアル / Four and a half years of dealing with Azure costs
aeonpeople
1
270
生成AI時代のPythonセキュリティとガバナンス
abenben
0
130
現場の壁を乗り越えて、 「計装注入」が拓く オブザーバビリティ / Beyond the Field Barriers: Instrumentation Injection and the Future of Observability
aoto
PRO
1
280
データ戦略部門 紹介資料
sansan33
PRO
1
3.8k
OSSで50の競合と戦うためにやったこと
yamadashy
3
970
OpenTelemetry が拡げる Gemini CLI の可観測性
phaya72
2
2.2k
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
150
クラウドとリアルの融合により、製造業はどう変わるのか?〜クラスメソッドの製造業への取組と共に〜
hamadakoji
0
390
Building a cloud native business on open source
lizrice
0
170
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Optimizing for Happiness
mojombo
379
70k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
930
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Stop Working from a Prison Cell
hatefulcrawdad
272
21k
YesSQL, Process and Tooling at Scale
rocio
173
15k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Transcript
3JPUKTͰ"UPNJDEFTJHO͠ͳ͕Β ɹɹɹɹɹɹɹɹɹ࡞ͬͨ αΠόʔΤʔδΣϯτࢵ༎ٍ
ࣗݾհ αΠόʔΤʔδΣϯτ৽ଔೖࣾ ܳೳਓϒϩάɺ"OESPJEΞϓϦϚʔέοτɺεϚϗҭ ήʔϜɺιγϟήϓϩσϡʔαʔɺιγϟήΤϯδ χΞ ݩ+"7" 1.ڬΜͰ/PEFKTɺࠓαʔόʔͱϑϩϯ τΤϯυ ݸਓͰσβΠϯͷࣄɺ#B1"ҰظੜɺTDIPPͰ /PEFKTͷઌੜɺஶॻʹʮ8FC੍࡞ऀͷͨΊͷ
(JU)VCͷڭՊॻʯɻ झຯΞχϝɺΞχιϯ%+
ࠓͷ 1PXFSFECZ
8FC J04 "OESPJE൛͕͋Γ·͢ 8FC ࢹௌͷΈ ৴։ൃ༧ఆ εϚϗ ৴ɾࢹௌ
ίʔφʔػೳ %&.0 ग़དྷͳ͍ͷͰΞΫηεͯ͠ΈͯͶʂ https://amestage.com
"UPNJD%FTJHO Ͳ͏ͬͯ࡞͍ͬͯΔ͔
None
None
None
None
None
None
None
None
None
None
*OTUBHSBNͩͱ͜Μͳײ͡
ϝϦοτ w ྨ͢Δ͜ͱͰɺίϯϙʔωϯτ࠶ར༻ͷྑ͍҆ ʹͳΔɻ w σβΠϯมߋʹڧ͘ɺ࠶ར༻ੑ͕ߴ·Δɻ
࠶ར༻ʁ w 8FCDPNQPOFOUTͷࢦ͍ͯ͠Δͱ͜Ζ w #PPUTUSBQఔͰελΠϧͷ࠶ར༻ʹཹ·Δɻ w ڍಈ·Ͱ࠶ར༻͠ɺػೳ͖ͷίϯϙʔωϯτΛ͍ճ͢ɻ ʠςϯϓϨʔτɺͰͳ͘ɺٕज़Λ͚Δ͚ͩͩɻʡ
࠶ར༻Մೳͳίϯϙʔωϯτͷ࡞Λγϯϓϧͳମݧʹɻ
3JPUKTͰ"UPNJD%FTJHO
4UZMF(VJEFͰͷʠ࠶ར༻ʡ <style-guide-item> (<yield> ̎ͭͬͯഎܠ͖Ͱ֬ೝͰ͖Δ) ʜ <toledo-badge-exam> <toledo-badge> <toledo-badge-exam> <toledo-badge> <toledo-badge>
<toledo-badge>
4UZMF(VJEFͰͷʠ࠶ར༻ʡ 4UZMF(VJEFͰΘΕ͍ͯΔίϯϙʔωϯτ͕ ຊ൪Ͱͦͷ··ΘΕ͍ͯΔɻ
4UZMF(VJEFͷ࣮ྫ components/atoms/toledo-button/toledo-button.tag (࣮͞Εͨίϯϙʔωϯτຊମ) components/atoms/toledo-button/example.tag (ίϯϙʔωϯτຊମΛstyleguideͰදࣔ͢Δ) style guide result
w 3JPUKT 8FC$PNQPOFOUT "UPNJD%FTJHO༏উʂ w มߋʹڧ͍ɺ͚ͲಠࡋతɻσβΠφʔʹσβΠϯσʔλͷ໊લͱ͔ଗ ͑ͯΒͬͨΓɺ֬ೝͯ͠ΒͬͨΓͱ͍͏ϑϩʔؚΊͯɻϚʔ ΫΞοϓΨϦΨϦͰ͖ΔਓͳΒΑΓ˕ w ʮƂŦŢɺ+4ŧŔŪũƄŝſʯΈ͍ͨͳਓʹੑ͕ߴ͍ɻͱʹ͔͘ײతɻγ
ϯϓϧɻ w śƀśƀ 'MVY8FC$PNQPOFOUTͱ૬ੑྑ͍ɻSJPUPCTFSWBCMF ͕ศརɻ3JPU SFEVYͱ͔࣍ͳΜ͔Ͱ͏࣌ͬͯΈ͍ͨɻ ͬͯΈͨײ
3JPUKTΦεεϝϙΠϯτ w ͜Ε͔ΒϑϩϯτΤϯυ։ൃ͢ΔͳΒ8FCDPNQPOFOUT ͷߟ͑ʹऩଋ͍͖ͯ͘͠ɻ w 8FCDPNQPOFOUT͕ඪ४ίϯϙʔωϯτΛଗ͑ͯ͘Δͷ ·ͩઌɻ1PMZNFSະདྷ͗͢Δ͠ɺ3FBDUօ 8FC੍࡞ ʹؔΘΔશͯͷਓ ͕͏ʹͱ͖ͬͭʹ͍͘ɻ
w ίϯϙʔωϯτΛ࡞ΔͳΒ3JPUKT͕Ұ൪γϯϓϧɻίϯϙʔ ωϯτΛ࡞Δࢦඪͱͯ͠"UPNJD%FTJHO૬ੑ͕ྑ͍ɻ
ίϯϙʔωϯτͷ࡞Γํ͕ຊʹײతɻ ͔͍͠·Θ͍͢͠ɻ ͜Ε͘Β͍ͷαʔϏεͰಈ͘ɺૣ͍ɺ؆୯ɻ
BNFTUBHFDPN