PhpStorm
[Emmet]テーブルの基本
Emmet記法で以下のように書いて展開すると、基本のテーブルが展開されます。 この形を覚えるとテーブル作成がだいぶ楽になると思います。 table>tbody>(tr>th+td)*5 ↓ <ta…
PhpStormでのGitHubの利用
コミットやプッシュなどGitの基本的な操作については、すべてPhpStorm内で行うことができます。 ターミナルでの操作 まず以下の方法で準備が必要です。 // https://github.com/hogeで開発を行…
HomebrewでインストールしたJetBrains IDEに対してsecurity updateに対応する方法
JetBrains IDE(PhpStorm、WebStorm等)にセキュリティアップデートがアナウンスされました。 http://blog.jetbrains.com/blog/2016/05/11/security-…Gruntで複数ディレクトリのSassを管理する
1つのGruntfile.jsで複数の別ディレクトリのSassを管理したい場合のGruntfile記述メモです。 config.rbファイルはディレクトリ分必要です。 構成例 /gruntfile.js /config.…[Emmet]要素を接続する基本の記号
入れ子にして記述する 一番使うことが多そうです。 .clearfix>.floatLeft ↓タブで展開する <div class=”clearfix”> <div class=”floatLef…[PhpStorm/WebStorm] EmmetのCSSでよく利用するショートコード
EmmetのCSSでよく利用するショートコードです。 position は pos pos:absolute ↓タブで展開する position: absolute; border は bd borderはbdと記述し、…[PhpStorm/WebStorm] Emmet記法でCSSを記述する
EmmetではCSSも記述することができたのですね。 ショートコードというそうで、以前ご紹介したhttp://docs.emmet.io/cheat-sheet/こちらのチートシートに記述されています。 かなり数が多いの…[PhpStorm/WebStorm] Emmet記法で簡単にナンバリングしたダミー要素を生成する
Emmet記法では$を利用することで、自動でナンバリングすることができます。 draggableというclassのdivに囲まれた要素を10個作ってナンバリングさせる .draggable{テスト$}*10 ↓ [Tab…12