テンプレートエンジン「EJSã€ã¨ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã€ŒGulp.jsã€ã§çˆ†é€ŸHTMLコーディング | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作ã“ã‚“ã«ã¡ã¯ï¼ LIGフィリピン支社代表ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ çªç„¶ã§ã™ãŒã¿ãªã•ã‚“ã€EJSã£ã¦ã”å˜ã˜ã§ã™ã‹ï¼Ÿ EJSã£ã¦ã„ã†ã®ã¯ã§ã™ãã€ãªã‚“ã‹ã‚‚ã†ã€ã“ã†ã€ã™ã‚“ã”ã„ツールã§ã—ã¦ï¼ã€€ã¨ã«ã‹ãã€ä½¿ã†ã¨ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒã‚ã£ã¡ã‚ƒæ—©ããªã‚‹ã‚“ã§ã™ã‚ˆï¼ï¼ 今回ã¯ãれを使ã£ã¦ã€çˆ†é€Ÿã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®å…¥é–€ç·¨ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ EJSã¨ã¯ï¼Ÿ EJSã¯ãƒ†ãƒ³ãƒ—レートエンジンã¨å‘¼ã°ã‚Œã‚‹ãƒ„ールã®1ã¤ã§ã€JavaScriptã®ã‚ˆã†ãªæ›¸ã方をå–り入れã¤ã¤HTMLãŒæ›¸ã‘ã‚‹ã¨ã„ã†ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ã–ã£ã£ã£ã£ãり言ã„表ã™ã¨ã€Sassã¨CSSã®é–¢ä¿‚ã«è¿‘ã„ã§ã™ã€‚ 「EJSデータã§ã‚ˆã‚Šæ¥½ãªæ›¸ã方をã—ã¦ã€HTMLã«å¤‰æ›ã—ã¦å‡ºåŠ›ã™ã‚‹ã€ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚ŒãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã€ä¾‹ãˆã°headerã‚„footerãªã©ã®ãƒ‘ーツを分割ã—ã¦å…±é€šåŒ–ã•ã›ãŸã‚Šã€JSã®foræ–‡ã®ã‚ˆã†ãªå‘½ä»¤ãŒHTML上ã§ä½¿ãˆã¾ã™
{{#tags}}- {{label}}
{{/tags}}