WebStorm 2016.02でEditorConfigを有効にする | バシャログ。
明日9/1から1ヶ月間、とあるヘルスケアモニターとして 毎日体重と食べた食事を栄養士さんに連絡することになりました ishida です。 明日からダイエットがはじまると思って、 本日ランチにがっつりお肉とハヤシライス（おかわり自由）を3杯食べちゃいました。。。。 さてさて、チームで作業するにあたり弊社では WebStorm / PhpStrom エディタを使用しています。 またコードの統一には、EditorConfigを使ってます。 EditorConfigについては、弊社 tanakaの記事を御覧ください。 改行コードやインデントスタイルをEditorConfigで統一する EditorConfig が動作していない？ ここ最近コード内にソフトタブとハードタブが混在しており EditorConfigが有効になってないのかなと思ってちょっと調べてみました。 WebStorm 2016.02
【PhpStorm/WebStorm】Markdownを使うためのプラグイン | バシャログ。
年々色白になっていくfukasawaです。こんにちは。 子供の頃はそこまで白くなかったはずなのですが。不思議です。集まれ、メラニン！ さて、今回はPhpStormやWebStormでMarkdownファイルを扱うためのプラグイン「Markdown support」についてです。 PhpStorm、WebStormでMarkdownファイルのシンタックスハイライトやプレビューを使う為には、別途プラグインをインストールする必要があります。「Markdown support」をインストールすることで、シンタックスハイライト、リアルタイムプレビューを使うことができるようになります。 PhpStormの画面を使用してインストール方法について説明していますが、WebStormでも同様の手順でインストール可能です。 インストール方法 メニューバーから [File] → [Settings...] を選択
【PhpStorm/WebStorm】さまざまな検索機能を覚えて操作効率を上げる | バシャログ。
3X歳にしてはじめてインフルエンザにかかってしまったtanakaです。 今日は、PhpStormの中でも特によく使うことになる、検索機能周りをまとめて紹介します。ファイル数の多いプロジェクトを開いたときに試してみてください。ディレクトリツリーをいちいち展開してファイルを開くのが面倒に感じること間違いなし！です。 Search Everywhare (どこでも検索) いきなりですが、究極コマンドを紹介します。Shiftを二回押してください。(または右上の虫眼鏡ボタンをクリック) そうすると、検索フィールドと最近開いたファイルのリストが表示されます。この検索窓は最新のPhpStorm7.1から追加されたのですが、以下のようなものを検索することができます。 ファイル名 クラス名・メソッド名 PhpStormのウインドウや機能 設定(preference)の項目名 定数・変数・HTMLのID/クラ
WebStorm 7 の JavaScriptデバッガ：強力なElementsタブ | バシャログ。
何年かぶりにスーツを新調したら結構様式が変化していて驚いたtanakaです。 WebStorm/PhpStromのJavaScriptデバッガについては[PhpStorm/WebStorm]JavaScriptデバッガを使おう！で紹介しましたが、バージョン7にアップデートして試してみるといくつかの機能が追加されているようです。今日はその中で特に便利なElementsタブ機能を紹介します。 Elementsタブ：ブラウザで表示中のDOM/HTMLがエディタで見られる！ JavaScriptデバッガの更新で、Elementsタブが一番の目玉みたいです。下の画像を見てください エディタの上半分はフォルダツリーとエディタ、下半分がデバッガで、ブラウザでレンダリングされたDOMとHTMLがElementsタブで見られるようになっています。このElementsタブ、いまはまだChromeでしか使えない
[PhpStorm/WebStorm]JavaScriptデバッガを使おう！ | バシャログ。
夕食で肉をほとんど食べない代わりにヨーグルトをよく食べているtanakaです。 WebStorm 7 がリリースされましたね。PhpStorm 7もそのうちリリースされると思います。今回はJavaScript開発支援機能の中でも特に重要なJavaScriptデバッガの使い方を紹介します。実は私も今のいままで使ったことがありませんでしたが、これは便利です。 インストール、事前準備 前提として、ブラウザはChromeを使うこととします。 ブラウザ拡張機能 まずは、Chrome拡張機能JetBrains IDE SupportをChromeにインストールしましょう。 ウェブサーバ もし、ウェブサーバが動いてない場合は、PhpStormのビルトインウェブサーバをセットアップします。(これはなくてもデバッガの利用は可能だと思いますが、別ドメインのスクリプト読み込みなどで制限があるようです。)[Php
![[PhpStorm/WebStorm]JavaScriptデバッガを使おう！ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/e09ad8f655ea0962c3fc07c12b65c5a618375e0d/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_tools.png)
[WebStorm]JavaScriptファイルをMinifyする(Source Maps対応) | バシャログ。
日頃から愛用してるIDEのPhpStorm 6 がリリースされました。JavaScriptにコンパイルされる系の言語のサポートが強化されたのが目立ちますね。 今日は、6の新機能というわけではないですが、WebStormを使ってJavaScriptファイルをMinifyする方法について紹介します。 概要 WebStormでjsファイルを編集したら自動的にMinifyされるようにします。JavaScriptにおいてMinifyとは余計な空白をとったり変数名を短くしたりして、機能的動作を変えずにJavaScriptのファイルサイズだけ小さくすることをいいます。今回はClosure Compilerを使います。 インストール まず、Minifyを実行するプログラムをダウンロードします。Getting Started with the Closure Compiler Applicationからリン
ブラウザのリロード要らず？ WebStorm/PhpStormのLiveEdit機能 | バシャログ。
全然Hotな話題ではなくなりましたがiPhone5をようやく手に入れました。LTEは速いです。リリースから1ヶ月以上経っていて、同じバシャログ。メンバーから「あ、まだ手に入れてなかったんだ」的な目で見られた…などということはありません。 本日はまだまだマイナーなWeb系IDE WebStorm / PhpStormの便利機能 LiveEditを紹介します。 LiveEditとはどんな機能か PhpStorm 5.0で組み込みの機能になったもので、もともとは"Instant HTML Editing" プラグインと呼ばれていたものだそうです。大きく分けて2つの機能があります。、1つ目はHTML/CSS/JavaScriptの修正を即座にブラウザ表示に反映させる機能、2つ目は、エディタのカーソルがある位置の要素をブラウザ上でハイライトさせる機能です。現時点ではChrome専用です。文で説明する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebStorm 社内勉強会をやりました | バシャログ。