自分の手で未来を創るーlav0

自分のために、誰かのために、今ここにないもの、もっと良くしたいもの、何でも自分の手で創っていく。そして、作ったものを公開していきます

Rails 6.0 でアプリを開発 基本流れ①

rails 6.0は導入し、基本開発部分は同じだと思うので反復するためのメモその1。

f:id:kslabo51:20200210230949j:plain



1.rails new

f:id:kslabo51:20200210224338p:plain

 

2.Gemfile編集

sqliteをtestとdevelopment環境へ変更

f:id:kslabo51:20200210224700p:plain

pgをproduction環境へ追加

f:id:kslabo51:20200210224734p:plain

$ bundle install --without production 

 

3.gitに一旦push

$ git init

$ git add -A

$ git commit -m "Initialize repository"

 

4.リポジトリの作成(bitbucket)

+から作成

 

5.サーバーのテスト

①application.controller.rbにhelloアクションを作成

②helloアクションをrootに設定

③サーバーの起動

④local:3000でチェック

 

6.herokuに最初のプッシュ

$ git commit -am "Check server"

$ heroku create

$ git push heroku master

 

7.bootstrapの導入

①$ yarn add bootstrap jquery popper.js

②config/webpack/environment.jsを編集

f:id:kslabo51:20200210225626p:plain

③app/javascript/packs/application.jsの編集

f:id:kslabo51:20200210225852p:plain

④app/javascript/stylesheets/application.scssを作成

f:id:kslabo51:20200210230028p:plain

bootstrapのインポート

⑤app/views/layouts/application.html.erbの書き換え

f:id:kslabo51:20200204203933p:plain

 

8.静的なページを作成

$ rails g controller top_pages home help about contact

 

9.いったんpush

$ git add -A

$ git commit -m "Add top_pages_controller"

$ git push

$ git push heroku

 

参照させていただいたサイト

第3章 ほぼ静的なページの作成 - Railsチュートリアル