チュートリアル: Rails アプリケーションで JavaScript をデバッグする
RubyMine は、Rails アプリケーションでクライアント側の JavaScript コードをデバッグする機能を提供します。このチュートリアルでは、Chrome で JavaScript をデバッグする方法を示します。JavaScript アセットを Rails アプリケーションに追加するチュートリアルで作成した JavaScript アセットを含むサンプル Rails アプリケーションを使用します。このアプリケーションは、Webpacker を使用して JavaScript モジュールを管理します。
サンプル Rails アプリのクローンを作成する
サンプル Rails アプリケーションを複製するには、以下の手順に従います。
リモートホストからプロジェクトをチェックアウトする (git クローン) で説明されているサンプルアプリケーションを確認してください。URL フィールドに、アドレス https://github.com/rubyminedoc/rails_helloworld.git を挿入します。
javascript ブランチに切り替えます。
Ruby インタープリターを指定し、依存関係をインストールします。
JavaScript デバッガーを有効にする
RubyMine は、実行 / デバッグ構成を使用して、アプリケーションを実行およびデバッグする統合された方法を提供します。Rails プロジェクトの場合、RubyMine は、対応する Rails 環境を使用して、開発および本番の実行 / デバッグ構成を自動的に作成します。JavaScript をデバッグするには、Rails 構成で JavaScript デバッガーの自動実行を有効にする必要があります。
に移動し、Rails グループで自動的に作成された開発: rails_helloworld 構成を選択します。
以下のオプションを指定してください。
ブラウザーの実行オプションを有効にし、アドレス http://0.0.0.0:3000/welcome/index を指定します。この URL は、デバッグされた JavaScript アセットを参照する app/views/welcome/index.html.erb ビューを開くために使用されます。
デバッグ時に自動的に JavaScript デバッガーを起動するを有効にします。
デバッグを開始する
JavaScript コードをデバッグするには、以下の手順に従います。
app/javascript/packs/hello.js ファイルを開き、最初の
hello関数呼び出しにブレークポイントを設定します。
デバッグを開始するには、Ctrl を 2 回押して、ポップアップに構成名開発: rails_helloworld を入力します。次に、この構成を選択し、Shift キーを押し続け（ダイアログのタイトルがデバッグに変わります）、Enter を押します。
開いた http://0.0.0.0:3000/welcome/index ページで、こんにちは ! ボタンをクリックします。デバッガーはブレークポイントでセッションを一時停止し、アプリケーションの状態を確認できるようにします。Chrome での JavaScript のデバッグから JavaScript のデバッグの詳細を学ぶことができます。
関連ページ：
JavaScript アセットを Rails アプリケーションに追加する
前のチュートリアルでは、静的テキストのみを含むビューを使用してシンプルな Rails アプリケーションを作成しました。このガイドでは、Web ページにボタンを追加し、JavaScript アセットを使用してクライアント側でボタンのクリックを処理します。このチュートリアルを開始する前に、繰り返してから、手順前の基本的な Rails アプリケーションを作成します。このアプリケーションは、JavaScript モジュールの管理に使用される Webpackergem を参照します。ビューを更新する：まず...
Git リポジトリのセットアップ
既存の Git リポジトリのクローンを作成するか、既存のプロジェクトを Git バージョンコントロール下に置くと、RubyMine はコンピューターに Git がインストールされているかどうかを自動的に検出します。IDE が Git 実行可能ファイルを見つけられない場合、それをダウンロードすることを提案します。RubyMine は、Windows10 バージョン 2004 で使用可能な Windows Subsystem for Linux 2（WSL2）の Git をサポートします。Git が...
Git ブランチの管理
Git では、ブランチは、たとえば機能の作業が必要な場合や、リリースのためにコードベースの特定の状態を固定する必要がある場合などに、メインの開発ラインから分岐できるようにする強力なメカニズムです。RubyMine では、ブランチによるすべての操作は Git ブランチポップアップで実行されます。これを呼び出すには、メインウィンドウのヘッダーで、現在チェックアウトされているブランチの名前を持つ Git ウィジェットをクリックします。Git ツールウィンドウのブランチペインで、ブランチを管理し、複数のブラ...
RubyMine クイックスタート
RubyMine は、コードの作成とデバッグから、完成したアプリケーションのテストとデプロイに至るまで、Ruby/Rails プロジェクト開発のあらゆる側面で生産性を向上させるのに役立つ統合開発環境 (IDE) です。RubyMine は、macOS、Windows、Linux などのさまざまなプラットフォームで使用できます。このチュートリアルでは、Ruby on Rails チュートリアル用に作成されたサンプルアプリケーションのフォークを使用して、RubyMine の主な機能を紹介します。このチ...
Ruby 開発環境をセットアップする
前提条件の依存関係をインストールする：RubyMine は、Ruby（Ruby MRI）のリファレンス実装と、JRuby や TruffleRuby などの代替実装をサポートしています。Ruby インタープリターをインストールする前に、Ruby をコンパイルするために必要な依存関係をマシンにインストールする必要があります。例: オペレーティングシステムによっては、これらの依存関係に次のツールとライブラリが含まれる場合があります。Ubuntu:build-essential、libssl-dev な...
実行 / デバッグ構成
RubyMine は、実行 / デバッグ構成を使用して、コードを実行、デバッグ、デプロイ、テストします。各構成は、何を実行し、どのパラメーターと環境を使用するかを定義する、名前付きのスタートアッププロパティのセットです。要件に応じて構成パラメーターをカスタマイズできます。例:Rails の実行 / デバッグ構成では、サーバータイプ（Puma や Passenger など）、IP アドレスとポート、環境（デフォルトでは開発）などを指定できます。Ruby の実行 / デバッグ構成では、コマンドライン引数...