JavaScript

プロジェクトのセキュリティ

RubyMine の外部で作成され、インポートされたプロジェクトを開くと、RubyMine はこのプロジェクトの馴染みのないソースコードの処理方法を決定できるダイアログを表示します。

次のいずれかのオプションを選択してください：

• セーフモードでプレビュー ：この場合、RubyMine はプロジェクトをプレビューモードで開きます。 これは、プロジェクトのソースを参照することはできますが、タスクやスクリプトを実行したり、プロジェクトを実行 / デバッグしたりすることはできないことを意味します。

  RubyMine はエディター領域上部に通知を表示し、 プロジェクトを信頼する… リンクをクリックするといつでもプロジェクトをロードできます。

• プロジェクトを信頼 ：この場合、RubyMine はプロジェクトを開いてロードします。 これは、プロジェクトが初期化され、プロジェクトのプラグインが解決され、依存関係が追加され、すべての RubyMine 機能が利用可能になることを意味します。

• 開かない ：この場合、RubyMine はプロジェクトを開きません。

詳細は プロジェクトのセキュリティ をご覧ください。

複数の JavaScript バージョンを使用する

ECMAScript 5.1 と新しいバージョンの ECMAScript の両方を使用するアプリケーションに取り組んでいる場合、最も簡単な方法は、 JavaScript ページ (設定 | 言語 & フレームワーク | JavaScript) のリストからプロジェクト全体の最も高い言語バージョンを選択することです。

JavaScript コードの JSX 構文

JavaScript コードで JSX 構文を使用している場合は、 ECMAScript 6 以降 を有効にします。

パラメーターヒント

パラメーターヒントは、コードを読みやすくするためのメソッドや関数のパラメーター名を示します。 デフォルトでは、リテラルまたは関数式であるが名前付きオブジェクトではない値に対してのみ、パラメーターヒントが表示されます。

戻り型のヒント

RubyMine は、関数呼び出しや呼び出しチェーン内で関数の戻り値の型を表示できます。

• 関数の戻り値の型ヒントは、 JSDoc コメントやコードの静的解析に基づいて推論されます。

• メソッドチェーンで型ヒントを返すは、メソッド呼び出しが複数行に分かれており、少なくとも 2 つの異なる型を返す場合に表示されます。

  メソッドチェーン内の戻り値の型ヒントは、内部 RubyMine 評価器によって提供されます。

型ヒント

型ヒントは、変数、フィールド、パラメーターの型を示します。 変数とフィールドの型は、その定義の横に表示されます。 パラメーターの型ヒントは関数呼び出しに表示されます。 型ヒントは JSDoc コメント やコードの静的解析に基づいて推論されます。

ES6 インポートステートメントを追加する

インポートステートメントは、シンボルの作成時にその場で追加することも、後からインポートツールチップ、クイックフィックス、インテンションアクションを使用して追加することもできます。

プロジェクトからファイル（ES6 モジュールまたは既に ES インポートステートメントを含むファイル）へシンボルをインポートする場合、RubyMine はシンボル補完時に ES6 インポートを自動的に挿入します。

未解決のシンボルにカーソルを合わせると、自動インポートのツールチップが表示され、インポート文を追加するように提案されます。

• 提案を受け入れるには、 Alt+Enter を押してください。

  

• ツールチップを無効にするには、エディターの右上隅にあるインスペクションウィジェットにカーソルを合わせ、 をクリックして、 自動インポートツールチップを表示 オプションのチェックを外します。

  

以前の JavaScript バージョンの場合、または 補完時の自動インポートが無効化されている場合、RubyMine はシンボルを未解決とマークし、エラーの説明と推奨されるクイックフィックスを示すポップアップを表示します：

• 提案を受け入れるには、 Alt+Shift+Enter を押してください。

  

• または、 Alt+Enter を押します。

  

• インポート元が複数存在する場合、RubyMine は候補リストを表示します：

  

RubyMine はプロジェクト依存関係で定義されたシンボルのインポートステートメントも生成することができます。 自動インポートは、 TypeScript 定義ファイル(英語)を含むパッケージ（moment(英語) や redux(英語) など）や ES モジュールとして記述されたソースのシンボルに対して機能します。

現在のファイルに既に ES6 インポートステートメントが含まれている場合、RubyMine は新しいものも ES6 スタイルで挿入します。

CommonJS（必須）インポートステートメントを追加する

プロジェクトから、すでに CommonJS モジュール（require または module.export ステートメントあり）のファイルにシンボルをインポートする場合、RubyMine はシンボル補完時に CommonJS インポートを自動挿入します。

あるいは、インポートするシンボルにキャレットを置き、 Alt+Enter を押して、CommonJS (require) インポートスタイルのクイックフィックスを選択します。

import defer ステートメントを追加する

RubyMine は JavaScript の import defer 構文をサポートしており、コード補完、エラーハイライト、 import ステートメントのライブテンプレートや使用検索を提供します。

import.defer 構文もサポートされています。

インポートソースステートメントを追加する

RubyMine は JavaScript の import source 構文もサポートし、コード補完、エラーハイライト、 import ステートメントのライブテンプレートや使用検索を提供します。

import.source 構文もサポートされています。

自動インポートを構成する

デコレーター

デコレータについては、再フォーマット時にそれぞれのデコレータ直後への改行挿入を抑制することが重要な場合があります。

デコレータには次のフォーマットオプションがあります：