初めての Ruby プロジェクトを作成して実行する

空のアプリケーションを作成する

1. RubyMine を実行し、 'ようこそ' 画面で 新規プロジェクト をクリックします。

   

2. 新規プロジェクト ダイアログで、左ペインで 空のプロジェクト が選択されていることを確認してください。 次に、以下の設定を指定します。

   

   • 名前: プロジェクトの名前を指定します (場合、 ruby_helloworld)

   • ロケーション: プロジェクトを作成するディレクトリへのパスを指定します。 デフォルトでは、RubyMine はプロジェクトと同じ名前のディレクトリを作成します。

   • インタープリター: システムにインストールされている必要な Ruby インタープリターを選択します。

3. 作成 をクリックして続行します。

Ruby ファイルを作成する

プロジェクトを作成すると、左側のプロジェクトツールウィンドウにその構造が表示されます。 Ruby ファイルを追加するには、次の手順に従います。

1. プロジェクトツールウィンドウでプロジェクトルートを選択して Alt+Insert を押します。

2. 呼び出されたポップアップで、 Ruby ファイル / クラス を選択して Enter を押します。

   

3. 表示されたポップアップで、スクリプト名（この場合は script ）を指定し、 OK をクリックします。

   

4. エディターで、次のコードを挿入します：

   puts "Please enter your name" name = gets.chomp puts "Hello, #{name}! I'm Ruby!"

Ruby スクリプトを実行する

作成したスクリプトを実行するには、次の手順に従ってください：

1. Ctrl を 2 回押して、次のコマンドを入力します。

   ruby script.rb

   Enter を押す。

   

2. ツールの実行ウィンドウで、任意の名前を入力して Enter を押し、プログラムの応答を確認します。

1. RubyMine を実行し、 'ようこそ' 画面で 新規プロジェクト をクリックします。

   

2. 新規プロジェクト ダイアログで、左ペインの Rails グループの アプリケーション と プロジェクトタイプ グループの Ruby on Rails を選択します。

3. 次の設定を指定します。

   

   • 名前: プロジェクトの名前を指定します（この場合は rails-helloworld）。

   • ロケーション: プロジェクトを作成するディレクトリへのパスを指定します。 デフォルトでは、RubyMine はプロジェクトと同じ名前のディレクトリを作成します。

   • インタープリター: プロジェクトで使用する Ruby インタープリターを選択します。

   • Rails バージョン: プロジェクトで使用する Rails バージョンを選択してください。 選択したインタープリターに Rails または gem がインストールされていない場合、または必要な Rails バージョンが見つからない場合は、フィールドで をクリックしてください。 RubyMine が利用可能なすべての Rails バージョンをダウンロードするまで待ち、ドロップダウンから必要なバージョンを選択してください。 OK をクリックして続行してください。

     

     選択したバージョンがまだインストールされていない場合、RubyMine はプロジェクトの作成時にそれをインストールします。

   • 追加オプション: 追加オプション フィールドでのプロジェクト作成用に追加の Rails オプションを提供します。

     例: Rails 新規作成 コマンドを追加するために通常使用する 引数(英語)を指定できます: --テストをスキップ はテストファイルの作成をスキップし、 --アクションメーラーをスキップ は Action Mailer ファイルをスキップし、 --アクションケーブルをスキップ は Action Cable ファイルをスキップします。

     使用中の Rails バージョンと互換性のある Rails オプションの完全なリストを取得するには、 Rails 新規作成 --ヘルプ コマンドを実行します。

4. 作成 をクリックして、 新規プロジェクト ダイアログを閉じます。

5. RubyMine は新しい Rails アプリケーションを作成し、 Gemfile に記載されている gem の依存関係をインストールし、プロジェクトの package.json ファイルに記載されている JavaScript 依存関係をインストールします。 このプロセスは、実行ツールウィンドウで確認できます。

   

