PHPStormのFile Watcher機能を使って、Drupalのテーマで SCSS + Compass のビルドをするための設定方法を紹介します。 前提条件 テーマは、OMEGA4とする。 ※ただし、テーマ配下にconfig.rbが設置されていれば何のテーマでも構いません。 SCSS + Compass のコマンドの実行環境が整備されていること。 ※ruby + gemコマンドにて適宜コマンドのセットアップをお願いします。 実施環境 下のコマンドの組み合わせで実施しました。 「rbenv」「rbenv-gemset」「Bundler」はとくにセットアップしていなくても支障はないです。 Macbook Pro (Retina, 15-inch, Mid 2014) Mac OS X 10.11 El Capitan PHPStorm 10.0.4 Ruby 2.2.5p319 (201
PHPStorm（IntelliJ）のファイル自動保存機能は、データ喪失を未然に防げるので便利ですが、Sambaなどのリモートサーバ上のディレクトリをマウントしていたり、Grunt Watchでファイル保存をトリガーにビルド実行を行う設定にしている場合、頻繁に保存が走ることになりPHPStormの動作が重くなってしまいます。 そんなときはファイルの自動保存機能をオフにしてしまいます。 実施環境 Macbook Pro 15インチ Mac OS X 10.10 Yosemite PHPStorm 10 Synchronization設定を行う Synchronizationとは、PHPStormから別のアプリケーションにフォーカスを移動したときの動作設定を行う設定画面のことです。 設定画面は、Appearance & Behavior > System Settings > Synchron
PhpStormだけでファイル監視してSASS/SCSSをコンパイルする 前のバージョンまではちょっと設定が複雑だったので使用していなかったのですが、PhpStorm7になってSASS/SCSSなどプリプロセッサファイルの監視がかなり簡単になっていたのでご紹介します。PhpStorm7での解説ですが、WebStormなど他JetBRAINS製品でもほぼ変わらないはずです。 投稿日2014年02月14日 更新日2014年02月14日 準備 PHPStormでファイルの監視はしてくれますが、コンパイル自体は別途環境が必要になりますので、SASSならRuby＆Gemを予めインストールしておきます。 下記記事を参考にしてください。 WindowsにCompassをインストールしてSASS/SCSS環境を構築する File Watchersの追加 メニューの「File」→「Settings..」でS
SassについてとCompass導入から利用までの簡単な解説 2013-04-09 はじめに このページではRubyやSassのインストール手順などの初歩的なことや、高度なSassの使用方法についてはほとんど解説されていません。 Sassに興味をもっている方、もしくはすでにSassを使用していて …はじめに このページではRubyやSassのインストール手順などの初歩的なことや、高度なSassの使用方法についてはほとんど解説されていません。 Sassに興味をもっている方、もしくはすでにSassを使用していて、これからCompassやBourbonの導入を考えている方を主に対象としています。 SassとSCSS SassとはCSS3の拡張であり、ネスト・変数・Mixin・セレクタの継承などの機能が実装されています。以下はその4つの機能を使った、リンクとそのホバー時の色を変更する例です。 $l
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
