Middleman を使うようになってしばらく経ちますが、2014年4月現在 TypeScript に対応していないというのがどうも気になります。Ruby on Rails や Sinatra といった他の Ruby 製フレームワークと同様、Middleman が対応している Alt JS は CoffeeScript のみです。 CoffeeScript は機能が軽量であることから学習コストが低く、記述されるコード量も少なくなるので個人的に結構気に入っているのですが、Web アプリケーションの規模が大きく複雑になるにつれて静的型付けの機能を持っていないことがデメリットとして浮上してきがちです。案件の規模によっては静的型付け言語の採用を検討しないと後々で大変な目にあいかねません。 はい。JavaScript や CSS 周りのお世話なら Grunt だけで十分にまかなえるのですが、Midd
About Our book Discover Meteor teaches you how to build real-time web apps from scratch using the Meteor JavaScript framework. People are often surprised to hear that we don’t use Meteor for this very site. After all, if anybody should want to use Meteor everywhere, it should be us. But we’re also big believer in using the right tool for the right situation. And I personally think that when it com
そんな訳で、前回は Middleman のインストールから基本的な機能まで学習しました。今回はより本格的に使いこなすために、Middleman の持つ膨大な機能の中から僕が比較的多用している機能を7つばかり紹介していくとします。Middleman って何?という方は、先に以下の記事をご参照ください。 [ Middleman で超速プロトタイピング ] #01 Middleman の基礎を一気に学ぶ テンプレート - レイアウトを無効にする すべてのテンプレートファイルは何らかのレイアウトに囲われた状態で出力されますが、時にレイアウトを全く使用したくないという状況もあるでしょう。具体例として、モーダルダイアログ内に読み込む外部ファイルなどが考えられます。そんな時はテンプレートファイルがレイアウトに囲われないように無効化する訳ですが、以下の二種類の方法でこれを解決することが出来ます。 Fron
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
静的サイトを構築する時に、 いちいち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]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く