別の JetBrains IDE から WebStorm に移行する方法
このセクションでは、別の JetBrains IDE のユーザーとしてよくある質問を取り上げ、より早く使い始めることができるようにします。
WebStorm と他の JetBrains IDE の共通点は何ですか?
JetBrains IDE には多くの共通点があるため、いずれかの IDE を使用した経験があれば、WebStorm の初期オンボーディングプロセスの半分はすでに完了しています。すべての IDE で見た目も動作も同じである点は次のとおりです。
キーバインド – JetBrains IDE は同じキーマップセットを使用するため、すべてのショートカットを最初から覚える必要はありません。カスタムキーマップがある場合は、それを WebStorm に転送できます。
ユーザーインターフェース – すべての JetBrains IDE は、IntelliJ プラットフォームから UI を継承しているため、同様のルックアンドフィールを備えています。特定の IDE とそのターゲットオーディエンスに固有のカスタマイズがいくつかある場合がありますが、これらは通常マイナーです。
統合開発ツール – 組み込み機能の多くは、すべての JetBrains IDE で同じように機能します。これには、バージョン管理の統合、ターミナル、共同開発およびリモート開発の機能、HTTP クライアント、TODO、Docker などが含まれます。
JavaScript、TypeScript、関連テクノロジーの機能 – IntelliJ IDEA Ultimate、PhpStorm、PyCharm Pro、GoLand、Rider、RubyMine、RustRover、CLion には、WebStorm と同じ JavaScript 開発機能が含まれています。これらの機能は、そのままでも、無料のプラグインでも利用できます。テスト自動化用の IDE である Aqua には、JavaScript と TypeScript の基本機能が付属していますが、Vue、Angular、Tailwind CSS などのフレームワークのサポートは含まれていません。
WebStorm は他の JetBrains IDE とどのように異なりますか?
WebStorm と他の JetBrains IDE の違いは次のとおりです。
JavaScript と TypeScript 固有 – WebStorm は、主にフロントエンドのタスクに取り組んでいる場合に適しています。他の JetBrains IDE のように、他のバックエンド言語を広範囲にサポートしているわけではありません。
簡略化されたプロジェクトモデル – このより洗練された機能セットにより、WebStorm には簡素化されたプロジェクトモデルが残されています。例: WebStorm は、IntelliJ IDEA のようにモジュールの概念に依存していません。また、PhpStorm のように開始するためにインタープリターを構成する必要もありません。
違いを詳しく調べたい場合は、次の比較ページを参照してください: WebStorm vs: IntelliJ IDEA Ultimate、WebStorm vs: PhpStorm、WebStorm vs: PyCharm プロ、WebStorm vs: Rider、WebStorm vs: GoLand、WebStorm vs: RubyMine、WebStorm vs: CLion、WebStorm vs: Aqua。
WebStorm ではどのようなテクノロジーがサポートされていますか ?
サポートされているテクノロジーの詳細なリストと対応するチュートリアルについては、こちらを参照してください。
一般的なヒントとコツ
JetBrains IDE 間で設定を同期する
JetBrains IDE 間や、WebStorm の異なるインストール間で、いくつかの設定を共有できます。WebStorm を初めて起動するときに設定をインポートするか、後で設定の同期機能を使用して共有することができます。同期できる設定には、IDE テーマ、キーマップ、システム設定、有効なプラグインと無効なプラグインのリストなどがあります。
ショートカットの構成
正しいキーマップ設定を使用していることを再確認することをお勧めします。これを行うには、設定 | キーマップにアクセスして、どのキーマップをデフォルトとして設定しているかを確認します。
ショートカットの構成の詳細については、このセクションを参照してください。
プラグインのインストール
プラグインを使用すると、WebStorm のコア機能を拡張し、すでに利用可能な機能にさらに多くの機能を追加できます。利用可能なオプションを確認するには、設定 | プラグインのマーケットプレースタブに移動します。
人気のレインボー括弧プラグインをインストールした場合の WebStorm の外観は次のとおりです。このブログ投稿(英語)を読んで、他の人気のあるプラグインについて学ぶことができます。
保存時にアクションを設定する
WebStorm を設定して、ファイルを変更した後に保存するたびに特定のアクションを実行したり、Prettier や ESLint などのツールを実行したりできます。これを行うには、設定 | ツール | 保存時のアクションに移動し、必要なボックスをオンにします。保存時にアクションを実行する方法の詳細については、ドキュメントのこのセクションを参照してください。
JetBrains Toolbox アプリをインストールする
複数の JetBrains IDE を使用する予定の場合は、この無料アプリをインストールしてください。これにより、すべてを同じ場所から管理できるようになります。JetBrains Toolbox アプリは、当社の Web サイトからインストールできます。
WebStorm をよりよく知る
WebStorm をより効率的に使用する方法については、これらのビデオ(英語)を参照してください。WebStorm が提供する機能の概要については、このページを参照してください。
playground プロジェクトで基本機能の簡単なツアーに参加することもできます。開始するには、WebStorm へウェルカム画面を開き、プロジェクト | 新規プロジェクト | 新規プロジェクトに移動して、オンボーディングのヒントを使用して playground プロジェクトを生成するボックスをオンにします。
サポートを受ける方法
コミュニティフォーラムをチェックして、多くの一般的な質問への回答を見つけたり、他の WebStorm ユーザーに助けを求めたりすることができます。
バグを報告したり、新しい機能をリクエストしたりするには、ここで新しい問題を作成してください。
関連ページ:
キーボードショートカットを設定する
WebStorm には定義済みのキーマップがいくつか含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ構成を表示するには、設定ダイアログを開き、キーマップを選択します。WebStorm は、環境に基づいて事前定義されたキーマップを自動的に提案します。使用している OS と一致することを確認するか、使用している別の IDE またはエディターからのショートカットと一致するものを選択してください(たとえば、Eclipse または NetBeans)。キーマップは、対応するキ...
言語およびフレームワーク
WebStorm は、JavaScript およびその他の多くの関連テクノロジをそのままサポートしています。以下に、サポートされている言語、フレームワーク、テクノロジーのリストと、対応するチュートリアルへのリンクを示します。言語 JavaScript,TypeScript,HTML,Markdown,XML,JSON,YAML, シェルスクリプト。スタイルシート CSS,Sass、SCSS、Less,Tailwind CSS. フレームワークおよびライブラリ React,Angular,Vue,Nuxt....
WebStorm を初めて実行する
Toolbox アプリを使用して、任意の JetBrains 製品を実行できます。スタンドアロンインストールの場合、WebStorm の実行はオペレーティングシステムによって異なります。WebStorm を実行するには、Windows 開始メニューでそれを見つけるか、デスクトップショートカットを使用します。bin のインストールディレクトリでランチャーバッチスクリプトまたは実行可能ファイルを実行することもできます。Applications ディレクトリ、Launchpad、Spotlight から W...
IDE 設定を共有する
WebStorm を使用すると、異なる WebStorm インストール間、または使用している異なる IntelliJ ベースの IDE 製品間で IDE 設定を共有できます。これにより、異なるコンピューターで作業している場合に快適な作業環境を再現でき、慣れているものと見た目や動作が異なるという煩わしさを回避できます。IDE 設定を共有するには、いくつかの方法があります。設定の同期プラグイン経由:JetBrains アカウントを使用し、そのアカウントでログインしているすべての IDE で同期された...
WebStorm キーボードショートカット
WebStorm には、編集、ナビゲーション、リファクタリング、デバッグ、その他のタスクに関連するほとんどのコマンドに対するキーボードショートカットがあります。これらのホットキーを覚えておくと、キーボードから手を離さずに生産性を高めることができます。すべてのデフォルトのショートカットは構成可能であり、デフォルトではショートカットがないアクションにショートカットを割り当てることもできます。事前定義されたキーマップは、考えられるすべてのプラットフォーム、バージョン、構成を網羅しているわけではありませ...
変更の保存と復元
WebStorm は、ファイルに加えた変更を自動的に保存します。保存は、実行、デバッグ、バージョン管理操作の実行、ファイルまたはプロジェクトのクローズ、IDE の終了などのさまざまなイベントによってトリガーされます。ファイルの保存は、サードパーティのプラグインによってトリガーすることもできます。自動保存をトリガーするイベントのほとんどは事前定義されており、構成することはできませんが、変更が失われることはなく、ローカル履歴ですべてを見つけることができます。自動保存動作を設定する設定ダイアログで、を...