WebStorm 10 EAP | 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 Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Amper Education & Rese
WebStormのTypeScript関連Issueを見る - Qiita
こんにちは、らこです。元々はWebStormでTypeScript書くときのTips書くとか言ってたんですが、ここ何ヶ月かDartしか書いてないんで完全にTypeScriptの書き方忘れました。なのでWebStorm絡みってのはなんとか残して、今後WebStormに実装される/されそうな機能とかを見ていこうと思います。 最新版9.0.2で変わったこと まずはWebStormの一番最近のアップデートで変わったことをまとめます Feature Request: support for TypeScript 1.3 feature 我らがvvakameさんが投げたIssueで、TypeScript1.3のサポートが実装されてます。 Indexer parameter not colorized インデクサに色がつかないバグが直ってます。 Class name after 'new' keywor
WebStorm で TypeScript を始めよう！《Advent Calendar 2014》 - Qiita
これは WebStorm / PhpStorm Advent Calendar 2014 の１０日目(12/10)の投稿です。 WebStorm ではずいぶん前に TypeScript のサポートがされています。今回は（いまさらながら）、WebStrom で TypeScript を簡単に触ってみようと思います。 手順を間違えていたらスミマセン.. 補足ください。 前提環境 OS：Mac OS X 10.9.5 WebStorm：9.0.1 今回の手順で結果的に導入されたものは次のとおり。 TypeScript：1.3.0.0 TSD：0.5.7 手順 まず npm コマンドで TypeScript をインストールします。
WebStormでRe:VIEWを書く (Custom File Type) - Qiita
こんにちは、らこです。今日は電子書籍用のマークアップ言語とその周辺システムである「Re:VIEW」を例に、「WebStormでサポートされていない言語を書く」というテーマで行こうと思います。 「Re:VIEW」のフォーマットや仕組み等には詳しく触れませんので、興味がある方はこちらの記事が入門にピッタリだと思います。 File Typeを作成する WebStormでサポートされていないファイルにシンタックスハイライトや入力補完を有効にする方法は２つあります。 プラグインを導入する File Typeを追加する すでにプラグインがある言語ならば1を選ぶのがよいです。例えばMarkDownやBash Script等はプラグインが存在します。 しかし今回のRe:VIEWはプラグインなんてありません。プラグインを作るのはとても大変です。そもそもJavaで書く必要があるのでWebStormでは作れずI
WebStorm9の新機能(Deep Dive into WebStorm 9's New Features) - Qiita
先日9.0.0にアップデートされたWebStormの新機能についてJetBrainsの中の人が生放送で解説するウェビナー、「Deep Dive into WebStorm 9's New Features」が、10月30日17:00-18:00(日本時間10月31日2:00-3:00)に開催されました。その中で紹介された新機能・Tipsと質疑応答の中から興味深いものをまとめます。 ウェビナーの様子は近日中に動画がアップされます。 [追記] 公式ブログに動画と記事が投稿されました http://blog.jetbrains.com/webstorm/2014/10/webinar-recording-a-deep-dive-into-webstorm-9s-new-features/ React and JSX 最初に紹介された新機能はReactとJSXについてです。 ReactはUI構築の
WebStormで実装ファイルとテストファイルを切り替えるのにJS Toolboxが便利
JS ToolboxはJetBrains IDEで動くプラグインです。 WebStorm以外でも使えるので、今回の話はJavaScript以外でも使えます。 JetBrains Plugin Repository :: JS Toolbox andresdominguez/jsToolbox ファイルの切り替え TDD的な事をやる時、実装とテストのファイルを行き来することが多いと思いますが、 そういう時にJS Toolboxの Go to test の機能を使うと、ショートカットで行き来できるようになるので便利です。 上記のように、ショートカットやActionから切り替え出来ます。 切り替え出来るファイルの命名ルールは設定から追加することができるので、jsファイル以外も対応可能だとおもいます。 -test.js,-spec.js,Spec.js,Test.js,.test.js,.spec
WebStormの設定を共有する - Qiita
チームで開発しているとIDEの設定を共有したくなりますよね。 ならないとしたら、今すぐこの記事を読むのをやめて病院に行って下さい。 バージョン管理する対象に.idea/以下を含める http://devnet.jetbrains.com/docs/DOC-1186 下記の「設定をエクスポートしてインポート」より良い方法として、プロジェクトの.ideaディレクトリ以下をバージョン管理対象に含める方法がありました。 Mavenで管理する → ダメだった eclipseにはmaven-eclipse-pluginという設定ファイルを生成してくれたりする便利なMavenプラグインがあります。WebStormにも似たものがないか探しました。で、あったにはあったのですが、codestyleなどの設定ファイルは作ってくれないみたいで目的に合いませんでした。 設定をエクスポートしてインポート → できた
Node.jsでもSpy-jsを使ってみる - Qiita
WebStorm 8とSpy-jsによるJavaScriptのトレースについてはこちらですでに解説しましたので、今度は噂のWebStorm 9の新機能、「Spy-js for Node.js」を試してみようと思います。と言ってもほとんどやることは変わらず、Webアプリケーションの方で出来たことがNode.jsでも出来るよというだけのことです。 この記事の作成にあたってはWebStorm公式ブログを参考にしました。 ※この解説で使用したWebStormは WebStorm 9 EAP WS-138.1495です。正式アップデートに向けて今後変更される可能性もあるので注意してください。また、WebStorm 9 EAPの使用も自己責任でお願いします。 サンプルプロジェクトを作る 今度はNode.jsのアプリケーションを作るので、簡単に済ませるために新規プロジェクトを「Node.js Expre
WebStorm+Spy-jsの使い方 - Qiita
WebStorm9のEAPが始まり、目玉機能の一つに「Spy-jsのNode.jsトレース」が掲げられていますが「そもそもSpy-jsって何なの？」っていう方も多いと思いますので、今更ですがWebStorm8のSpy-jsと使い方をおさらいしておこうと思います。 なお、この記事の内容はWebStorm公式ブログを参考にしました。動画もあるのでぜひご一読ください。 Spy-jsとは？ Spy-jsはJavaScriptの トレース、デバッグ、 プロファイリングの3つの機能から構成されるツールです。Spy-jsはWebStorm, PhpStorm, RubyMine, PyCharm(Professional), IntelliJ IDEA(Ultimate)にバンドルされていますが、スタンドアロンで動くものも配布されています。WebStorm8ではWebアプリケーションだけですが、WebS
WebStormでNode.jsアプリをデバッグする(Mocha, Typescript版もあり) - Qiita
WebStormだと様々な形式のNode.jsアプリが簡単にデバッグできます． 実際に画像で見てみましょう 単純なNode.jsアプリの場合 1. Javascriptを書いてブレークポイントを置く 2. 右クリック＞Debug app.js 3. やったぜ Mochaのテストをデバッグしたい場合 1. mochaを入れる 上メニューFile>Settings > Node.js and NPM > 緑の＋ボタン > mochaをInstall Package 2. mochaのテストを書いてブレークポイントを置く testというフォルダを作ってその中にテストJS 3. 上メニューRun>Edit Configurations 4. 左上の＋ボタン＞Mocha 5. Mochaの設定をしてOKで閉じる ほとんどの項目は初期のままでよい． 以下の項目は自分で指定する必要があるかも 項目名 意
WebStorm AngularJS Webinar (April 24th, 2014) 補足メモ - Qiita
［追記]公式ブログの方で録画映像と記事が公開されました。 http://blog.jetbrains.com/webstorm/2014/04/webstorm-8-webinar-recording/ 日本時間で25日の夜中に、JetBrainsのエンジニアであるJohn Lindquist氏によるWebStorm8の新機能についてのWebinarが開催されました。 来週にはJetBrainsのブログのほうに内容のおさらいが動画で公開されると思いますが待ち切れないので自分が把握できた分だけ書き下しておきます。 ちなみに話された内容はこちらにリストアップされています。 https://gist.github.com/brockangelo/11260515 リストが細かく書かれてるので実際はそんなに書き下すことないんですが、ところどころ補足したいところもあるので↑のリストと並べて読んでもら
a crazy good webinar on using webstorm. these are notes to accompany the recorded session that will be published the week of Mon, April 28th
a crazy good webinar on using webstorm. these are notes to accompany the recorded session that will be published the week of Mon, April 28th WebStorm AngularJS Webinar AngularJS Install angular with: terminal: bower install angular Ctrl-space twice ng stuff works now Preferences: Editor: angularjs add whitespace Debug (there is a shortcut so you can do live edit and it updates in chrome) You can c
WebStormでKarma+Mocha+power-assertのjavascriptテスト環境を作る - Qiita
npmでパッケージを揃える グローバル npm install -g grunt-cli bower プロジェクト環境 npm プロジェクトルートに以下のpackage.jsonを置いてnpm installするとパッケージが揃います { "engines": { "node": ">= 0.10.0" }, "devDependencies": { "grunt": "~0.4.2", "karma-mocha": "^0.1.3", "karma-phantomjs-launcher": "^0.1.4", "grunt-espower": "^0.6.0", "grunt-karma": "^0.8.2" } } bower bower install power-assertでpower-assertと依存パッケージがインストールされます。 Grunt設定 プロジェクトルートにGr
WebStormのGrunt Consoleを利用する - Qiita
WebStorm 8.0.0でgrunt consoleが実装されました。Gruntfileに定義されたタスクをWebStorm上でGUIから実行できます。 grunt-cliのインストール npmからgrunt-cliをインストールします。 npm install -g grunt-cli 環境変数の追加 WebStormはbashやzshの環境変数は読めないので、 システムの環境変数 にnodeのパスを通す必要があります。 nodebrew環境であれば、/etc/environmentに~/.nodebrew/current/binを追加します。他の環境でもgruntにパスが通るようにパスを追加すれば大丈夫だと思います。 プロジェクトにgruntをインストール プロジェクトにgruntをインストールします。 npm install grunt Gruntfile.jsを追加 これは手作
WebStorm + TypeScript + Gruntな作業環境を作る | JLINE.create();
単独作業&JavaScriptメインのとある案件で必要に感じ環境を作ったので備忘録もかねて。 WebStormは以前から使用していて、TypeScriptは趣味で少し触った程度。Gruntに関しては今回が初めてで、 あと黒い画面は苦手です。 WebStorm？ HTML/CSS/JavaScriptの統合開発環境で、JavaScript版FlashDevelopのようなものを探していて辿りつきました。 素早い構文チェックと強力なコード補完機能、そして記述ルールなど各種設定項目の豊富さ柔軟さが気に入っています。 TypeScriptも標準でサポート。 TypeScript？ Microsoft社が開発するいわゆるaltJSの内のひとつ。 JavaScriptの拡張(スーパーセット)というスタイルで、既存コードの流用も比較的スムーズかつ、コンパイル後も読みやすい。 しかし反面、クラス
TypeScript + KarmaをWebStormでデバッグする - Qiita
準備 上記レポジトリーをクローンしてWebStorm 8で読み込みます。 npm install と grunt setup も忘れずに。 新しめのKarmaのプラグインが入っていればIntelliJでもいける気がしますが試してないので分かりません。 またWebStormのディレクトリ管理でnode_modulesを無視設定することをおすすめします（起動時のIndex作成とコード補完の遅さが悲惨なことになるので）。 WebStormのKarmaデバッグはChrome/Firefoxのみ有効で、PhantomJSでは実行出来ないらしいです。Firefoxの方では試していませんが、Chromeでデバッグを実行するにはJetBrains IDE Supportが必要です。実行するプロファイルに事前にインストールしておきましょう。 WebStormのRun Config設定 右上のRun/Debu
WebStorm 8.0でTypeScript開発を試してみた - きよくらの備忘録
JetBrainsの Web開発 IDE*1、WebStorm 8.0がリリースされました。 WebStromもTypeScriptに対応しているという話は聞いていたのですが、WebStrom自体をほとんど使ったことがありませんでした。 先日8.0がリリースされたとのことなので、せっかくなので、手探り状態ですが少し試してみました。 WebStormの入手とセットアップ WebStormは有償の製品ですが、30日間の試用ができます。 試したい方は以下から自分のプラットホーム向けのものをダウンロードしてセットアップしましょう。Win/Mac/Linux用があります。 http://www.jetbrains.com/webstorm/ （なお、ライセンスを購入される場合はサムライズムさんが正規代理店として取り扱っておられますので、こちらを参照のこと。WebStormはJetBrains製品の中
WebStorm 8 EAPの提供開始 | Post Blog
WebStorm 8のアーリーアクセスプログラムを開始いたしました。こちらよりダウンロードしていただけます。 これまでのところ、WebStorm 8のロードマップで予定しているたくさんの機能のうち数個だけ実装が完了した状態です。ぜひ皆様のフィードバックをお寄せください。今後のEAPビルドでもっともっと多くの新機能を追加していきます。 今回のEAPで実装された機能は以下の通りです: より強化されたAngularJSサポート Spy-js JavaScriptトレースツール連携 AngularJSサポートはプラグインの追加インストールなしにお使いいただけるようになりました。 AngularJSでは以下の機能がお使いいただけます: ディレクティブの補完(内蔵とカスタム) ビルトインタグのクイックドキュメンテーション(WindowsではCtrl+Q、MacではCtrl-J)、Shift-F1でAn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebStorm 9.0.2 EAP, 139.625: Bug Fix Update | The WebStorm Blog
IDE doesn't start after updating to Mac OS Yosemite or Mavericks : JetBrains Support