0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

オリジナルアプリ開発#2【Railsプロジェクトの作成】

Last updated at Posted at 2021-05-08

現在、転職先の企業へのアピールポイントになるポートフォリオ作成(オリジナルアプリ開発)をしています。
私は、タスク管理ツールの完成を目指しています。

今回は、Railsの新規プロジェクトの立ち上げを行います。

##Railsの新規プロジェクト作成
RailsでWebアプリケーションを作成します。(Rails6の環境がある前提)。

rails newコマンドを入力します。

ターミナル
rails new [作成するアプリケーション名]

ここでは、 『TaskApp』 という名前のアプリケーションを作成します。

ターミナル
rails new TaskApp

命令文のrailsとnewの間にRailsのバージョンを入力すると、Railsのバージョンを指定できます。

作成したディレクトリに移動する

cdコマンドを使って、新たに作成した『TaskApp』ディレクトリに移動します。

cdとは 「cd」は、change directory(ディレクトリを移動する)の略です。
ターミナル
cd [移動したいディレクトリ名]
ターミナル
cd TaskApp

コマンドを実行すると、『TaskApp』ディレクトリに移動します。

ローカルサーバーを起動

ローカルサーバーを立ち上げるには、次のコマンドを入力します。

ターミナル
rails s

ローカルサーバーを起動するときはターミナルで新規タブ(command+T)を
開いて行うと今までの作業と混同しなくて済みます。

うまくサーバーが起動すると、ターミナルで次のように表示されます。

ターミナル
=> Booting Puma
=> Rails 6.0.3.7 application starting in development 
=> Run `rails server --help` for more startup options
Puma starting in single mode...
* Version 4.3.7 (ruby 2.6.5-p114), codename: Mysterious Traveller
* Min threads: 5, max threads: 5
* Environment: development
* Listening on tcp://127.0.0.1:3000
* Listening on tcp://[::1]:3000
Use Ctrl-C to stop

##Railsのデフォルトページを表示

ローカルサーバーを起動したら、ブラウザで「http://localhost:3000/ 」にアクセスします。

次の画像のようにRailsのデフォルトページが表示されていれば、うまく動作しています。
Rails初期画面.png

##GitとGitHubに連携
GitとGitHubでファイルの変更修正のバージョン管理を行うために連携します。

1.立ち上げたアプリのローカルリポジトリを作成する。
2.commitする。
3.リモートリポジトリを作成する。(「Keep this code private」にチェックが入っていると非公開になってしまうので、チェックを外して、「Publish Repository」をクリックする。)
4.pushする。

##自動整形ツールを導入
コードの品質を担保するために、自動整形ツールを導入します。
導入方法は下の記事を参考にしてみてください。

https://qiita.com/kyohhh/items/203eeab6cf3229471ed4

以上です。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?