サイト作成にLiveReloadはあると捗る。改訂2版が発売されました。LiveStyleが正式リリース。LESSのリアルタイムコンパイルも可能に。俺のメニューバーSearch検索:サイト作成にLiveReloadはあると捗る。【Win】LiveReloadはhtmlやcssを保存した時に自動でブラウザをオートリロードしてくれるソフトです。MacではSassなどのコンパイラーとしてわりとメジャーなソフトなのですが、Win版もあります。以前のバージョンでは当方環境のWindows7(64bit)ではうまく動かず一旦アンイストールしていたのですが、先日アップデートがありWindows版は大幅なUI変更が行われました。試しにインストールしなおしたら、問題なく動作し快適です。WindowsにはこういったオートリロードのGUIツールが無かったので愛用しそうです。Windows版は現在アルファバージョンで今のところ無料で使えます。以前はMac版のようなUIだったのですが、メトロUIあらためモダンUIなデザインになってました。つかいかた使い方はいたってシンプルで、基本的にはフォルダをドラッグ&ドロップするか左下『+』ボタンでサイトのフォルダを登録するだけです。登録されたフォルダ内に変更があれば自動でブラウザをリロードします。URLサイトURLを入力すます。~htmlファイルのbody閉じタグの上に枠の中のタグを入れるとオートリロードが効きます。ブラウザに拡張機能を入れてねってことでリンクがあります。Chrome、Firefox、Safariのエクステンションが用意されているようです。いちいちboby閉じタグの上にコードを書くのも面倒なので音速でインストールしましょう。Firefoxは基本的にはアドオン入れるだけ、アクティブ時はアドオンアイコンが赤くなるのでわかりやすいです。Chromeのアイコンはわかりずらいけど、中心が黒丸になるとアクティブになります。Chromeはエクステンションインストール後に「ツール>拡張機能」から「ファイルのURLへのアクセスを許可する」にチェックが必要です。Safariは使ってないんでやってないです。Win版は開発終了みたいですし。ちなみにiPhone、Androidもできます。modifiedチェックを入れるとメタ言語があるとコンパイルしてくれます。Jadeに対応してるみたい。プラグインを追加することで提供されるようです。「Path」という文字をクリックすると書き出す場所を選択できます。みたいですが、Sassですと書き出しスタイルの設定などが見当たらないし、この機能は使ってません。コマンドプロンプトでWatchした方が良いかな~と。いうことでLiveReloadの紹介でした。このオートリロード、MacではCodekitにもある機能なので重宝しておりましたが、これでWindowsでも使える。