Rails7.0 | Railsでゲームを作成 | 01 | 開発環境を整える - 学生向けプログラミング入門

↓↓クリックして頂けると励みになります。

Ruby on Rails7.0の開発環境を整えます。

MacOSXでRuby on Railsの開発環境を整えるために必要となるのは「Postgresqlのインストール」「Posticoのインストール」「Xcodeのインストール」「Visual Studio Codeのインストール」「Homebrewのインストール」「rbenvのインストール」「Rubyのインストール」「Nodeのインストール」「Yarnのインストール」「ChromeDriverのインストール」です。
手順を解説します。

Postgresqlのインストール

MacにPostgresql（バージョン14.4）をインストールします。

まずはPostgresqlホームページに移動します。
www.postgresql.org

上部の「Download」をクリックします。

「MacOS」をクリックします。

「Download the Installer」をクリックします。

MacOSXの「バージョン14.4」のDownloadをクリックします。

ダウンロードされた「postgresql-14.4-1-osx.dmg」ファイルをダブルクリックし、「postgresql-14.4-1-osx」をインストールします。
セットアップウィザードが起動します。
「Next」で次に進んでください。

インストールフォルダを選択できます。
そのままデフォルトで良いので「Next」で進んでください。

インストールするコンポーネントを選択できます。
全てインストールするのでそのまま「Next」をクリックします。

データを格納するディレクトリを選択できます。
そのままデフォルトで良いので「Next」で進みます。

データベース接続時のパスワードを設定します。
パスワードを入力して「Next」をクリックします。

ポート番号はそのままデフォルトの「５４３２」で良いのでそのまま「Next」で進みます。

デフォルトの文字コードを選択できます。
「ja_JP.UTF-8」を選択して「Next」で進みます。

確認画面が表示されます。
そのまま「Next」で進みインストールしてください。
続いてスタックビルダの設定では、いろいろなバージョンのサーバやドライバを選択してインストールすることができます。
今回は必要ないのでそのまま「Cancel」で終了します。

Finderのアプリケーションで「PostgreSQL14」の「pgAdmin4」を起動します。

インストール時に設定したパスワードを入力してログインします。
無事ログインできたらインストール終了です。

PATHの設定をします。
「~/.bash_profile」ファイルにパスを追加します。
ターミナルで以下のコマンドを実行します。
echo 'export PATH=$PATH:/Library/PostgreSQL/14/bin' >> ~/.bash_profile

「~/.zprofile」ファイルにもパスを追加します。
ターミナルで以下のコマンドを実行します。
echo 'export PATH=$PATH:/Library/PostgreSQL/14/bin' >> ~/.zprofile

ターミナルを一度終了して再起動します。

バージョン確認をします。
postgres --version

Posticoのインストール

PostgreSQLのデータベースに接続するアプリケーションPosticoをインストールします。
インストールは以下の手順でお願いします。

以下のページからPosticoをダウンロードします。
eggerapps.at

ダウンロードされた「postico-9628.dmg」ファイルをダブルクリックでインストールします。

*Xcodeのインストール

Xcodeをアップルストアからインストールします。
https://apps.apple.com/jp/app/xcode/id497799835?ls=1&mt=12

入手をクリックします。

約8GBあるので時間がかかります。
インストールが完了したら「開く」をクリックします。

以下の画面がでればインストールが完了です。

Visual Studio Codeのインストール

プログラムコードの編集、コマンド、Gitの管理は全てVisual Studio Codeで行います。
特にGitの管理はアプリケーションをデプロイする際に必須です。
code.visualstudio.com

ダウンロードされた「VSCode-darwin-stable.zip」ファイルを解凍し、解凍された「Visual Studio Code」ファイルがアプリケーション本体です。