PHPStorm + Stylelintを導入してSassのリントチェックを行う（for Drupal8） - Qiita
Drupal8.0からCSSスタンダードのルールに沿ったコーディングをするためのリントツール「CSS Lint」のコンフィグファイル（.csslintrc）が含まれるようになりました。 このリントツール「CSS Lint」を利用すればCSSソースの品質を向上させることができます。 もし、リントツールを導入しない場合、例えばマズイ書き方をしたコードが入り込んでしまい修正・拡張するのが大変になります。 複数メンバーで平行してコーディングしなければならない状況では、メンバーごとに書き方に癖があるので全体を通して見るとコーディングスタイルが統一できていない状態になります。 リントツールを導入する目的はそれらの問題を防ぐ効果があります。 Stylelintの紹介 Drupal8 ドキュメントルート直下に CSS Lint のコンフィグファイルが設置されてはいますが、イマドキのテーマ制作の現場では、生
SCSS Lintを導入してSCSSのリントチェックを行う（for Drupal8） - Qiita
Drupal 8.4.xからStylelintがサポートされるようになったので、これから導入するなら SCSS Lint ではなく Stylelint をオススメします。 Stylelintを導入してSCSSのリントチェックを行う（for Drupal8） Drupal8からCSSスタンダードのルールに沿ったコーディングをするためのリントツール「CSS Lint」のコンフィグファイルが含まれるようになりました。 このリントツール「CSS Lint」を利用すればCSSソースの品質を向上させることができます。 もし、リントツールを導入しない場合、例えばマズイ書き方をしたコードが入り込んでしまい修正・拡張するのが大変になります。 複数人で平行してコーディングしなければならない状況では、人ごとに設計方法が異なり、書き方の癖もそれぞれなので全体を通して見ると著しく設計が劣化してしまいます。 リントツ
PHPStorm10 の File Watcher機能を使って SCSS + Compass のビルド環境をつくる - Qiita
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のファイルの自動保存機能をオフにして動作を軽くする - Qiita
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で自動的にFTP／SFTPアップロードされるようにする - Qiita
開発サーバとローカルマシン間でファイルを自動的に同期する方法として、Vagrant の synced_folder を利用するのがモダンかつ定番になっています。 ただ、開発サーバがリモートに存在する場合はその方法は難しいですよね。 その場合の代替手法として、PHPStormにはFTP／SFTPサーバへ自動的にアップロードしてくれる機能があります。 しかも、PHPStorm上で編集したファイルだけでなく、SCSS+Compassによって吐き出されたcssファイルやGruntでビルドされたjavascriptファイルなどにも適用できます。 実施環境 Macbook Pro 15インチ Mac OS X 10.10 Yosemite PHPStorm 10 まず、PHPStormでFTP／SFTPサーバを設定する あらかじめFTPサーバの接続設定を行います。 環境設定 > Build, Exec
PhpStormだけでファイル監視してSASS/SCSSをコンパイルする
準備 PHPStormでファイルの監視はしてくれますが、コンパイル自体は別途環境が必要になりますので、SASSならRuby＆Gemを予めインストールしておきます。 下記記事を参考にしてください。 WindowsにCompassをインストールしてSASS/SCSS環境を構築する File Watchersの追加 メニューの「File」→「Settings..」でSettingsウインドウを開き、左のメニューから「File Watchers」を選択します。 最初は何も項目がないと思いますので、右側の「+」ボタンをクリックします。 SCSSの他にも色々項目が表示されますが、今回はSCSSを選択します。 「Edit Watcher」画面が表示されます。 ここでコンパイラやCSSの書き出し場所の設定などを行います。基本そのままでいいのですが、標準ではSCSSと同階層に書きだされたCSSが出力されてし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
