こんにちわ。 Bootgraphでフロントエンド開発を担当している阿部です。 今回の記事では、大量のモックアップを効率的に制作する環境についてまとめてみようと思います。 作成した開発環境 こちらの開発環境を作成しました。 Grunt-with-middleman 必要な知識 今回の記事ではGruntとmiddlemanが出てきますので、まだ使ったことない方は下記を参考にしてみるとよいかと思います。 Grunt公式サイト 現場で使えるGrunt入門 middleman公式サイト(日本語) この環境を作ろうと思った経緯 今私が関わっている案件では、大量のモックアップ(300枚くらい)に対して要件変更が頻繁に発生し、要件変更に伴うページ改廃、共通テンプレートの修正などをスピーディに行う必要があります。 今まで使っていた開発環境はGruntのみでタスク管理を行っており、静的HTMLの生成に