Category Archives: WebStorm

WebStorm 2019.3:起動の高速化、より高度なVue.jsのサポート、よりスマートなJavaScriptのコード補完など

WebStorm 2019.3がリリースされました! WebStorm 2019.3では起動の高速化、Vue.jsサポートの大幅な強化、JavaScriptコード補完のより高度なスマート化、長く未解決であった多数のバグの修正を行いました。 WebStorm 2019.3をダウンロード このブログ記事では新機能ページに記載しきれなかった内容のほか、新機能と重要な改善点を詳しく紹介します。 新機能と改善点は、以下のカテゴリに分類されます。 パフォーマンス:起動を高速化し、ソースマップを使ってデバッグする際のメモリの使用方法を改善しました。 フレームワーク:より高度なVue.jsのコード補完、Vue.jsプロジェクトのクイックドキュメントの提供、Reactコンポーネントのサポート改善、さらに、Angularのサポートを強化しました。 JavaScriptとTypeScript:テンプレート言語のインジェクション、新しいシンボルの名前の提案を実装し、TypeScript 3.7の各種機能をサポートしました。 HTMLとスタイルシート:CDN上のCSSライブラリの補完、CSSの引用符スタイルを変更するオプションを実装し、Sassの@useルールと@forwardルールを初めてサポートしました。 IDEの改善:ツールと構成を実行するための単一のアクションを実装し、Dartサポートのバンドル停止、グローバルファイルウォッチャーの自動有効化対応、選択範囲のみの検索が可能になりました。 ツール:今後予定されているYarn 2リリースをサポートし、デバッガの戻り値やnpmのインストール通知をオンに戻す新しいアクションに対応しました。 バージョン管理:プロジェクト複製UIを改良し、gitブランチ用のCompare with Currentを更新し、任意のブランチから変更をプッシュできるオプションを実装し、より高速な変更のコミット方法とブランチをチェックアウトする新しいアクションを追加しました。 パフォーマンス 起動の高速化 過去2回のリリースサイクルを通して、私たちはウェルカム画面が表示されるまでの待ち時間とインデックス化済みのプロジェクトをIDEが開くまでの待ち時間を大幅に削減するために注力してきました。 その結果、WebStorm 2019.3によるこれらの処理が以前のバージョンよりも高速化されました。結果は次の通りです。 平均して、起動時間は以前のバージョンと比較して20%短縮されました。 ただし、ネットワーク構成や、ワークスペースのサイズ、コンピューターの使用年数、ウイルス対策ソフトウェアの設定などの要因によって実際の結果は異なる場合があることにご注意ください。 これはまだ進行中の作業です。 WebStorm 2020.1では、これまで同様、継続的に取り組んでいるプロジェクトのインデックス作成処理の最適化を含め、その他の重要な変更が予定されています。 ソースマップを使ってデバッグする際のメモリ使用方法の改善 ソース マップを使ったデバッグの使い勝手を向上させるため、デバッガがソフト参照を考慮できるようにしました。これにより、メモリが上限値に達したときに簡単にメモリを解放できるようになりました。 IDEのステータスバーにメモリインジケータが表示される場合(Preferences/Settings | Appearance & Behavior | Appearance – … Continue reading

Posted in WebStorm, お知らせ | Leave a comment

WebStorm 2018.1:Prettier、部分Gitコミット、新ドキュメンテーションUI

🎉 本日WebStorm 2018.1を発表いたします! 🎉 この大きなアップデートにより、WebStormはPrettierとの統合、JavaScript、TypeScript、CSSのサポートにおける大幅な改善など、多数実現いたしました。 新機能をチェックして、WebStorm 2018.1をダウンロードしてください。 WebStorm 2018.1の見逃せない新機能は次のとおりです: Alt-Shift-Cmd/Ctrl-P のショートカットを使用し、コードをPrettierでフォーマット。 ファイルから選択した部分のみをコミット、またはチェンジリストに追加。 JavaScript、TypeScript、およびその他の言語用の新しくてよりコンパクトかつ軽量なドキュメントポップアップ。 Vue CLIを使用してIDEのWelcome画面から新規Vueプロジェクトを作成し、Extract Vue Component リファクタリングを使用して新規コンポーネントを作成できます。 「Node.js and npm」設定で、プロジェクトで使用されるパッケージマネージャとしてYarnまたはnpmを設定できます。 Expoを使用するReact Nativeアプリのデバッグ、すでに端末上にビルドおよび起動しているアプリにアタッチしてデバッグ。 WebStorm 2018.1をダウンロード WebStorm Team [原文] Original text in English is written by Ekaterina Prigara

Posted in WebStorm | Leave a comment

WebStorm 2016.3 リリース: Flowサポート、TypeScriptサポート、React Native appsのデバッグ対応、 Stylelint(CSS)に対応など

2016年3回目のWebStormのアップデートです。新機能がたくさん詰まったWebStorm 2016.3を試してください。 Webだけではなく、モバイル制作においてもスムースな作業ができるよう、過去4ヶ月、JetBrainsはES、TypeScript、Flowに対するサポートを改善し、より多くの機能をIDEに追加させるために努めました。 WebStorm 2016.3の新機能について詳しくはこちらのページをご確認いただくか、以下のビデオをご覧ください。 この中から、注目するべき機能はこちら Flowに対応: エディタ内で型エラーを指摘、Flowベースのコード補完 React Nativeに対応: コード補完、WebStorm上でアプリの実行とデバッグ TypeScriptの対応改善: TypeScriptの言語機能を活用したより正確なコード補完や解析; 継承関係を考慮したスマートなリネームリファクタリング ES6へ移行するためのインスペクションやクイックフィックス、Convert to class(クラスへ変換)インテンション 他に注目すべきアップデートは、Stylelintのサポート、PostCSSのプラグイン経由でのサポート、Protractorによる動作及びテストとデバッグ 、Node.jsアプリのDocker上での実行・デバッグ、ES6サポートの強化による分割代入(Destructuring assignment)の対応、等。     2015年11月よりも前にお買い上げのWebStormライセンスをお持ちの方は新しいサブスクリプションモデルへ40%オフで移行していただけます。このキャンペーンは年内に限り有効ですのでお早めにどうぞ! JetBrains WebStorm チーム [原文]

Posted in WebStorm, お知らせ | Leave a comment

WebStorm 2016.1リリース: より的確なリファクタリングオプション、Angular 2サポート/デバッガの改善等々

今年最初のメジャーアップデートであるWebStorm 2016.1をリリースしました。JavaScriptとTypeScriptの編集やリファクタリングエクスペリエンスの改善、そしてIDEのデバッグ機能のセットアップの改善が目玉となっております。 こちらよりダウンロードしていただけます。 アップデートのハイライトは以下の通りです: ECMAScript 6とTypeScriptサポートの改善: より的確なリファクタリングオプション、Unused importsインスペクションとOptimize importsアクション。 Angular 2サポートの改善: イベントとプロパティバインドのコードアシスタンス、データバインド内のコード補完。テンプレートに定義している変数、カスタムイベントハンドラ、templateUrlとstyleUrlフィールドのコードインサイトとナビゲーション 非同期クライアントサイドコード、ES6のarrow function、Webとサービスワーカーのデバッグ IDEからNode.jsアプリをリモートやVagrant boxで起動 他に触れておくべきなのはAngularJS ui-router/CSSカスタムプロパティのサポート、ElectronアプリのIDEからの実行/デバッグ、JSON Schemaフォーマットサポートによるコードアシスタンス、Convert string to template stringインテンションです。 詳しくはWhat’s new in WebStorm 2016.1(後日翻訳予定)をご参照ください。 JetBrains WebStorm Team [原文]

Posted in WebStorm | Leave a comment

IntelliJ IDEA 14、WebStorm 9はPhoneGap / Cordova、Ionicに対応します!

IntelliJ IDEAはJavaデベロッパ向けの最高のツールであり続けると共に、Java以外のテクノロジーのサポートも怠りません。特にWeb開発については力を入れています。IntelliJ IDEAをJavaScript、CSS、AngularJS開発に使った事がある方ならばそのパワーをご理解頂いているかと存じます。 そしてIntelliJ IDEA 14ではその方向性がより明確になります。最新のEAPをお使い頂ければHTML5ハイブリッドモバイルアプリケーション開発に体する強力な面を感じて頂けるはずです。 本日お知らせしたいのはIntelliJ IDEAとWebStormが公式にPhoneGap/Apache Cordova、そしてIonicフレームワークを専用のプラグインでサポートすることです。 詳しくはチュートリアルをご参照ください。 このプラグインは既にIntelliJ IDEA 14 EAPでお試し頂けます。是非ダウンロードしてみてください。うまく動かないことがありましたら掲示板やYouTrackへフィードバックを頂ければ幸いです。 またPhoneGap/CordovaプラグインはオープンソースでGitHubリポジトリにありますので、どなたでもコントリビュートしていただけます。 Develop with Pleasure! 原文

Posted in IntelliJ IDEA, WebStorm | Leave a comment

リモートホストとプロジェクトファイル間のファイルの移動がより直感的に

先のエントリでリモートホストツールウィンドウを使ってリモートサーバに接続する方法を説明しました。IDE内からFTP、FTPS、SFTPサーバへのファイルの送受信を簡単に行える便利な機能です。PhpStorm 7.1.1を始めとする最新のIDEではドラッグ&ドロップの挙動をMacのFinderやWindowsのエクスプローラに近づけました。 この機能はIntelliJ IDEA、PyCharm、WebStorm、PhpStorm、RubyMineでご利用いただけます。 改めて説明いたしますが、リモートホストへの接続はTools | Deployment | Configuration で行えます。続いてTools | Deployment | Browse Remote Hostよりリモートホストブラウザを開けます。 プロジェクトペイン/リモートホスト間のドラッグ&ドロップは、OSのファイルブラウザでローカルファイルを扱うように操作できます。例えば単にドラッグ&ドロップをした場合、ファイルは移動します。Macの場合、optionキーを押しながらドラッグ&ドロップをすると移動ではなくコピーになります。(Windowsの場合はctrlキー) 以下の動画をご覧いただくと分かりますが、移動の場合とコピーの場合(ctrlまたはoptionを押している場合)はマウスカーソルの形が異なり、移動なのかコピーなのかが分かります: 細かい変更になりますが、IDEがより直感的に、便利になったのではないでしょうか? Develop with pleasure! – JetBrains PhpStorm チーム 原文

Posted in IntelliJ IDEA, PhpStorm, PyCharm, WebStorm | Leave a comment

プロジェクトファイルをドラッグ&ドロップでリモートサーバに送る

リモートホストペインを使うとIDE内からFTP、FTPS、SFTP、またはローカル/ネットワークフォルダを操作できます。また、ファイルのドラッグ&ドロップや、コピーペーストもリモートホストペイン内、またはプロジェクトペインとリモートホストペイン間で行えます。 この機能はIntelliJ Idea、PyCharm、WebStorm、PhpStorm、RubyMineでご利用いただけます。 リモートホストを追加するにはTools | Deployment | Configurationより必要な接続情報を設定します。設定が終わったらTools | Deployment | Browse Remote Hostよりリモートホストのファイルブラウザを表示できます。 あとはプロジェクトペインから簡単に任意のファイルをリモートホストにアップロードすることができます: プロジェクトペイン/リモートホストペイン間のコピー&ペーストも可能です: もちろんリモートホストからプロジェクトへファイルをコピーすることもできます: Develop with pleasure! – JetBrains Web IDE チーム 原文

Posted in IntelliJ IDEA, PhpStorm, PyCharm, RubyMine, WebStorm | Leave a comment

WebStorm 8 EAPの提供開始

WebStorm 8のアーリーアクセスプログラムを開始いたしました。こちらよりダウンロードしていただけます。 これまでのところ、WebStorm 8のロードマップで予定しているたくさんの機能のうち数個だけ実装が完了した状態です。ぜひ皆様のフィードバックをお寄せください。今後のEAPビルドでもっともっと多くの新機能を追加していきます。 今回のEAPで実装された機能は以下の通りです: より強化されたAngularJSサポート Spy-js JavaScriptトレースツール連携 AngularJSサポートはプラグインの追加インストールなしにお使いいただけるようになりました。 AngularJSでは以下の機能がお使いいただけます: ディレクティブの補完(内蔵とカスタム) ビルトインタグのクイックドキュメンテーション(WindowsではCtrl+Q、MacではCtrl-J)、Shift-F1でAngularJSのサイトへジャンプも可能 ng-appとng-controller属性の補完(controller(‘foo’,…)という形式のdeclarative styleのみサポート) Go to symbolでフィルタやコントローラなどAngularJSの要素へジャンプ可能 Spy-js Spy-js はJavaScriptのトレースツールで、今回WebStormと連携できるようになりました。コードのトレース、デバッグ、プロファイリングにはうってつけです。イベントコールのスタックを掘り下げたり実行中のコードをエディタでハイライトしたりできます。 spy-jsは以下のようにお試しいただけます: 新しいspy-js RCを作成する node.jsパスとトレースサーバのポートを指定する default configurationを使う オプション: トレースしたいURLを指定する。ローカルのサーバでもWebStorm内蔵のWebサーバでもどんなURLでもかまいません。すべてのURLをトレースしたい場合は空欄にしておきます WebブラウザやOSでプロキシサーバとしてlocalhost:3546を使うように設定します。各OSにおけるプロキシサーバの指定方法はこちら: Windows, Mac, Ubuntu. spy-js RCを起動する トレースしたいページを開いたり更新したりする お手持ちのspy-js設定ファイルを使うこともできます。詳しくはこちらのドキュメンテーション(英語)をご覧ください。 spy-jsをローカルプロキシで利用する方法はまだ開発途上段階にあります。 WebStorm 8 EAPはこちらでダウンロードしていただけます。フィードバックなどありましたらYouTrackへご報告ください。 … Continue reading

Posted in WebStorm | 1 Comment

WebStorm 7.0.3リリース

WebStorm 7.0.3をリリースしました!IDEからアップデートすることも、インストーラをダウンロードしてフレッシュインストールすることもできます。 WebStorm 7.0.3はバグ修正や改善だけでなく、IntelliJ IDEAプラットフォーム由来のたくさんの新機能を含んでいます。 ・WebStorm 7.0.3にアップデートする理由 ツールバーやツールウィンドウはデフォルトで隠れるようになっており、エディタ領域が広がりました。[View | Toolbar]と[View | Tool Buttons]で再度表示させられます。 次に、どこでも検索(Search everywhere)機能が導入されました。Shiftキー2回で起動できるこの機能ではクラスやアクション、シンボルやファイルを簡単に探し出して移動することができます。 レンズモードではスクロールバーにマウスカーソルをあてることでファイルの任意の位置をエラーや警告メッセージ付でプレビューできます。 またSubversion 1.8をフルサポートしました。GitやMercurialのログビューも大幅に強化されています。 詳しくはリリースノートをご覧ください。 Windowsにおいてインストールがうまくいかない場合は以下の手順をお試しください: こちらのページに書いてある手順を実施: http://nsis.sourceforge.net/Why_do_I_get_NSIS_Error 以下のミラーサイトのうちのどれかからWebStorm 7.0.3をダウンロード: http://download-cf.jetbrains.com/webstorm/WebStorm-7.0.3.exe http://download-ln.jetbrains.com/webstorm/WebStorm-7.0.3.exe http://download-eu.jetbrains.com/webstorm/WebStorm-7.0.3.exe それでもうまくいかない場合はzipアーカイブのバージョンをお試しください: http://download.jetbrains.com/webstorm/WebStorm-7.0.3.zip Develop with pleasure!   -JetBrains WebStorm チーム 原文

Posted in WebStorm | Leave a comment

WebStorm 7.0.3 EAP

WebStorm 7の次のアップデートはいつものバグ修正を中心としたものではなく、新機能が盛りだくさんになる予定です。 正式には年末までにはリリースされる見込みですが、いつも通りEAP(アーリーアクセスプログラム)としてこちらから現段階のビルドをお試しいただけます。 WebStorm 7.0.3 EAP のハイライト TypeScriptとDartサポートが大幅に改善されています。またMochaテストのツリービューの改善、JSDoc内のtemplateのサポートなどです。詳しくはリリースノートをご覧ください。 WebStorm 7.0.3 EAPは最新のIntelliJプラットフォームの新機能群を含みます: インターフェースがよりコンパクトに、そしてエディタ領域がより広くなりました。[View | Toolbar]か[View | Tool Buttons] (または左下の アイコン)よりおなじみのツールバーやボタンは表示させることが出来ます。   レンズモード – スクロールバーの警告やエラーを示す縞にマウスカーソルをあてると警告/エラーメッセージと共にコードの断片を表示してくれます:   より速く、よりパワフルな検索とナビゲーション: Shiftを二回、または右上のアイコンでクラスでもファイルでもシンボルでも素早く探し出して移動することができます:   フォルダへの移動がナビゲートダイアログからも出来るように:     Subversion 1.8サポート GitとMercurialのログビューの大幅な改善 是非WebStorm 7.0.3 EAPをお試しになり、何か不具合などございましたらYouTrackへ報告をしていただければ幸いです。 Develop with pleasure! -JetBrains WebStorm … Continue reading

Posted in WebStorm | Leave a comment