PhpStorm(17)

16follower
harada さんのアバター 21views

[Emmet]テーブルの基本

Emmet記法で以下のように書いて展開すると、基本のテーブルが展開されます。 この形を覚えるとテーブル作成がだいぶ楽になると思います。 table>tbody>(tr>th+td)*5 ↓ &l... 2016年8月8日
kentomurata さんのアバター 116views

PhpStormでのGitHubの利用

コミットやプッシュなどGitの基本的な操作については、すべてPhpStorm内で行うことができます。 ターミナルでの操作 まず以下の方法で準備が必要です。 //  https://github.com/hogeで開発を行っている場合 ... 2016年5月23日
@iwasaki さんのアバター 27views

HomebrewでインストールしたJetBrains IDEに対してsecurity updateに対応する方法

JetBrains IDE(PhpStorm、WebStorm等)にセキュリティアップデートがアナウンスされました。 http://blog.jetbrains.com/blog/2016/05/11/security-update-fo... 2016年5月12日
harada さんのアバター 349views

Gruntで複数ディレクトリのSassを管理する

1つのGruntfile.jsで複数の別ディレクトリのSassを管理したい場合のGruntfile記述メモです。 config.rbファイルはディレクトリ分必要です。 構成例 /gruntfile.js /config.rb /comm... 2015年8月19日
harada さんのアバター 31views

[Emmet]要素を接続する基本の記号

入れ子にして記述する 一番使うことが多そうです。 .clearfix>.floatLeft ↓タブで展開する <div class="clearfix"> <div class="floatLeft"&g... 2015年5月29日
harada さんのアバター 88views

[PhpStorm/WebStorm] EmmetのCSSでよく利用するショートコード

EmmetのCSSでよく利用するショートコードです。 position は pos pos:absolute ↓タブで展開する position: absolute; border は bd borderはbdと記述し、それな... 2015年5月28日
harada さんのアバター 54views

[PhpStorm/WebStorm] Emmet記法でCSSを記述する

EmmetではCSSも記述することができたのですね。 ショートコードというそうで、以前ご紹介したhttp://docs.emmet.io/cheat-sheet/こちらのチートシートに記述されています。 かなり数が多いので、覚えるのは難し... 2015年5月27日
harada さんのアバター 46views

[PhpStorm/WebStorm] Emmet記法で簡単にナンバリングしたダミー要素を生成する

Emmet記法では$を利用することで、自動でナンバリングすることができます。 draggableというclassのdivに囲まれた要素を10個作ってナンバリングさせる .draggable{テスト$}*10 ↓ [Tab]で変換 ... 2015年5月21日
harada さんのアバター 222views

[PhpStorm/WebStorm] Emmet記法で複数classを指定する

Emmet記法で1つの要素に複数のclassを指定するのはどうすればいいのかなと思ったら、なんのことはなく、.classを複数書いていけばいいだけでした。 pタグにclass1 class2の2つのclassを指定したい場合 p.cla... 2015年5月11日
harada さんのアバター 13views

[PhpStorm/WebStorm] コードをグルーピングして繰り返したい箇所を指定する

たとえばチェックボックスを複数個作成したい場合に、Emmet記法で下のように普通に記述してしまうと、生成される内容がちがくなってしまいます。 label>input[type="checkbox"]*3 ↓ [Tab]で変換 ... 2015年5月1日
harada さんのアバター 136views

[PhpStorm/WebStorm] Git上のファイルとローカルで開いているファイルを比較する

Githubで同期させているファイルの場合、WebStorm/PhpStorm上のファイル名の上で右クリックをするとメニューの中に「Git」という項目があります。 ここから「Compare with the same repository... 2015年4月17日
harada さんのアバター 469views

[PhpStorm/WebStorm] メモ用プラグイン「Scratch」を入れる

PhpStormやWebStormにはプラグインを入れることもできるんですね。 試しに、便利だという「Scratch」というプラグインを入れてみます。 このプラグインを入れることで、プロジェクトとは関係ない位置にメモ用のファイルを設置するこ... 2015年4月16日
harada さんのアバター 52views

[PhpStorm/WebStorm] 表示を確認するために簡単にダミーテキストを入れる

loremというテキストをうってTabで変換することで、ダミーテキストが入力されます。 p.text>lorem ↓ <p class="text">Lorem ipsum dolor sit amet, cons... 2015年4月15日
harada さんのアバター 85views

[PhpStorm/WebStorm] Emmet記法の基本のキ

Emmet記法を使うとコーディングが早くできるらしいと聞いてはいたのですが、これまでDreamweaverのタイトルタグを出すショートカットや強調ショートカット、ボタンを駆使してきた私にはわかりにくいものでした。 でも使ってみたらやっぱり... 2015年3月31日
harada さんのアバター 115views

PhpStorm上でファイルの編集からアップロードまで行う(2)

(1)はこちら→http://hacknote.jp/archives/7455/ (1)でご紹介した方法はサーバー上とローカル上のファイルの差分を確認しながらアップロードを行う方法でしたが今回は差分なしでアップロードを行う方法をご紹介し... 2015年3月18日
harada さんのアバター 53views

WebStorm,phpStormでファイルをコピーして別名で保存する

プロジェクトツールウィンドウで該当のファイルを選択します。 上部メニューバーの「Refactor」から「Copy」を選択します。 「New name:」新しい名前と「To directory:」保存先のディレクトリを選択して「OK」を押し... 2015年1月27日
harada さんのアバター 140views

PhpStorm上でファイルの編集からアップロードまで行う

覚書です。 プロジェクトを開きファイルを編集します。 PhpStormのツールバーから「Tools」>「Deployment」>「Configuration…」を開きます。 「+」アイコンから新規サーバー情報入力画面を開き、アップロード... 2014年12月25日