最新のfrontend技術を使いまくれる静的サイトジェネレータMiddleman
CoffeeScript を軽く試してみようと思ってあれこれ調べているうちにたどり着いた Middleman というツールを紹介してみる。 Middleman: Hand-crafted frontend development たぶん試したのは 2.0.3 だか 2.0.4 だかその辺。 特徴Sinatra based ( つまり ruby 製 )Sass 自動コンパイルCoffeeScript 自動コンパイル ( Sprockets を使った依存性解決も )Sinatra で使える view の機能 HTML テンプレートは erb, haml, slim, markdown が利用可能YAML で「データ」を持ってこれを view に反映できるlivereload 対応そして、静的サイトとして出力できる。 利用技術CoffeeScriptSassEventMachineThinGua
静的サイトの構築に便利:MiddleMan - Qiita
静的サイトを構築する時に、 いちいちDocumentRootかえるのめんどくさいなぁ・・・ テンプレートエンジンが使えたらなぁ・・・ coffeescriptが使えたらなぁ・・・ scssが使えたらなぁ・・・ minifyまで自動でやってくれたらなぁ・・・ 煩悩にまみれてます。 そんなことを解決してくれるのがMiddleManです。 インストール #=>よく使う $ middleman init #=> サイト構造を作成します $ middleman server #=> サーバーを起動します $ middleman build #=> 最終出力します $ middleman --help middleman build [options] # Builds the static site for deployment middleman extension NAME [options]
【Middleman】静的サイトジェネレータを使用してみる。 | DevelopersIO
私は主に業務ではフロント側を担当させていだたいて、 Webアプリ等で使用する静的なひな形ファイルを作成することがあり、ファイルの修正が手間だったりすることがよくあります。 今回は、そんな手間を解決してくるツールをご紹介したいと思います。 アジェンダ Middlemanとは？ インストール 使用方法 開発の流れ まとめ Middlemanとは？ 静的なWebサイトを構築する際に、とても便利なコマンドラインツールです。 主な特徴 開発用ローカルサーバーで、確認ができる。 テンプレート言語、メタ言語を静的ファイルへビルドしてくれる。 いろいろなテンプレート言語にも対応 css、jsをminifyしてを出力してくれる。 layout機能、partial機能などで共通するhtmlを再利用できる。 などなど。 makes developing websites simple Middleman:公式サ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Middleman: Hand-crafted frontend development