Rails7.1 | 仕事売買アプリ作成 | 03 | アプリケーションの作成 - 学生向けプログラミング入門

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

ランキング参加中

プログラミング

【02 | Rails7.1のインストール】 << 【ホーム】 >> 【04 | Bootstrap5.3の利用】

インストールしたRails7.1を使ってアプリケーションを作成します。
アプリケーション名は「GigHub7」とします。

コマンド
rails _7.1.2_ new GigHub7 -d postgresql

ターミナルで作成された「gighub7」フォルダに移動します。

コマンド
cd gighub7

Visual Studio Codeでディレクトリを開く

左上の「エクスプローラ」をクリックし、「開く」を選択します。

「GigHub7」フォルダを選択します。

「ファイル」メニューから「名前をつけてワークスペースを保存」しておきましょう。
ワークスペースを開き直せばこれから行うGitの接続やターミナルの状態など、そのまま作業を始めることができます。
複数のアプリケーションを管理する場合に便利です。

「config\database.yml」の設定

PostgresqlとRailsの接続を設定します。

「config\database.yml」を開き、以下のように設定します。
保存は「command + S」でできます。

config\database.yml(21行目～)

default: &default
  adapter: postgresql
  encoding: unicode
  # For details on connection pooling, see rails configuration guide
  # http://guides.rubyonrails.org/configuring.html#database-pooling
  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
  username: postgres
  password: 12345678 #ご自分のpostgres rootパスワードを入れてください
  host: localhost

PostgreSQLにデータベースを作成

コマンド
rails db:setup

Rails7から作成されるデータベースの名前付けに変更があります。
「gig_hub7_development」のようになっていますので注意してください。

~/Desktop/Rails7_1/GigHub7 $ rails db:setup

Created database 'gig_hub7_development'
Created database 'gig_hub7_test'
/Users/heyjude/Desktop/Rails7_1/GigHub7/db/schema.rb doesn't exist yet. Run `bin/rails db:migrate` to create it, then try again. If you do not intend to use a database, you should instead alter /Users/heyjude/Desktop/Rails7_1/GigHub7/config/application.rb to limit the frameworks that will be loaded.

Posticoで確認します。

テーブルはまだありませんが、データベース「gig_hub7_development」に接続できます。

Githubによるソース管理

https://github.com/にアクセスしてサインアップしましょう。
github.com

ログインしたら右上の「＋」ボタンから「new repository」を選択します。

「Repository name」をつけて（今回はGigHub7にしました。）、必ず「Private」にします。
最後に「Create repository」をクリックします。

最初に書かれているアドレスが重要です。
このアドレスをコピーします。

Visual Studio Codeでソース管理の「リポジトリの初期化」を行います。

リポジトリを初期化するフォルダ「GigHub7」を選択します。

ターミナルで次のコマンドを入力します。
「git remote add main」の後にコピーしたアドレスを入れます。

コマンド
git remote add main https://github.com/nishichin/GigHub7.git

git remote -vコマンドで追加されているか確認します。

~/Desktop/Rails7_1/GigHub7 $ git remote add main https://github.com/nishichin/GigHub7.git

~/Desktop/Rails7_1/GigHub7 $ git remote -v

main    https://github.com/nishichin/GigHub7.git (fetch)
main    https://github.com/nishichin/GigHub7.git (push)
~/Desktop/Rails7_1/GigHub7 $

ソース管理の「変更」の右にある「＋」ボタンを押します。