Grunt + TypeScript + Middleman によるフロントエンド開発環境を作ってみる | DevelopersIO
Middleman を使うようになってしばらく経ちますが、2014年4月現在 TypeScript に対応していないというのがどうも気になります。Ruby on Rails や Sinatra といった他の Ruby 製フレームワークと同様、Middleman が対応している Alt JS は CoffeeScript のみです。 CoffeeScript は機能が軽量であることから学習コストが低く、記述されるコード量も少なくなるので個人的に結構気に入っているのですが、Web アプリケーションの規模が大きく複雑になるにつれて静的型付けの機能を持っていないことがデメリットとして浮上してきがちです。案件の規模によっては静的型付け言語の採用を検討しないと後々で大変な目にあいかねません。 はい。JavaScript や CSS 周りのお世話なら Grunt だけで十分にまかなえるのですが、Midd
JavaScriptフロントエンド開発の昨今
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
middleman-blogをgithubでホストする | Coiney Developer Blog
この記事は2013年6月21日にatsuyaによってCoiney Developer Blogに書かれた記事の転載です。 最近は色々魅力的なブログサービスが沢山ありますが、自分の書いた記事が手元にファイルとして残るのは嬉しい事です。このブログは、middleman (とmiddleman-blog) を使って作成し、記事を含んだ全てのデータをgithubで管理しています。middlemanは、最終的にhtmlファイルを出力するので、それらのhtmlファイルを公開したい場合は、どこかでホストする必要があります。既にgithubを使ってデータを管理しているので、ここではgithubでmiddlemanで作成したブログをホストする方法を解説します。 github pages githubには、github pagesという、静的なコンテンツをホスト出来る機能があります。githubのユーザかor
WordPressからmiddlemanに移行してGithub Pagesで運用する方法
サイトをリニューアルしていました。 WordPressからmiddleman-blogに乗り換えました。 ホスティングもロリポップからgithub-pagesに乗り換え。 理由は普段使っているエディタでmarkdownでブログを書いてgitでデプロイする流れがやりたかったから。 static site generatorは数あれど、慣れたmiddlemanでやってしまおうと思っていました。 haml と sassでコーディングしています。コードはここに置いてあります→camuro.github.io 今回リニューアルするのにとった流れか下記の通りです。 WordPressからデータをmarkdown形式でブッコ抜く Pureを少し使ってmiddleman-blogでコーディング githubにorganizationアカウントを作る middleman-deployでdeploy トップレ
How to know in what environment the code runs?
In the layout file of haml I would like to determine whether we are in our development and build environments. We're using Middleman. I would like to do something like this: - if environment == 'development' / Development Code = javascript_include_tag "Dev.js" I tried to access Ruby's environment variable, as well as define a custom variable in the config.rb file with no success.
Middleman v3.1がリリースされたので CHANGELOG を確認 | e2esound.com業務日誌
github の middleman/middleman の CHANGELOG の中で気になるものを列挙して確認してみる。 3.1.0 ハイライト 新しい config システム 拡張API v4 ‘__middleman’ インスペクタ Ruby 2.0 サポート jRuby 1.9 で完全にテストされてる build コマンドのデフォルト挙動が –clean になった config については後述でパラパラでてきますが、layouts_dir オプションとか。インスペクタは localhost:4567/__middleman/ にアクセスすると設定情報とか Sitemap とか見れるようになったっていう。 3.1.0.rc4 Ruby 1.8 ユーザは gem の “ruby18_source_location” が必要になった この gem は middleman を 3.1 に
静的サイト開発ツールとしてのMiddlemanとGrunt - Webtech Walker
最近自分の周りを見ると、フロントエンドの開発ツールといえばGruntをみんな使ってるんだけど、Middlemanを使うのもけっこういいんじゃないかと思ったので比較してみる。 実現したいこと 例えば次のようなものをつくりたいとする。 HTMLは数ページ〜十数ページくらい（ヘッダ・フッタくらいは共通化したい） JSはconcatしてminifyしたい CSSはSassを使いたい 開発時はwatchしたり動的サーバーなりでJSやCSSは動的にビルドしたい 最終的には成果物として静的ファイルを出力したい まあ、フロントエンドの開発ではいたって普通な要件だと思う。普段サーバーサイドの開発してたり、サーバーサイドと一緒にフロントエンドも開発してる人にとっては、静的ファイルだけ成果物としてあればいいとかあるの？と思うかもしれないけど自分の周りではけっこうよくある。 Gruntとの比較について このような
【Middleman】の便利な機能をご紹介。 | DevelopersIO
前回まで、構築の流れをご紹介しましたが、 今回は、出力する際に便利な機能をいくつかピックアップしてご紹介していきます。 アジェンダ 設定ファイルについて ファイルサイズの最適化 HTMLの圧縮 CSS・JavaScriptの圧縮 画像圧縮 GZIPで圧縮 ローカルデータ LiveReload 設定ファイルについて プロジェクファイルを作成するとルート階層に、以下の２つのファイルがあります。 各ファイルに、プロジェクトの各設定していきます。 Gemfile config.rb Gemfile # If you have OpenSSL installed, we recommend updating # the following line to use "https" source 'http://rubygems.org' gem "middleman", "~>3.0.12" conf
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Understanding Middleman – the static site generator for faster prototyping
Install Middleman blog on Ubuntu