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
-,

執筆者:

関連記事

Gulp+WebpackでElectronのライブリロード

By: erokism – CC BY 2.0 目次1 electron-connect2 package.json3 .babelrc4 webpack.config.coffee5 g …

no image

Rails3.2でユーザー管理機能を追加2~Devise+AjaxDataTables

  前回 Rails3.2でユーザー管理機能を追加~Devise 参照 Railsでajaxなテーブルを使う~datatables   いままでAjaxでのデータ更新ができなかった …

no image

Railsで動画ファイルを管理する~CarrierWave Flowplayer

  参考 Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick Rails3で動画配信を試用~flowplayer 環境 Ubuntu …

1から学ぶReact-Redux

By: Ian Sane – CC BY 2.0 目次1 React-Reduxとは2 create-react-app3 電卓のロジック4 reactで電卓の外観を作る5 reduxでと …

Rails4でMarkdownをリアルタイムプレビュー〜backbone-on-rails&marked.js

By: Kool Cats Photography over 2 Million Views – CC BY 2.0 目次1 前回2 サンプルアプリ3 Gemfile4 generate5 …