ã€åˆå¿ƒè€…å‘ã‘】ç¾ä»£ (2018å¹´11月時点)ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã¤ã„㦠- Qiita上記ã®æŠ€è¡“をファイル変更ã¨åŒæ™‚ã«ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§è¡Œã†ç‚ºã«åˆ©ç”¨ã™ã‚‹ã®ãŒã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã€‚ タスクランナーã¯å…ƒã€… Grunt ã‚„ gulp ãŒä½¿ã‚ã‚Œã¦ã„ãŸãŒã€ä»Šã§ã¯ npm scripts 㨠Webpack を利用ã™ã‚‹æ¨¡æ§˜ã€‚ シングルページアプリケーションã«ã¤ã„㦠(SPA) 一ã¤ã®HTMLã ã‘ã§ç”»é¢é·ç§»ãŒå¯èƒ½ãªwebアプリケーションã®ã“ã¨ã€‚ Webpack ã§æœ€çµ‚çš„ã«åã出ã•ã‚Œã‚‹ HTML/CSS/JS ç‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’S3ç‰ã«è¨ç½®ã€‚ API通信やページé·ç§»ã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å¾Œã«jsã§éžåŒæœŸã«è¡Œã„ã€åŒæœŸçš„ãªé€šä¿¡ã¯ä¸€ç•ªæœ€åˆã®ã¿ã«ã™ã‚‹ã€‚ SPAã«ä½¿ã‚れるフレームワークã«ã¯ Vue.js ã‚„ React.js ç‰ãŒã‚る。 コンãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã«ã¤ã„㦠コンãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã¨ã¯ã€ã€ŒGUIパーツをモジュール化ã—ãŸã‚‚ã®ã€ã§ã‚る。 コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’構æˆã™ã‚‹è¦ç´ ã«ã¯ã€ä¸‹è¨˜ã®4ã¤ãŒã‚る。 æƒ…å ±æ§‹é€ (HTML) スタイル
{{#tags}}- {{label}}
{{/tags}}