RubyMine 2024.3 ヘルプ

PhoneGap と Cordova

PhoneGap(英語)Apache Cordova(英語) は、単一の HTML、CSS、Javascript/Typescript コードベースを使用してモバイルアプリケーションを開発し、Android(英語) を含むさまざまなモバイルプラットフォームをターゲットにするためのフレームワークです。

始める前に

  1. お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。

  2. JetBrains マーケットプレイスからプラグインをインストールする説明に従って、設定 | プラグインページのマーケットプレースタブに Cordova プラグインをインストールして有効にします。

  3. ターゲットプラットフォームと使用するオペレーティングシステムに応じて、エミュレータツールをダウンロードしてインストールします。Cordova(英語) の公式 Web サイトから詳細を学びましょう。

  4. iOS(英語) プラットフォームをエミュレートするには、ios-sim(英語) および ios-deploy(英語) コマンドラインツールをグローバルにインストールします。

    埋め込みターミナルAlt+F12)を開いて、次のように入力します。

    npm install -g ios-sim

    npm install -g ios-deploy

PhoneGap と Cordova のインストール

埋め込まれたターミナルAlt+F12)で、次のいずれかのコマンドを入力します。

新しい PhoneGap または Cordova アプリケーションの作成

アプリケーションがまだない場合は、ボイラープレートテンプレートから PhoneGap または Cordova 固有の構造を持つ RubyMine プロジェクトを生成できます。または、空の RubyMine プロジェクトを作成し、その中で PhoneGap または Cordova サポートを構成します。

テンプレートからアプリケーションを作成する

  1. ウェルカム画面で新規プロジェクトの作成をクリックするか、メインメニューからファイル | 新規 | プロジェクトを選択します。新規プロジェクトダイアログが開きます。

  2. 左側のペインで、Cordova を選択します。

  3. 右側のペインで、プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。実行可能ファイルの場所を指定します。オペレーティングシステムとターゲットプラットフォームに応じて、これは phonegapphonegap.cmdcordova または cordova.cmd になります。

  4. 作成をクリックすると、RubyMine はフレームワーク固有の構造を持つアプリケーションのスケルトンを生成します。

既存の PhoneGap または Cordova アプリケーションから開始

既存のアプリケーションの開発を続行するには、RubyMine でアプリケーションを開き、必要な依存関係をダウンロードして、プロジェクトで PhoneGap または Cordova サポートを構成します。

プロジェクトで PhoneGap または Cordova を構成する

  1. 設定ダイアログ(Ctrl+Alt+S)を開き、言語 & フレームワーク | JavaScript | Cordova に移動します。

  2. RubyMine が実行可能ファイルを自動的に検出しなかった場合は、実行可能ファイルの場所を確認するか、ファイルへのパスを指定します。これは、オペレーティングシステムと選択したフレームワークに応じて、phonegapphonegap.cmdcordova または cordova.cmd になります。

    RubyMine はインストールされたバージョンを検出し、それを Cordova バージョン読み取り専用フィールドに表示します。

  3. Cordova 作業ディレクトリフィールドで、実行するアプリケーションファイルが格納されているフォルダーを指定します。

  4. デフォルトでは、RubyMine は自動的に platforms または www ディレクトリを除外されたものとして扱い、インデックス作成、解析、コード補完中に無視します。コンテンツルートのフォルダーの設定を参照してください。

    このデフォルトの動作を維持するには、作業ディレクトリを自動的に除外する ('platforms'、'www' for ionic) チェックボックスが選択されていることを確認してください。

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

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

次のいずれかのオプションを選択します。

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

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

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

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

プロジェクトのセキュリティの詳細を参照してください。

PhoneGap および Cordova アプリケーションの実行

PhoneGap および Cordova アプリケーションは、専用の実行 / デバッグ構成に従って実行されます。

