[PhpStorm/WebStorm] コードをグルーピングして繰り返したい箇所を指定する たとえばチェックボックスを複数個作成したい場合に、Emmet記法で下のように普通に記述してしまうと、生成される内容がちがくなってしまいます。 label>input[type=”checkbox”]*3 ↓ [Ta… haradaハック2015.05.01 296
[PhpStorm/WebStorm] Git上のファイルとローカルで開いているファイルを比較する Githubで同期させているファイルの場合、WebStorm/PhpStorm上のファイル名の上で右クリックをするとメニューの中に「Git」という項目があります。 ここから「Compare with the same r… haradaハック2015.04.17 363
[PhpStorm/WebStorm] メモ用プラグイン「Scratch」を入れる PhpStormやWebStormにはプラグインを入れることもできるんですね。 試しに、便利だという「Scratch」というプラグインを入れてみます。 このプラグインを入れることで、プロジェクトとは関係ない位置にメモ用の… haradaハック2015.04.16 784
[PhpStorm/WebStorm] 表示を確認するために簡単にダミーテキストを入れる loremというテキストをうってTabで変換することで、ダミーテキストが入力されます。 p.text>lorem ↓ <p class=”text”>Lorem ipsum dolor sit amet… haradaハック2015.04.15 516
[PhpStorm/WebStorm] Emmet記法の基本のキ Emmet記法を使うとコーディングが早くできるらしいと聞いてはいたのですが、これまでDreamweaverのタイトルタグを出すショートカットや強調ショートカット、ボタンを駆使してきた私にはわかりにくいものでした。 でも使… haradaハック2015.03.31 463
PhpStorm上でファイルの編集からアップロードまで行う(2) (1)はこちら→https://hacknote.jp/archives/7455/ (1)でご紹介した方法はサーバー上とローカル上のファイルの差分を確認しながらアップロードを行う方法でしたが今回は差分なしでアップロード… haradaハック2015.03.18 955
WebStormで文字コードを変更する デフォルトだとUTF-8で表示されてしまうので、日本語ファイルの場合たまに文字化けしてしまいます。 上部メニューの「File」>「File Encoding」からファイルの文字コードを変更することができます。 haradaハック2015.03.11 1,231
WebStormでファイルの差分を確認する際にしておくといい設定 WebStormで2つのファイルの差分を確認するで、差分画面を表示させさあ実際に比較しよう!と思ったところ、見辛すぎてげんなりとしてしまいました。 WindowsのころはWinMargeというフリーソフトを利用していて、… haradaハック2015.03.09 232
WebStormのソースフォーマットのショートカットを確認する 動かなかったので、ショートカットが変わっているのかも?と思い、確認した時のメモ。 Preference > Appearance > Keymap > Reformat code(と検索してください) 読みにくいですが、… Yukimi Satoハック2015.03.09 518