ExcelベースでHTMLテンプレートエンジンを作る | ムノログ 合同会社ムジンケイカクプロのITノウハウブログ
VBAツール

ExcelベースでHTMLテンプレートエンジンを作る

ECサイト制作代行 VBAツール

VBAツールの作例として、擬似的にHTMLテンプレートエンジンを作ります。
LP製作時にも有効です。

要件定義

概要

HTMLテンプレートエンジンなどで制作されたLPなどのHTMLページを、手元で素早く作成更新したい。
Pug・EJS・Nunjucksなどでプロジェクトファイル全体が共有されない炎上案件も想定すること。

目的

HTMLがわかっていれば、複数枚のページ作成更新がExcel上の操作で完結できること。
それにより、テンプレートエンジンの学習や理解がいらないことと、テンプレートエンジン利用での利便性が擬似的に体験できること。

必須要件

ヘッダー・フッター・外部ファイルなどの記述とコントロールがブロック単位で可能であること。
複数ファイルの制作が一括でできること。

 

メリット

急なLP制作案件等、他社案件巻取り時の作業効率化を図る。
静的ページの作成の効率化。
固定された内容のコードを一括で編集できること

基本設計

業務フロー

  • ヘッダー要素決定
  • フッター要素決定
  • 外部ファイルのフォルダパス構成決定
  • HTML諸々の記述内容を決定
  • HTML出力
  • 修正あれば修正後のHTML出力

システム構成

Excel
Chromeブラウザ(出力したHTMLの確認用)

機能一覧表

  • ボタン押下でHTML出力
  • 任意の出力ファイル名を設定
  • 画像ファイルは相対パスにて設定
  • 必要数のHTMLが作成できる
  • 指定した既存HTMLの要素をツールに取り込める

詳細設計|仕様

テスト