アメブãƒã« ESLint + Prettier ã§è‡ªå‹•ã‚³ãƒ¼ãƒ‰æ•´å½¢ã‚’å°Žå…¥ã—ãŸè©± | CyberAgent Developers Blogã“ã‚“ã«ã¡ã¯ï¼ アメーãƒãƒ–ãƒã‚°ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’ã—ã¦ã„ã‚‹2017å¹´æ–°å’エンジニアã®ä¸Šè¥¿ã§ã™ã€‚ 今回ã¯ã€æ˜¨å¹´åº¦ã®åˆ·æ–°ã§React + Reduxã®æ§‹æˆã«ãªã£ãŸã‚¢ãƒ¡ãƒ–ãƒã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ESLint + Prettierã§è‡ªå‹•ã‚³ãƒ¼ãƒ‰æ•´å½¢ã‚’å°Žå…¥ã—ãŸè©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ï¼ ESLintã¨ã¯ / Prettierã¨ã¯ ESLintã¯JavaScriptã®Linterã§ã™ã€‚ スタイルガイドラインã«æº–æ‹ ã—ã¦ã„ãªã„å•é¡Œã®ã‚るパターンやコードを見ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã€è»½å¾®ãªã‚¨ãƒ©ãƒ¼ãªã‚‰AutoFixã§ãã¾ã™ã€‚ アメブãƒã§ã¯åˆ·æ–°å½“åˆã‹ã‚‰å°Žå…¥ã—ã¦ã„ã¾ã—ãŸãŒã€AutoFix機能を利用ã—ã¦ã„ãªã‹ã£ãŸãŸã‚軽微ãªLintエラーã§ã‚‚手動ã§ç›´ã™å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ Prettierã¯ã‚³ãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ãƒ¼ã§ã™ã€‚ コマンド1発ã§ã‚³ãƒ¼ãƒ‰ã‚’一貫ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã«è‡ªå‹•æ•´å½¢ã§ãã¾ã™ã€‚ ES2017ã‚„JSXã€Flowã€CSSãªã©ã®æ§˜ã€…ãªè¨€èªžã«å¯¾å¿œ
{{#tags}}- {{label}}
{{/tags}}