6. すべての依存関係をインストールすると、左側のプロジェクトツールウィンドウ（Alt+1 ）にプロジェクト構造が表示されます。 右側で、RubyMine が自動的にメインプロジェクトファイルをエディターで開きます。

   

   オペレーティングシステムに Git がインストールされている場合、新しい Rails アプリケーションを生成すると、Git リポジトリも初期化されます。 RubyMine でバージョン管理システムを操作する方法は、 バージョン管理 セクションで確認できます。

7. これで、機能する Rails アプリケーションができました。 実際の動作を確認するには、Web サーバーを起動する必要があります。 これを行うには、次の手順を実行します。

   1. 右上隅の 実行 アイコンをクリックします。

   2. RubyMine はアプリケーションを実行するための準備プロセスを表示します。

      

   3. http://127.0.0.1:3000 をブラウザーで開いて、Rails のデフォルト情報ページを表示してください。

      

コントローラーを追加する

1. Ctrl を 2 回押して、 controller と入力し始めます。 呼び出されたリストで rails generate controller を選択し、 Enter を押します。

   

2. 呼び出された 新しいコントローラーを追加 ダイアログで、コントローラー名を Welcomeに設定し、 indexというアクションを追加します。 OK をクリックします。

   

3. RubyMine は、コントローラー、ビュー、およびその他のいくつかのファイルを作成します。 このプロセスはファイル名を指定して実行ツールウィンドウに表示されます。 このウィンドウで インデックス.html.erb ファイルをクリックします。

   

4. アプリケーションのホームページを インデックス に設定するには、 config/routes.rb ファイルを開き、 Rails アプリケーションのルートを定義します。例: Rails.application.routes.draw do ... end ブロック内に次の行を追加します：

   root 'welcome#インデックス'

   アプリケーションのホームページの設定(英語)で詳細を参照してください。

ビューを更新する

作成したビューにボタンを追加します。

1. プロジェクト ビュー（Alt+1 ）で、 app/views/welcome/index.html.erb ファイルを開きます。

2. ファイルの現在の内容を次のコードに置き換えます：

   <h1>Hello, Rails!</h1> <button id="greet-user-button">Hello!</button>

   h1 タグ内の既存の静的テキストとは別に、ビューファイルには JavaScript で使用される特定の識別子を持つボタン要素が追加されました。

JavaScript ハンドラーを追加する

次に、ボタンクリックを処理する JavaScript ファイルを作成します。

1. プロジェクト ビューで、 app/javascript ディレクトリを選択します。

2. Alt+Insert を押して JavaScript ファイル を選択します。

   

3. ファイル名（hello ）を指定して、 Enter を押してください。

   

4. 作成した hello.js ファイルに、次のコードを追加します。

   const button = document.getElementById("greet-user-button") if (button) { button.addEventListener("click", () => { alert("Hello!, JavaScript!") }) }

   このスクリプトでは、次のことを行います。

   • ボタンを識別子で検索してください。

   • アラートを表示し、コンソールにメッセージを記録するクリックハンドラーをアタッチします。

5. このファイルをアプリケーションで使用できるようにするには、 app/javascript/application.js を開いて以下を追加します。

   import "hello"

6. アプリケーションのレイアウトに JavaScript アセットが含まれていることを確認してください。 app/views/layouts/application.html.erb を開き、以下の内容が含まれていることを確認してください。

   <%= javascript_importmap_tags %>

7. config/importmap.rb ファイルを開き、次の行を追加してください。

   pin "hello"

Web サーバーを起動する

アプリケーションの動作を確認するには、Web サーバーを起動する必要があります。

1. Ctrl を 2 回押して、 開発の入力を開始します。

2. 右上隅の 実行 アイコンをクリックします。

3. RubyMine はアプリケーションを実行するための準備プロセスを表示します。

   

4. ブラウザーで http://127.0.0.1:3000 を開いてください。 次に、 こんにちは ! ボタンをクリックするとアラートが表示されます。