CSSレスãƒãƒ³ã‚·ãƒ–デザインをSPAã§ä½¿ã†ã¨ç ´æ»…ã™ã‚‹ - 橋本商会レスãƒãƒ³ã‚·ãƒ–デザイン㯠ã‚ãã¾ã§è¦‹ãŸç›®ã®èª¿æ•´ã€è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãªã®ã§ 下手ã«ä½¿ã†ã¨ã€ãƒ‡ãƒã‚¤ã‚¹æ¯Žã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒé•ã†UIã®stateãŒç„¡èŒ¶è‹¦èŒ¶è¤‡é›‘ã«ãªã£ã¦ã„ã コンãƒãƒ¼ãƒãƒ³ãƒˆã¨ã„ã†æ¦‚念ãŒç„¡ã‹ã£ãŸæ™‚代ã®è¨è¨ˆã‚’ã€SPAã«æŒã£ã¦ãã‚‹ã®ã¯ãŠã‹ã—ã„ ç”»é¢ã‚µã‚¤ã‚ºæ¯Žã«CSSã§æ‰‹è»½ã«ã‚’切り替ãˆã‚‹ã€ã¨ã„ã†ã®ãªã‚‰è‰¯ã„ ã—ã‹ã—ã€ç”»é¢ã‚µã‚¤ã‚ºæ¯Žã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒé•ã†éƒ¨å“ãŒå‡ºã¦ãã‚‹ã¨è¨è¨ˆãŒç ´ç¶»ã™ã‚‹ ç”»é¢ã‚µã‚¤ã‚ºæ¯Žã®ãŒã”ã¡ã‚ƒæ··ãœã«ãªã‚‹ コードãŒè¿½ãˆãªããªã‚Šã€ãƒã‚°ã®æ¸©åºŠã«ãªã‚‹ ã§ã¯ã€ã©ã†ã™ã‚‹ã‹ï¼Ÿ ç´ ç›´ã«ç”»é¢ã‚µã‚¤ã‚ºæ¯Žã€ãƒ‡ãƒã‚¤ã‚¹æ¯Žã€ã‚ã‚‹ã„ã¯ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³æ¯Žã®Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’書ã‘ã°ã„ㄠ使ã„ã¾ã‚ã›ã‚‹éƒ¨å“ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦åˆ‡ã‚Šå‡ºã—ã¦å†åˆ©ç”¨ã™ã‚‹ æ´å²ã‚’ç´è§£ã 2011å¹´é ƒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインãŒç”Ÿã¾ã‚ŒãŸ 当時ã®webã«ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå˜åœ¨ã—ãªã‹ã£ãŸ å˜ä½“ã§è¤‡é›‘ãªçŠ¶æ…‹é·ç§»ã‚’ã™ã‚‹ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒ‘ーツ
デザイナー・エンジニアã®â€¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåˆ†é¡žåŸºæº–ã¨â€¨ãã®ç†æƒ³éƒ· - Speaker Deck
{{#tags}}- {{label}}
{{/tags}}