ç§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆãƒ»ãƒ†ã‚¹ãƒˆè¦³ç‚¹ 2022近日連投ã—ã¦ã„㟠Next.js 記事ã®ã‚µãƒ³ãƒ—ルコードを公開ã—ã¾ã—ãŸã€‚ã“ã®ã‚µãƒ³ãƒ—ルコードを元ã«ã€ç§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆãƒ»ãƒ†ã‚¹ãƒˆè¦³ç‚¹ã‚’紹介ã—ã¾ã™ï¼ˆã‚ãã¾ã§åŸ·ç†ç¾åœ¨ã®è„³å†…アウトプットã«ãªã‚Šã¾ã™ã®ã§ã”了承ãã ã•ã„） フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã®äº‹æƒ… タイトルã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã€ã‚’ã•ã™ã€ŒComponentsã€ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã¯ã€ã„ã¤ã‚‚æ‚©ã¿ã®ã‚¿ãƒã§ã™ã€‚ã“ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã¯ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ 観点・アクセシビリティ観点・フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…観点ã€ã® 3 ã¤ã®è¦³ç‚¹ãŒæ··åœ¨ã™ã‚‹ãŸã‚事情ãŒè¤‡é›‘ã§ã™ã€‚ã©ã†ã›ä½œã‚‹ã®ãªã‚‰ã€Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€ã©ã¡ã‚‰ã®é–‹ç™ºåŸºç›¤ã«ã‚‚ãªã‚Šãˆã‚‹ã€ç›¤çŸ³ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ を目指ã—ãŸã„ã§ã™ã‚ˆã。 "AtomicDesign ã‚„ã‚ã¾ã—ãŸ"ã¨ã„ã†å£°ã‚’ãŸã¾ã«èžãã®ã§ã™ãŒã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ çš„ã«æ¨ã¦ã¦ã„ã„ã®ï¼Ÿã€ã¨æ€ã†ã“ã¨ã‚‚ã‚ã‚‹ã®ã§ã€ã¨ãã«è¦æœ›ãŒãªã‘ã‚Œã°ã€ç†è€…ã¯ã€Œ
Atomic Designã®å®Ÿè£…例 〜Atomic Designを使ã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®UI開発：Q〜 - UGAP Engineer's Blog
Atomic Designã®å°Žå…¥ã«éš›ã—ã¦å·¥å¤«ã—ãŸã“㨠〜Atomic Designを使ã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®UIé–‹ç™ºï¼šç ´ã€œ - UGAP Engineer's Blog
Atomic Designã¨ã¯ 〜Atomic Designを使ã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®UI開発：åºã€œ - UGAP Engineer's Blog
Vue.js ã‹ã‚‰ã¿ãŸ AtomicDesign
{{#tags}}- {{label}}
{{/tags}}