[ Middleman で超速プロトタイピング ] #00 Haml 再入門 | DevelopersIO
Web アプリケーション開発の初期段階においては、そのアプリのモックアップをよく作ったりします。いわゆるプロトタイピングというヤツですね。本実装となるともちろんサーバーサイドは Java や PHP などで実装し、それに伴ってフロントエンドもそれらのプログラミング言語によるテンプレートエンジンをベースに HTML で作り上げる訳です。しかしプロトタイピングの段階ではそういったプログラミング言語に頼ることなく、HTML だけで一通りの静的な Web ページを作ることになります。 実はこのモックアップ作成という名のプロトタイピング、HTML だけで作るという理由からかなりの重労働だったりします。画面数の少ない小規模な Web アプリケーションであればどうってことないですが、業務系の Web アプリケーションとなると10画面、20画面は当たり前。時には40画面以上にも及ぶことも少なくありません。
Web サイトの開発をシンプルに！？静的HTMLジェネレータの Middleman を試してみた
静的 HTML ジェネレータというと、自分は jekyll と jade は何度か触ったことがあり、中でも jekyll は簡単につかえていたため、製作時に使うことが多かった。 しかし、もう一つ気になるジェネレータがあって、それが今回紹介する Middleman である。 Middleman: 効率的な作業を可能にする Ruby 製の静的サイト生成ツール 今回試しに使ってみて、まださわりの状態なのだけど、かなり便利！ということがわかったので簡単にメモついでに紹介する。 インストールからページを開くまでどういうものか、具体的な部分は省こうと思うという説明は省こうと思う。また、Ruby が使える環境がローカルにあるということを前提に進める。 1. Middlemanインストール
Middleman: Hand-crafted frontend development
Installation Install the gem and run middleman init my_project to create a new Middleman site from the command line. See full install instructions Customize Your Site Check out the directory cd my_project. Middleman works right out of the box. Start reading the docs to find out what each directory is doing and how to customize your site. See advanced customizations Build and Deploy Running one com
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Middleman: 作業を効率化するフロントエンド開発ツール