実行構成の作成

  1. 実行 | 実行構成の編集に進みます。開いた構成の編集ダイアログで、ツールバーの the Add New Configuration button をクリックし、コンテキストメニューから Cordova を選択します。

  2. 開いている実行 / デバッグ構成: Cordova ダイアログで、次を指定します。

    1. 設定の名前。

    2. 実行可能な Cordova フィールドで、オペレーティングシステムと選択したフレームワークに応じて、実行可能ファイル phonegapphonegap.cmdcordova または cordova.cmd の場所を指定します。

    3. Cordova 作業ディレクトリフィールドで、実行するアプリケーションファイルが格納されているフォルダーを指定します。

    4. コマンドリストから、実行するコマンドを選択してください。リストの内容は、実際に使用されているフレームワーク、つまり実行可能な Cordova フィールドで指定されている実行可能ファイルによって異なります。利用可能なオプションは以下のとおりです。

      • PhoneGap の場合:

        • emulate

        • run

        • prepare

        • serve

        • remote build

        • remote run

        PhoneGap 特有のコマンドのリストについては、PhoneGap CLI(英語) を参照してください。

      • Cordova の場合:

        • emulate

        • run

        • prepare

        • serve

        Cordova 特有のコマンドのリストについては、Cordova CLI(英語) を参照してください。

    5. プラットフォームリストから、アプリケーションが対象とするプラットフォームを選択します。

      利用可能なオプションは以下のとおりです。

      • Android

      • iOS このプラットフォームをエミュレートするには、ios-sim(英語) および ios-deploy(英語) コマンドラインツールをグローバルにインストールします。

        埋め込みターミナルAlt+F12)を開いて、次のように入力します。

        npm install -g ios-sim

        npm install -g ios-deploy

      • ブラウザー

      • amazon-fireos

      • firefoxos

      • blackberry10

      • ubuntu

      • wp8

      • windows

      • windows8

      プラットフォームガイド(英語)のターゲットプラットフォームの詳細を参照してください。

    6. Cordova の場合、アプリケーションを実行する対象の仮想または物理 Android デバイスを指定します。ターゲットを指定するチェックボックスを選択し、リストから必要なデバイスを選択します。

      リストには、マシンに現在構成されているすべての仮想デバイスと物理デバイスが表示されます。Cordova オフィシャル Web サイト(英語)からのエミュレーターのセットアップについて詳しく学びましょう。

      RubyMine に次のエラーメッセージが表示される場合: パスの ios-sim を検出できませんios-sim がインストールされていることを確認してください。始める前にを参照してください。

アプリケーションの実行

  • メインツールバーのリストから新しく作成した実行構成を選択し、the Run button をクリックします。

関連ページ:

プラグインのインストール

プラグインは RubyMine のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケッ...

プロジェクト構造を構成する

RubyMine では、コンテンツは現在作業しているファイルのコレクションであり、サブフォルダーの階層に編成されている可能性があります。プロジェクトの最上位フォルダーは、そのコンテンツルートです。任意のフォルダーをプロジェクトの一部として追加できます。これを行うには、複数のコンテンツルートで作業する説明に従って、このフォルダーを新しいコンテンツルートとしてプロジェクト構造ページに追加します。コンテンツルートのフォルダーの設定:コンテンツルート内で、RubyMine は、編集したソースコードを含...

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

Ruby/Rails プロジェクトを開くと、RubyMine は、プロジェクトからの有害なコードを含む可能性のある gem 実行可能ファイルを実行します。潜在的なセキュリティリスクを防ぐために、RubyMine では、プロジェクトのソースを認識しない場合にプロジェクトを開く方法を決定できます。Ruby/Rails プロジェクトのセキュリティ:プロジェクトを初めて開くたびに、IDE にプロジェクトを信頼ダイアログが表示されます。これは、プロジェクトが次のアクションを安全に実行できることを確認でき...

npm、pnpm、Yarn

RubyMine は npm、pnpm、Yarn、Yarn 2、Yarn 3 と統合されているため、組み込みのターミナルで、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。RubyMine では、npm、Yarn、pnpm スクリプトを実行およびデバッグすることもできます。RubyMine は、package.json ファイルを解析してスクリプトの定義を認識し、スクリプトをツリービューに表示して、ツリー内のスクリプトと package.json ファイル内のその定...

Prettier

Prettier は、TypeScript、JavaScript、CSS、HTML、JSON などのさまざまな言語でファイルをフォーマットするツールです。RubyMine では、Prettier で整形アクションを使用して、ファイルまたはディレクトリ全体だけでなく、選択したコードフラグメントもフォーマットできます。RubyMine は、プロジェクト内の依存関係として、またはコンピューター上にグローバルに Prettier をインストールするとすぐに、このアクションを追加します。特定のファイルが変...