--- title: SaCSS Special12 3ヶ月後の工数を劇的に減らす、将来のための効率的なマークアップ設計｜ブログ｜HubSpotやCSS設計に明るい半田 惇志の個人サイト description: 2017/7/1(土)開催の SaCSS Special12 SaCSS SUMMER FESTIVAL 第1弾 HTML＆CSS にて発表したスライドです。変更に強いマークアップ・設計の仕方を解説しています。 image: https://assialiholic.tectri.co.jp/hubfs/img/common/noImage.png --- 2017/07/02 - [*Technology](https://assialiholic.tectri.co.jp/blog/tag/technology) - [レポート](https://assialiholic.tectri.co.jp/blog/tag/レポート) - [スライド](https://assialiholic.tectri.co.jp/blog/tag/スライド) - [HTML/CSS](https://assialiholic.tectri.co.jp/blog/tag/html-css) # SaCSS Special12 3ヶ月後の工数を劇的に減らす、将来のための効率的なマークアップ設計 シェア： - - ## 目次 1. [テンプレートエンジン開発について一点補足 一点補足ですが、「テンプレートエンジンを使うよりもCMS上で直接開発を行った方が早いのでは？」と思われる方も多いと思います。それはその通りで、それが可能な環境であればそちらでも良いと思います。ただしCMS上で直接開発するデメリットとして](https://assialiholic.tectri.co.jp/blog/technology/sacss-special12#テンプレートエンジン開発について一点補足%20一点補足ですが、「テンプレートエンジンを使うよりもCMS上で直接開発を行った方が早いのでは？」と思われる方も多いと思います。それはその通りで、それが可能な環境であればそちらでも良いと思います。ただしCMS上で直接開発するデメリットとして) 2017/7/1(土)開催の SaCSS Special12 SaCSS SUMMER FESTIVAL 第1弾 HTML＆CSS にて発表したスライドです。変更に強いマークアップ・設計の仕方を解説しています。 ## テンプレートエンジン開発について一点補足 一点補足ですが、「テンプレートエンジンを使うよりもCMS上で直接開発を行った方が早いのでは？」と思われる方も多いと思います。それはその通りで、それが可能な環境であればそちらでも良いと思います。ただしCMS上で直接開発するデメリットとして - サーバー上のCMSの場合は、逐一ネットワークを介することによる遅延が発生する - ローカル開発環境においても、CMSの処理を介することによる遅延が発生する ということが挙げられます。もちろんそれらが無視できるレベルであれば問題無いかと思いますが、要は「デザインのビジュアル再現を行うHTML/CSSマークアップの段階では、CMSの処理は必要がない」ということであり、 CMSの処理が入ることによる作業の遅延 < テンプレートエンジンによる開発を噛ませる工数 であればCMS上での直接開発を行うことも選択肢に入ると考えています（ローカル開発の場合は、かつその環境をチームで同期するためのインフラ工数もかかりますが…）。 これに関しても結局、その時の開発体制やその他諸々の事情に合わせて柔軟に考慮すべきと思います。 スマホは下記から直接PDFを開いて下さい＼(^o^)／ [直接PDFを開く](https://assialiholic.tectri.co.jp/hubfs/slides/SaCSS%20Special12_small.pdf) シェア： - - ## コメント ## 関連記事