LiveStyleが正式リリース。LESSのリアルタイムコンパイルも可能に。改訂2版が発売されました。LiveStyleが正式リリース。LESSのリアルタイムコンパイルも可能に。LiveStyleが正式リリース。LESSのリアルタイムコンパイルも可能に。アップデートされていました。対応や、リモートビュー機能の追加などをしています。使い方が少し変わったので、ざっくりまとめました。TextとChromeで双方向の同期編集ができるプラグインです。以下、動画で動作を確認できます。Textのパッケージと、Chromeのエクステンションだけで動いていましたが、さらにLiveStyleアプリケーションが必要になりました。Styleサイトからアプリをダウンロードします。Win、Mac対応です。起動するとメニューバーに常駐アプリが表示されます。俺のメニューバーに、新たな1ページ。インストールをしていない場合は、インストールボタンが出るのでインストールできます。Webストア及びパッケージコントロールからインストール。前バージョンをインストール済の場合は、基本的には自動でアップデートされるはず。2と3をどちらもインストールしている場合、2が優先されてしまいます。そのまま2を使うか、いっそ2をアンインストールしてください。どちらにもインストール済。これでスタンバイOK。LiveStyleアプリは起動しておくだけで、設定などは無いようです。常に起動しておきたい場合は、ログイン項目に入れておきましょう。ONにすることで双方向編集が開始されます。前バージョンはデベロッパーツールから設定でしたが、メニューバーのアイコンから設定に変更になってます。同期させるファイルを選択。今回はお試しなので開いている未保存ファイル「untitled:27」を選択。本来は同じプロジェクト構成のファイルを指定します。SCSSからもリアルタイムに反映されました。「&」繋ぎのセレクタでも反映されていることがわかる。Textに反映されます。View追加された新機能、リモートビューでローカルサイトを一時的に公開することができます。ようなドメインを発行し、トンネルでローカルWebサイトが公開されます。公開するにはLiveStyleアプリがバックグラウンドで実行されている必要があります。リモートビューはベータテスト中で、有料サービスになる予定みたいです。LESSにも対応したことで、使用の幅は広がりましたね。(SASS記法も対応してほしい...)BootstrapなどSCSSを使ったフレームワークでリアルタイムでレイアウトできるのは便利そうです。JetBrainsエディタでもプリプロセッサーのプレビューはできたのですが、書き途中にエラー表示になったり動作は微妙でした。LiveStyleは途中ではエラー表示もでず、動作も安定しているように感じました。業務などのパーシャルファイルをガンガン読み込んだ状態で試していないので、どこまで動くかわかりませんが、用法容量を守って正しく試用してみたいと思います。(必須)ウェブサイト。