JavaScript

Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript

投稿日:

 

github.com/guard/guard

github.com/guard/guard-livereload

自動make

guardの準備

Guardfile

ディレクトリの構造はこんなかんじ

自動makeの設定

試しに、アプリのルートでguardを実行して、coffeeディレクトリのファイルを更新すると自動でjsディレクトリのjavascriptが更新される

ブラウザの自動更新

Guardfileへの追加

ブラウザの準備

対応するブラウザにアドオンなどをいれる

livereload

Chromeに接続ボタンが現れるので、これでGuardとブラウザを接続できる

対象のindex.htmlを開いておいて、試しにcoffeeディレクトリ以下のファイルを更新すると、自動的にブラウザも更新される

-JavaScript
-,

執筆者:

関連記事

Rails4でつかえるインラインエディタを試してみた〜X-editable-rails

目次1 x-editable2 bootstrapを導入3 x-editable-rails4 サンプルアプリ x-editable 文字をダブルクリックして編集できるやつ x-editable vi …

no image

位置情報通知の使いみちアイデアメモ

    ここまでHTML5とGoogle Mapsを使った位置情報通知を試してきたけど、その使いみちについてメモしておきたい 目次1 カレログ的なサービス2 宝探し的なイベント3 …

Rails3.2でJasmineをつかってCoffeeScriptをテスト~jasminerice

    #261 Testing JavaScript with Jasmine (revised)   addyosmani.github.com/backbone-f

Yeomanで最新のJavaScript開発環境を最速で整える

環境 mac OSX Lion Yeomanは最新のJavaScript開発のための統合環境を提供してくれます yeoman.io/index.html 紹介動画 目次1 インストール2 さっそくアプ …

Rubyでd3.jsのapiリファレンスの一覧を取得してくる~mechanize

  d3.jsにはlayoutというおおまかに準備されたレイアウトがあって、その中にあるTreeレイアウトを試してみることにした d3.js自身のapiリファレンスが階層構造になっているので …