概要
専門家の評価
長所
- 優れた人間工学
- 洗練されたオプションも簡単に見つけられる
- 業界標準のプロジェクトフレームワークをサポート
短所
- フレームワークを使用した新しいプロジェクトの開始の遅延
- ライブ編集機能について明確な説明がない
私たちの評決
WebStorm は、JavaScript、HTML5、CSS、その他の Web 開発言語用の洗練された IDE です。
Web開発の大きな利点の一つは、参入障壁の低さです。多くのチュートリアルがオンラインで公開されており、最新のWebブラウザでコードを調べるだけで、どんなウェブサイトでもCSSとHTMLを学ぶことができます。何より素晴らしいのは、コーディングを始める際には、どんなプレーンテキストエディタでも、たとえメモ帳でも、問題なく作業できることです。では、なぜJavaScript、HTML、CSS開発環境であるWebStormに49ドルも費やす必要があるのでしょうか？それは、WebStormがあなたをより優れた開発者へと導いてくれるからです。
WebStormの優れたライブ編集機能はバージョン5の新機能です。ライブ編集を使用すると、編集中にGoogle Chromeでページを確認でき、コードに加えた変更はChromeに即座に反映されます。ページを保存したり、Chromeで手動で更新したりする必要はありません。更新プロセスはシームレスで、セットアップも簡単で、無料のChromeアドオンをインストールするだけです。ライブ編集はCSSとJavaScriptにも対応しており、ベンダーのJetBrainsは、この機能を使って動作するJavaScriptアプリケーションを素早く構築する方法を紹介する印象的なビデオデモを公開しています。
Notepad++やVimなどのエディタからWebStormに移行した方は、WebStormがテキストエディタではないことにすぐに気づくでしょう。確かに、自動補完やコード折りたたみ機能などを備えた洗練されたテキストエディタコンポーネントはありますが、それはWebStormのほんの一部に過ぎません。CSSファイルをWebStormに読み込んで簡単に編集するだけでは済ませられません。WebStormはIDEであり、IDEはプロジェクトを扱うものです。そのため、WebStormでまず最初に行うのは、既存の作業をプロジェクトとしてインポートすることです。オンラインサイトを運用している場合は、作業内容をダウンロードしてオフラインプロジェクトを作成する必要があります。
次の論理的なステップは、本格的な開発者が通常行うように、プロジェクトをバージョン管理システム下に置くことです。WebStormは、人気のGitを含む複数のバージョン管理システムと連携しています。VCSメニューでは、リビジョンのチェックイン、リポジトリの閲覧、パッチの作成と適用など、さまざまな操作が可能です。
WebStormは、新しいプロジェクトをスタイリッシュに開始するのにも役立ちます。TwitterのBootstrapフレームワーク、HTML5 Boilerplate、その他多数のフレームワークを標準サポートしています。Bootstrapベースの新しいプロジェクトを開始するように指示すると、必要なBootstrapのバージョンを尋ねられ、フレームワークの公式Gitリポジトリを取得して解凍し、すぐに作業を開始できるプロジェクトが表示されました。以前のバージョンでは、WebStormが解析中だったため、プロジェクトフォルダを参照できるようになるまでに少し待つ必要がありました。バージョン5.0ではこの問題は解決されています。
WebStormの設定ダイアログは、カテゴリとサブカテゴリが複雑に絡み合ったツリー構造になっており、その多くには独自のツリーが組み込まれています。ライブサーチという素晴らしい機能がなければ、このダイアログは混乱を招いていたでしょう。WebStormのコードのインデント方法を変更したい場合は、「indent」と入力するだけで、ツリーが絞り込まれ、コードのインデントに関連するカテゴリのみが表示されます。カテゴリをクリックすると、その項目が淡色表示になり、関連する設定だけが最大輝度で表示されるため、すぐに目に入ります。
WebStorm の他の部分も同様にキーボード中心です。何かをしたいけれど、どうすればよいか分からない場合は、Ctrl + Shift + Aを押して入力を開始してください（例えば、キーボードを使って折りたたみを展開したい場合はfold と入力してください）。WebStorm は、入力した文字列をすべてのメニュー項目と設定から即座に検索し、そのダイアログから直接必要なアクションを実行できるため、メニューをめくる手間がかかりません。関連するキーボードショートカットも表示されるため、次回からは Ctrl + Shift + A を使用する必要はありません（Ctrl + Numpad + + で現在のコード折りたたみを展開できます）。Webstorm の自動補完機能も優れており、CSS のカラー名を 16 進数に変換する機能まで備えています。
WebStormは、多くのWeb開発者が気づいていない問題を解決します。一度使ってみれば、もう後戻りできないかもしれません。本格的なプロジェクトを始めるきっかけになるかもしれません。個人開発者ライセンスは49ドルで、非常にコストパフォーマンスに優れています。また、オープンソースプロジェクトに貢献している場合は、無料ライセンスを利用できる場合があります。
注：製品情報ページの「無料で試す」ボタンをクリックすると、ソフトウェアがシステムにダウンロードされます。このレビューは、2012年6月のバージョン4.0のレビューの更新版です。
