ここ半年程、フロントエンド開発でWebStormを利用しています。話題になるのはもっぱらSublimeTextですが、WebStormを使っています。ちなみにWebStromは、PHPStormで有名なJetBrains製のWeb開発に特化したIDEです。有償（$49）で重くて、しかも英語版ですが、JavaScriptの開発環境としてはすこぶる評判がいいので、主にJavaScriptを書くとき使っていました。 ※2013/04/18現在確認したところ、2013/4/22まで約半額の$29になってました。 コード保管とかデバッグが素晴らしくて、しばらくはそれだけの理由で使っていたのですが、CoffeeScriptやらTypeScriptやらSASSやら使おうとすると、標準で色々サポートされていて素敵な機能が満載だと気づくようになってきましたので、メモ書き適度に投稿していきます。 ※投稿時点で
Atom、Sublime Text、WebStorm に Visual Studio Code、四大エディター真夏の大決戦！ - HTML5 Conference 2016
HTML5 Conference 2016（http://events.html5j.org/conference/2016/9/）における「Atom、Sublime Text、WebStorm に Visual Studio Code、四大エディター真夏の大決戦！」に関するツイートをまとめました。
Tutorial: Getting Started With Webpack Applications in WebStorm | The WebStorm 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
こんにちは、らこです。今日の記事では隣のプログラマに見せたくなるTipsをいくつか紹介します。使い慣れてる人はすでに知ってるかもしれません。 Search Everywhere 基本中の基本ですね。ファイルでもクラスでも変数でも機能でもなんでも検索できる機能です。開くにはウィンドウ右上のルーペボタンを押すか、初期設定では「Shift->Shift」です。 残念ながら設定の項目までは検索できないので、一旦Settingsを開いてから設定ウィンドウの中で検索します。 [追記]Search Everywhereの設定を変えればSettingsの中も検索できました。 Search Everywhereを開いて、右上の歯車ボタンを押すと設定画面が出ます。 一番下の Show IDE settingsを有効にすると直接Settingsの中も検索できます。 変数宣言を生成する これも基本ですね。カーソル
WebStorm 6.0 released: adds TypeScript, debugging with source maps, fresh UI and much more | The WebIDE Blog
News WebStorm WebStorm 6.0 released: adds TypeScript, debugging with source maps, fresh UI and much more WebStorm 6.0, a new major update of our JavaScript IDE is available for immediate download and we are very excited to tell you what’s in it! First, WebStorm allows for smarter and more streamlined web development with modern languages such as TypeScript, CoffeeScript and Dart. In addition to pr
WebStorm / PHPStorm / IntelliJ で *.tpl 形式の Smarty ファイルのインデントを 2 スペースにする方法 - 筋肉とエンジニアリングで すべてを解決するブログ
PHPStorm でインデントの調整効かない…！ HTML のインデントは tab = 2 の状態なのに PHPStorm だと インデントの設定が無い………。 ぐぬぬ、と思いつつ、インデントが tab = 4 の状態でずっと作ってたんですが、インデント変わるたびに手動でスペース打ってて、「IDE の恩恵を受けてない気がする」と思ったので、色々調べてやってみた備忘録です。 そもそもやろうとしてた設定 (関係なければ飛ばしてください) PHP Storm -> Preferences -> File Types で *.tpl ファイルを smarty ファイルだと認識させる Recognized File Types から smarty を選択 Registered Patterns の 「+」から *.tpl を追加、OK 再起動 PHP Storm -> Preferences ->
[WebStorm] Complete Current Statement がとても便利な件(・∀・) : のびーの食っちゃね〜だらだらな日々。食っちゃ寝生活してても意外と平気だったりする。
April 20, 201123:59 [WebStorm] Complete Current Statement がとても便利な件(・∀・) カテゴリTemporary Comment(0)Trackback(0) WebStormが高機能すぎて全然使いこなせていない感がひどいのですが、とりあえず備忘録代わりに1つ便利な機能など書いてみようと思います。 Shift + Ctrl + Enter で実行できる「Complete Current Statement」という機能なのですが、これが便利なのです。 たとえば、 var hoge = fuga || '' こんなコードがあった場合に「Shift + Ctrl + Enter」を押すと、 var hoge = fuga || ''; こんな感じにセミコロンを追加してくれます。 var hoge = fuga || ''; もし、こんな風
![[WebStorm] Complete Current Statement がとても便利な件(・∀・) : のびーの食っちゃね〜だらだらな日々。食っちゃ寝生活してても意外と平気だったりする。](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a67ece17e5ac8a7d642f23d03f991202cf1aa5e/height=288;version=1;width=512/https%3A%2F%2Flivedoor.blogimg.jp%2Fokashi1%2Fimgs%2F8%2F6%2F86b6c20b-s.png)
WebStormで自動保存時にPrettierを実行するようにしたら、キレイなコーディングがとても捗る。 - Qiita
WebStormで自動保存時にPrettierを実行するようにしたら、キレイなコーディングがとても捗る。WebStormprettier 本稿ではWebStromにPrettierを組み込んで、ファイル自動保存時にPrettierを実行するようにする設定方法を紹介する。 背景知識 WebStorm: JavaScriptをターゲットとした統合開発環境。 Prettier: Node.js製のコード整形ツールで、JavaScript、TypeScriptを始めととした複数のプログラミング言語をサポートする。 Opinionated and automated code formatting: 独断的で自動的なコード整形。コーディングスタイルについてチームで不毛な議論するのを避け、コーディングの本質(=動作すること)に集中するためのプラクティス。 WebStormでファイル自動保存時にPret
WebStorm Setup · Prettier
JetBrains IDEs (WebStorm, IntelliJ IDEA, PyCharm, etc.) WebStorm comes with built-in support for Prettier. If you’re using other JetBrains IDE like IntelliJ IDEA, PhpStorm, or PyCharm, make sure you have this plugin installed and enabled in Preferences / Settings | Plugins. First, you need to install and configure Prettier. You can find instructions on how to do it here. Once it’s done, you can do
12/06 にブチブチつぶやいてたヤツをまとめておいたほうがいいかなと思った。 記憶を頼りに書いてるので、間違ってたら教えてください。 機能名はぶっちゃけ適当に名付けてる。 Eclipse風のバインディングにしたほうがいいのかなぁ…。 ショートカット 対応するEclipseのショートカット 機能名 Eclipse機能名 Cmd+Shift+a Cmd+F3 コマンド検索 Cmd+←→ Cmd+←→ キャレットを行頭行末に移動 Opt+←→ キャレットをワードっぽい単位に移動 Ctrl+←→ Ctrl+rollup or rolldown(fn+↑↓) エディタの移動 Cmd+w Ctrl+Shift+↑↓ 選択範囲拡大(複数回可) Cmd+1 Cmd+Opt+q p キャレットをProject explorerへ Cmd+2 Favoritesモード Cmd+7 Cmd+o Structu
CSSとJavaScriptを圧縮できる「YUI Compressor」をWebStorm/PhpStormから使う方法です。 1つ前の「WebStorm/PhpStormでSassをコンパイルする」で、コマンド入れて何かできるんならこれもできるかもなーと思ったのでやってみたら上手くいったのでついでに書いておきます。 まず、JavaがインストールされていたらYUI Compressorをダウンロードして、適当な場所に展開します。ダウンロードは以下のリンクからどうぞ。 YUI Compressor 前回と同じようにSettingsからExternal Toolsと進んで、［Add］ボタンをクリック。 ダイアログが出てくるので、そこに入力していきます。 Programの欄には、java.exeへのパスを入力。自分の場合はこれでした。 C:\Program Files\Java\jre6\bin
WebStorm(最強のJavaScript IDE・統合開発環境)のファーストインプレッション。日本語化と価格も調べてみた。
最強のJavaScript IDE・統合開発環境であるWebStormを使ってみました。 WebStormはチェコに本社をおくソフトウェア会社JetBrains社が開発したIDE・統合開発環境です。 オープンソースではなく、商用のIDEで、日本ではあまり馴染みがないですが、JavaScriptのIDEとしては最強とも言われています。 私の場合、以下の記事のように、JavaScriptの開発環境としてEclipseはうまく使えなかったので、よいものを探しているときにWebStormに出会いました。 ・https://urashita.com/archives/1066 ただ、日本語化はまだ行われていないようです。 WebStorm(最強のJavaScript IDE・統合開発環境)をインストール WebStormのダウンロードは、 ・http://www.jetbrains.com/webs
WebStorm is a powerful IDE for modern JavaScript development, perfectly equipped for building applications with React, Angular, Vue.js and Node.js.
Tutorial: React, TypeScript, and Test-Driven Development | The WebStorm 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 Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Amper Edu
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
こんにちは、らこです。今日は電子書籍用のマークアップ言語とその周辺システムである「Re:VIEW」を例に、「WebStormでサポートされていない言語を書く」というテーマで行こうと思います。 「Re:VIEW」のフォーマットや仕組み等には詳しく触れませんので、興味がある方はこちらの記事が入門にピッタリだと思います。 File Typeを作成する WebStormでサポートされていないファイルにシンタックスハイライトや入力補完を有効にする方法は２つあります。 プラグインを導入する File Typeを追加する すでにプラグインがある言語ならば1を選ぶのがよいです。例えばMarkDownやBash Script等はプラグインが存在します。 しかし今回のRe:VIEWはプラグインなんてありません。プラグインを作るのはとても大変です。そもそもJavaで書く必要があるのでWebStormでは作れずI
JavaScriptのIDE事情とWebStorm Ajaxの普及と共にJavaScript向けのIDEとしてAptanaや、EclipseのJSDTなどさまざまなものが登場してきた。こしかし、「これが決定版」と呼べるIDEは存在しなかったのが実情だ。 WebStormはIntelliJ IDEAでお馴染みのJetBrains社が提供するJavaScript向けのIDEで、他のJavaScript向けIDEと比べ、非常に優秀なコード解析機能や補完機能を備えており、現在存在するJavaScript向けIDEの中では頭一つ抜けた存在といえる。有償の製品ではあるものの、45日間は無料で使用が可能だ。また、オープンソース開発者には無償でライセンスが提供されている。 優秀なコード解析・補完機能 JavaScriptは柔軟な記述が可能なため、IDEによっては特定の記法にしか対応していないことも多い。こ
¶ April 8, 2013 by Rob Friesel While hacking on a personal project recently, I noticed that WebStorm asked me if I wanted it to watch my SCSS files and automatically recompile them. I knew immediately what this must be (“file watchers!”) and was excited because this was a feature that I’d been missing. How had I not known that this was there? Probably the reason that I didn’t know the feature was
[PhpStorm/WebStorm]CDNで読み込むJavaScriptライブラリのコード補完させるQuickfix | バシャログ。
最近Sublime Text2でJavaScriptを書いているtanakaです。一度起動すればサクサク動くのはいいですが、コンテキストを理解した補完ができる点でWeb(Php)Stormの方がいいかなぁ、と思いつつ、プラグインをがしがし導入してます。今日はWebStorm のTipsを1つ紹介 ローカルにないjsコードの補完をすぐできるようにする WebStormで以下のようにCDNを使ってライブラリを読み込むと、JavaScriptコードの補完が利用できません。jQueryならCDNからの読み込みに失敗したときはローカルのJavaScriptを読むようにしてることも多いと思いますが、Facebook の JavaScript SDKとかローカルに保存しないのではないでしょうか。 <html> <head> <title>CDNでjQuery読み込み</title> <script sr
![[PhpStorm/WebStorm]CDNで読み込むJavaScriptライブラリのコード補完させるQuickfix | バシャログ。](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を使っております。これは以前紹介したIntellijIDEAから、HTMLやCSS、JSなどを書く人のために機能を削ったものです。 良いところ・微妙なところありますが、つかい始めて２ヶ月ほど経ったのでレビューを兼ねて記事にしたいと思います。 1.軽くて高機能 これまで使っていたメインエディタは、DreamweaverやSublime Text、Brackets、Atomなどでした。Sublimeなどのプラグインを追加していくようなエディタはやはりテキストエディタの域を出ないなといった印象で、プラグインのバージョンアップですぐ壊れたり、機能の干渉があったりと、満足しきれないところがちょこちょこありました。 （特にSublimeでHome/Endキーが効かないところ、日本語入力でTab変換が使えないところがイライラ！） Web用のIDEとしてパッと思い
![WebStormを使って知った１０のこと - [ALL]| アクアリングBLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc402617cc4e3010c697f6bd4a7a74fb22f58e2b/height=288;version=1;width=512/http%3A%2F%2Fwww.aquaring.co.jp%2Fcommon%2Fimages%2Fogp.jpg)
Winter is coming! Get 50% OFF on WebStorm, PhpStorm and RubyMine | The WebIDE Blog
Winter is coming! Soon enough the whole world will be covered with snow. White walkers are close! Warm your soul with a nice discount — get 50% OFF on your personal license for the following products now: WebStorm – JavaScript IDE PhpStorm – PHP IDE RubyMine – Ruby and Rails IDE But that’s not all! Winter will not seem so long because WebStorm & PhpStorm 3.0 will be out in December. If you will bu
みなさんはウェブサイト制作で、どのテキストエディターを使用していますか？ 弊社ではHTMLやCSS、JavaScriptを扱うウェブ制作ソフトとして「WebStorm（ウェブストーム）」を全スタッフが利用しています。WebStormは有料のソフトウェアですが、日本語に対応しており、ウェブ制作に役立つ機能が豊富に搭載されていて値段以上の価値があります。 今回はWebStormの魅力について、「WebStormの概要」、「ウェブ制作に便利な使い方」、「コードリーディングに重宝する機能」、「コーディングの助けになる機能」の4点から紹介します。 ※本記事はWebStormの内容ですが、開発元のJetBrains社が提供しているIntelliJ IDEAやPhpStorm、その他のIDE（統合開発ソフト）で同様のショートカットや機能を使用できます。 本記事は初心者向けの内容ですが、続編記事「使用歴5
この記事は suusan2go Advent Calendar 2019 - Adventar の10日目の記事です。 最近のサーバーサイドの開発ではほぼJetBrainsのIDE (RubyならRubyMine、GoならGoLand、PythonならPyCharm、サーバーサイドじゃないけどFlutterならAndroid Studio)を使うようになったものの、フロントエンドだけは別でVueやTypeScriptのサポートの厚さからVSCodeを使い続けていました。しかし、一つだけショートカットの違うエディタを使うと結構生産性が落ちるのと、リファクタリングの機能はJetBrains製IDEの方にかなり軍配があがるので、関わっているプロジェクトのコードのリファクタリングを考えるタイミングで乗り換えることにした話です。 WebStormに乗り換えるにあたっての設定 自分はフロントエンドだけ
単にSassファイルをwatchするだけなら、以前書いた記事とはてなダイアリーで書いたもので大丈夫なんですが、分割されたSCSSファイルごとにやるのもあれだし、partialなんかはどうするのってなるので、ディレクトリ単位でwatchしておきたいわけです。 まあ前のと同じようにディレクトリを指定すればいいんだろうと思ったらエラー。 で、調べてみたら、--watchコマンドのディレクトリ指定時のパスの書き方が問題のようです。 SASS -watch path:path broken on Windows - Sass | Google グループ つまり、パスを指定するときはバックスラッシュじゃなくてフォワードスラッシュ（普通のやつ）で書いてね、ってことみたいです。 次の問題はPhpStormのExternal Toolsの設定なんですが、Parametersのマクロにはフォワードスラッシュの
Today we’re releasing a new EAP build of WebStorm 7. The new build contains a good amount of new features for you to enjoy: Initial support for TypeScript 0.9, including the support for generics; Support for istanbul code coverage engine for JavaScript; Redesigned REST Client UI with support for requests history, import/export, compressed responses and other improvements; We’ve also redesigned Liv
GitHub - nodenv/jetbrains-npm: Fix IntelliJ/WebStorm's npm integration under nodenv
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Spy-js 2.0: New Level of JavaScript Tracing | The WebStorm 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
IntelliJとAppCode(CIDR)、でもってその他(WebStorm/PhpStorm/PyCharm/RubyMine)の話 - marsのメモ
PhpStorm/PyCharm/RubyMine/IntelliJは4/30まで、WebStormは6/30までセールやってる。春の陽気につられポチっとしてしまう人もいると思うので、ちょっと補足を。 PhpStormはWebStormの上位製品。PhpStorm, RubyMine, PyCharmは姉妹品。IntelliJは標準でバンドルしてないプラグイン（Python, Ruby）もあるけど基本全部入り。んでもって、各製品間のアップグレードパスはなし。 最新版だとまたバンドルしてるプラグインも変わってると思うけど、以前調べた時はこんなだった。 → IDEAと他の製品のプラグインを比較してみた AppCode(CIDR)は特別で、IntelliJには含まれないんだって。なんだ残念。
GitHub - gdelmas/IntelliJDashPlugin: A smart and simple plugin that provides keyboard shortcut access for Dash, Velocity or Zeal in IntelliJ IDEA, RubyMine, WebStorm, PhpStorm, PyCharm and Android Studio.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
I am writing this post because I want to encourage developers to write more JavaScript plugins for the IDEA platform. At the time of this writing there are 25 JavaScript plugins available for download. Three of them are mine. In this post I will describe how to write a JavaScript plugin using IntelliJ. The plugin will do something very simple: it will inject Angular 1.x injectables in a Jasmine te
5/24 第14回HTML5ビギナーズ つまずくこともあるけどこうやって成長したよ！で、WebStormについて発表してきました。 スライド 一人で使う/チームで活用する WebStorm // Speaker Deck まとめ シーブレインではチームで使う標準エディタをWebStorm/PhpStormにしています。 ２年ほど使ってきて、便利なポイントと活用方法について紹介しました。 WebStorm活用の参考になれば幸いです。 サンプルコード .idea/.ignore .editorconfig
[PhpStorm/WebStorm]Surround Templatesでコード変更を効率化 | バシャログ。
夏休みをとられている人が多いので電車が空いていて出勤が快適な週ですね。tanakaです。 今日はIDE PhpStormの機能のなかで既存のコードを包む機能「Surround Template」を紹介します。 プログラムのコードというのはなかなか最初から最後まで一直線に書いていくのはできなくて、あとでifブロックで囲んだり無名関数で囲んだりしたくなるものです。そんなときに使えるのが「Surround Template」。…といっても実際のところまだ使ったことがありません。 使い方 まず、Surround Templateで何ができるかというと、すでに書かれたコードをifブロックやforブロックで囲むことができます。JavaScriptなら無名関数で囲めますし、htmlファイルならタグで囲むことができます。 上記のように文字列を選択した状態でCtrl+Alt+Tを押します。すると次のような選
![[PhpStorm/WebStorm]Surround Templatesでコード変更を効率化 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/2b62b4e0fd4ed08a00e42d880ceb27ae1f776b93/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fws_ps01.jpg)
Webstorm9でGulp対応 今回リリースされたWebstorm9でGulp対応したそうなので早速使ってみることに。Webstorm Gulp関連の機能 コンテキストメニュー とりあえずgulpfile.jsを作成しファイルを右クリック。 lessをコンパイルする簡単なものを用意しました。 var gulp = require('gulp'); var less = require('gulp-less'); var path = require('path'); gulp.task('less', function () { gulp.src('./less/**/*.less') .pipe(less({ paths: [ path.join(__dirname, 'less', 'includes') ] })) .pipe(gulp.dest('./css')); }); する
メニューから[WebStorm] - [Preferences...]を開き Project Settingsの[JavaScript] - [Libraries]の[Download...]ボタンをクリック。 （[command] + [,] でPreferencesを開き、librariesで検索するとサクっと出てくるかと思います。）
Guide to Node.js Development With WebStorm | The WebStorm Blog
In this short blog post we would like to put together all the tutorials we have so far on Node.js development workflow with WebStorm and other JetBrains’ IDEs. Hope that it would help you to get started with Node.js in WebStorm and master your workflow. Running and Debugging Node.js apps Getting started with Express Debugging Express apps Working with Jade templates in Express app List of availabl
こんにちは、沖です。 週末は、雨が降ったこともあって急に気温が下がって寒かったですね。 みなさん、いい週末を過ごされましたか？ 私は、1年ぶりに地元の親友と歌舞伎町で酒を酌み交わしてきました。いくつになっても、子供の時からの友達っていうのは、いいもんですね。 さて今回は、WebStorm & PhpStorm Blogの「TypeScript Support in WebStorm 6」を日本語訳してみました。 それでは、どうぞ！ JavaScript開発における進化の1つは、新しいTypeScript言語です。JavaScriptのオープンソースの上位セットは、型付けされた言語でコードを書くことができ、JavaScriptにコンパイルされます。 この言語のためにより多く、かつ良いサポートをもたらすために、JetBrainsで私たちは精力的に働いています。 WebStorm 6は、3つの新
「第二回 JetBrainsユーザーグループ in 大阪」のセッション動画で 画像ファイル名の補完時に画像のプレビュー表示がされていました。 これ便利だな〜と思って、先日ぽちった手元のWebStormでやってみたら表示されず... IntelliJ IDEAウォークスルー #jbugj http://youtu.be/XeIJugk7SVQ?t=13m40s ということで調べてみたメモ。 メニューの[WebStorm] - [Preferences...]を開き [IDE Settings] - [Editor] - [Code Completion] にあるAutopopup documentation in (ms)にチェックを入れる。
関連キーワード Visual Studio | 統合開発ツール | アプリケーション開発 ソースコードの修正を容易にする機能を備える「統合開発環境」（IDE）。その代表例がMicrosoftの「Visual Studio」とJetBrainsの「WebStorm」だ。本連載は複数の側面からVisual StudioとWebStormを比較する。 Visual Studioとは 併せて読みたいお薦め記事 さまざまなプログラミング言語 PythonでもRubyでもない「最初に学ぶプログラミング言語」の“王者”はこれだ 「Python」だけじゃなく「JavaScript」「Go」「Ruby」を学ぶべき理由 Java使いでも「R」「Python」を学びたくなる“納得の理由” アプリケーション開発・実行環境「.NET Framework」といったMicrosoftの技術にとどまらず、Visual S
WebStorm(IntelliJ)のJavaScript静的解析はすごく便利ですね。サポートしているライブラリ/フレームワーク以外にも、TSDでTypeScriptのインターフェースを取り込めたり、自分で書いたコードを読んで推測してくれたり。自分のコードに JSdoc があるとそれがより高精度に。 ...でも、それだけではどうしても型ヒントが付かないオブジェクトがあります。外から来たJSONメッセージだったり、MongoDBから読み込んだBSONだったり。存在すると信用していいプロパティなのに、どこにも実装がないがために、ドットでアクセスしたら Unresolved Variable が出ることがあります。 このとき使えるのが JSDoc3 の @typedef です。 JSONが間違いなくこういう形をしていたとして、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebStormの素敵な機能。LiveTemplates | KnockKnock
【WebStorm/PhpStorm】半角スペース・タブを可視化して、さらに目立たせてみると作業効率があがりますよ | バシャログ。
隣のプログラマーに見せたくなるWebStormの小技集 - Qiita
WebStormショートカット覚書 - @vvakame の日記
WebStorm/PhpStormからYUI Compressorを使う
Early Access Program (EAP) - WebStorm
WebStorm 3.0: The JavaScript IDE! | The WebIDE Blog
WebStormでRe:VIEWを書く (Custom File Type) - Qiita
イマドキのIDE事情(94) 最強のJavaScript IDE「WebStorm」を試してみる
watching Compass files in WebStorm | found drama
WebStormを使って知った１０のこと - [ALL]| アクアリングBLOG
ウェブ制作にはWebStormがお勧め！ 使いこなせば操作が爆速になる機能のまとめ - ICS MEDIA
VSCodeからWebStormに乗り換えた - suusan2号の戯れ
WindowsでWebStorm-PhpStormからSassをディレクトリ単位でwatchする
WebStorm 7 build 130.1167 | The WebStorm Blog
Developing an IntelliJ / WebStorm JavaScript plugin
チームで使うWebStorm／第14回HTML5ビギナーズ勉強会 | バシャログ。
GulpをWebstormで使ってみる - Qiita
WebStormでjQueryのコード補完を有効にする方法
WebStorm & PhpStorm Blog日本語訳：WebStorm 6におけるTypeScriptのサポート - 448.jp blog
WebStormの補完時に画像のプレビューを表示する方法
Visual Studioってそもそも何？ 競合「WebStorm」との違いは？
WebStormで手軽にJSON/BSONの型ヒント - Qiita