React Sketch.appã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã¿ãŸãƒªãƒã‚¸ãƒˆãƒªã®URLã¯ã“ã¡ã‚‰ã§ã™ https://github.com/sawa-zen/style-guide
Atomic Designを使ã£ã¦Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’å†è¨è¨ˆã—ãŸè©± | スペースマーケットブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è’ç”°ã§ã™ã€‚ æ—©ã„ã‚‚ã®ã§ã‚¹ãƒšãƒ¼ã‚¹ãƒžãƒ¼ã‚±ãƒƒãƒˆã«å…¥ç¤¾ã—ã¦åŠå¹´ãŒçµŒã¡ã¾ã—ãŸã€‚毎日新ã—ã„発見ãŒã‚り充実ã—ãŸæ—¥ã€…ã‚’é€ã£ã¦ã„ã¾ã™ã€‚ 今日ã¯Atomic Designを使ã£ã¦Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’å†è¨è¨ˆã—ãŸãŠè©±ã‚’ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 背景 今ã¾ã§ã¯Reactã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作æˆã™ã‚‹ã«ã‚ãŸã‚Šã€ç²’度ã«é–¢ã—ã¦ã®æŒ‡é‡ãŒæ˜Žæ–‡åŒ–ã•ã‚Œã¦ãŠã‚‰ãšã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ç²’度ã¯å„エンジニアãŒãã‚Œãžã‚Œã®æ€æƒ³ã§æ±ºã‚ã¦ã„ãŸãŸã‚ã€æ‹…当エンジニアã®é•ã„ã«ã‚ˆã£ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç²’度ãŒã°ã‚‰ã°ã‚‰ã«ãªã‚‹èª²é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ 汎用的ã§ã€ä½¿ã„ã‚„ã™ã„粒度ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作æˆã™ã‚‹ãŸã‚ã«ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç¹°ã‚Šè¿”ã—使ã£ã¦ã„ã‚‹ã€ãã®ç²’度ã«åˆã‚ã›ã‚‹ã®ãŒã„ã„ã®ã§ã¯ï¼Ÿã¨æ„Ÿã˜ã¾ã—ãŸã€‚ ãã—ã¦ãれらを解決ã™ã‚‹ãŸã‚ã«Atomic Designã‚’å°Žå…¥ã—ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚ã‚Šæ–¹ã«ã¤ã„ã¦å†è¨è¨ˆã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Atomic
Gatsby + Netlify CMS㧠爆速blog開発
Transcript (BUTCZ� �/FUMJGZ�$.4Ͱ� ര଎CMPH։ൃ� NFHVSP�FT���� None None (BUTCZÍ±Í¸Ê (BUTCZÍ±Í¸Ê (BUTCZͱ͸Ê
 IUUQT���XXX�HBUTCZKT�PSH� (BUTCZÍ±Í¸Ê w3FBDU (SBQI2-Î›à¢–à¼»Í Í¨à©©à°¤Î±Î Ï„Î´Î£Ï‰Ï¨Ê”Î»Ê”ï¿½ w131-ÏÎ»Ê”Ï¯Î›à ¾à¼»ï¿½ w.BSLEPXOÍ°#MPHΛॻ͘͜ͱ͕Ͱ͖Δ� w3FBDUͷެࣜαΠτ΋(BUTCZͰ࡞ΒΕͯÍΔ� w#MPH։ൃʹඞà½Í³ÍœÍ±Î›â€¨ ༷ʑͳàªà¼»QMVHJOͰ࣮ݱͰ͖Δ (BUTCZÍ±Í¸Ê w3FBDU (SBQI2-Î›à¢–à¼»Í Í¨à©©à°¤Î±Î Ï„Î´Î£Ï‰Ï¨Ê”Î»Ê”ï¿½ w131-ÏÎ»Ê”Ï¯Î›à ¾à¼»ï¿½ w.BSLEPXOÍ°#MPHΛॻ͘͜ͱ͕Ͱ͖Δ� w3FBDUͷެࣜαΠτ΋(BUTCZͰ࡞ΒΕͯÍΔ� w#MPH։ൃʹඞà½Í³ÍœÍ±Î›â€¨ ༷ʑͳàªà¼»
GithubãŒãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ を作るã¾ã§ã®é“ã®ã‚Šï¼ˆå‰ç·¨ï¼‰
Jerry Caoæ°ã¯ã€UXPinã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ストラテジスト。プラットフォームã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒŸãƒ³ã‚°ã¨ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングを行ã†ãŸã‚ã®ã‚¢ãƒ—リ内ãŠã‚ˆã³ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を開発ã—ã¦ã„ã¾ã™ã€‚ Diana Mounteræ°ã¯Githubã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŠã‚ˆã³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®ãƒªãƒ¼ãƒ€ãƒ¼ã§ã™ã€‚ デザインã¨é–‹ç™ºã«ãŠã„ã¦15å¹´è¿‘ã„ã‚ャリアをもã¤å½¼å¥³ã¯ã€Etsyã§ã‚·ãƒ‹ã‚¢ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’å‹™ã‚ãŸå¾Œã€2015年末ã«Githubã®ãƒãƒ¼ãƒ ã«å‚åŠ ã—ã¾ã—ãŸã€‚ ç§ãŸã¡ã¯ã“ã®ã‚¤ãƒ³ã‚¿ãƒ“ューã§å½¼å¥³ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã«ãŠã‘るベストプラクティスã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®ä½œæˆãƒ»ä¿å®ˆã®çµŒé¨“ã‹ã‚‰å¦ã‚“ã 教訓ã«ã¤ã„ã¦èžãã¾ã—ãŸã€‚ã“ã®ã‚¤ãƒ³ã‚¿ãƒ“ューã¯ã€å‹•ç”»ã§è¦‹ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã¾ãŸã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®åˆ©ç‚¹ã‚„プãƒã‚»ã‚¹ã«ã¤ã„ã¦ã‚‚ã£ã¨çŸ¥ã‚ŠãŸã‘ã‚Œã°ã€ç„¡æ–™ã®eブック『Why Build a Design System？ã€ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„。 Gi
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
爆速サイトを爆速ã§ä½œã‚Œã‚‹Netlify + Gatsby / Create fast site with netlify and gatsby
Next Currencyã®ç®¡ç†ç”»é¢ サーãƒã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“é¸æŠž
{{#tags}}- {{label}}
{{/tags}}