File Watchers in WebStorm/PhpStorm 6 (a.k.a. "Background Tasks") | The WebIDE Blog
IDEs AppCode CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me Quality Assurance JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Am
2013-09-29のJS: WebStorm 7.0、WebGL 2.0、AngularJSデバッグ&テスト
JSer.info #142 - WebGL 2 Specificationのfirst editor’s draftが公開されました。 WebGL2.0はOpenGL ES 3.0がベースとなっていて、概要については以下の記事にまとまっています。 TojiCode: What’s coming in WebGL 2.0 ブラウザで3Dグラフィックを扱うWebGL、最新版 2.0のドラフト版が公開 | HTML5Experts.jp JavaScript IDEのWebStorm 7 がリリースされました。 Stylus等の新たな言語サポートやnpmとの連携やビルドインのTerminal等が追加されています。 Welcome WebStorm 7.0 – Everything you need, at your fingertips, without compromise | JetBra
WebStormの設定を共有する - Qiita
チームで開発しているとIDEの設定を共有したくなりますよね。 ならないとしたら、今すぐこの記事を読むのをやめて病院に行って下さい。 バージョン管理する対象に.idea/以下を含める http://devnet.jetbrains.com/docs/DOC-1186 下記の「設定をエクスポートしてインポート」より良い方法として、プロジェクトの.ideaディレクトリ以下をバージョン管理対象に含める方法がありました。 Mavenで管理する → ダメだった eclipseにはmaven-eclipse-pluginという設定ファイルを生成してくれたりする便利なMavenプラグインがあります。WebStormにも似たものがないか探しました。で、あったにはあったのですが、codestyleなどの設定ファイルは作ってくれないみたいで目的に合いませんでした。 設定をエクスポートしてインポート → できた
TypeScriptをWebStormでデバッグする - Qiita
TypeScriptのデバッグについてはJetBrains TVに上がってる動画 ( http://tv.jetbrains.net/videocontent/webstorm-6-sneak-peek-typescript-background-tasks-and-sourcemaps )がとても参考になります。ここではこの動画を文字に書き起こして、環境設定でハマった点を追加した内容を書きます。WebStormはEAPの126.124で動作確認しています。 また、上記の動画のプロジェクトを再現したものを https://github.com/grapswiz/typescript-webstorm に置きました。 環境構築 下記の手順1-3はWebStorm上でTypeScriptのコンパイルを行う設定で、4以降は実際にデバッガを使うまでの手順です。 git cloneかdownload
今使っているWebStormプラグイン
PHPStorm/WebStormプラグインはまだ余り数がないので拡張性はそこまで高くないのですが(JetBrains製IDEで互換性があれば良いのに)、幾つかプラグインを入れてるので紹介 プラグインはSetting->Pluginから検索すれば全部出ると思います Markdown 名前の通りMarkdown記法のシンタックスハイライトに対応するプラグイン。 WebStorm内でプレビューも行えるため、Githubのreadme.mdを書くときにものすごく便利 デフォルトだとFile Typeに*.mdがないため(今は入ってるかもしれない)、mdファイルを開いても有効にならないことあるので、File Typeで*.mdがを追加すると有効になる。 FavoriteFolders WebStormはJava製なためかファイルダイアログがOS標準とは違うため、目的のフォルダまで移動するのが面倒く
Debugging JavaScript in Google Chrome | The WebIDE Blog
IDEs AppCode CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me Quality Assurance JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Am
WebStorm/PhpStormからSassをコンパイルする
WebStormとPhpStormというIDEがあるのですが、この IDEはSassをサポートしていて、ハイライトなんかもしてくれます。 ただSCSSファイルをコンパイルするのにコマンドプロンプト立ち上げるのめんどくさいなーと思ってなんとかできないか調べてみました。 参考にしたのはこの記事です。 Easy SASS compilation in WebStorm / PhpStorm | Richard Tuin’s mindspins ただ、これの通りにやっても上手くいかなくて、前回は諦めましたが、今回は上手くいったのでやり方をメモしておきます。 まずはRubyとSassをインストールして、Sassが使える状態にします。インストール方法なんかは検索すればいっぱいでてきます。 準備ができたらWebStorm（PhpStorm）の設定をします。 SettingsからExternal Tool
[js][memo] Web/PHPStorm で CoffeeScript の環境設定メモ | romatica : Blog : Archive
Web/PHPStorm に Coffescript の環境設定する手順メモ。 「.coffee」ファイルを保存するたびに自動で 「.js 」ファイルが吐き出されるようにしてみます （私PHPStorm もってないのですがたぶん設定同じ？？かと思います。たぶん…たぶん…） [1] node.js をインストール まずは下記サイトからnode.jsをダウンロードしインストール node.js これで node と npm (Node Package Manager) というのが一緒にインストールされます。 ちゃんとインストールされたかどうかはターミナルを起動し $ node -v $ npm -v と打ってバージョンが表示されたらOK. [2] Coffeescriptをインストール 先ほどインストールした npmをつかってcoffeeをインストールします。 下記のようにターミナルで
[WebStorm] WebStorm でも zen-coding！(・∀・) : のびーの食っちゃね〜だらだらな日々。食っちゃ寝生活してても意外と平気だったりする。
April 24, 201123:59 [WebStorm] WebStorm でも zen-coding！(・∀・) カテゴリTemporary Comment(0)Trackback(0) とても便利な zen-coding ですが、WebStorm でももちろん実装しています。 zen-coding - Set of plugins for HTML and CSS hi-speed coding 上記の公式サイトを見ても分かるとおり非公式扱いではあります（zencoding-vim も非公式だけど） が、基本的なことは出来るので十二分以上に便利なのは間違いありません。 たとえば、Expand Abbreviation なら、 これが… こう展開されます。zen-coding やっぱり便利ですよねー！(・∀・) …なんですが、出来ないこともあったりします。 zen-coding（のH
![[WebStorm] WebStorm でも zen-coding！(・∀・) : のびーの食っちゃね〜だらだらな日々。食っちゃ寝生活してても意外と平気だったりする。](https://cdn-ak-scissors.b.st-hatena.com/image/square/820c24237fb0bb925f4dd802743acdb0c057a558/height=288;version=1;width=512/https%3A%2F%2Flivedoor.blogimg.jp%2Fokashi1%2Fimgs%2F4%2F8%2F48a57145-s.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebStorm指南書