1
4

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.

Rails tutorial 2週目の手引き (Docker-compose ,vscode , RSpec, heroku, circleCI)

Posted at

想定する読者

Ruby on Railsの初学者で、Railsチュートリアルの次に何をしようかと悩んでいる方
(Railsチュートリアルをベースに開発現場で使われている技術を取り入れた学習をしたい方)。

(参考情報)私の学習計画と現状について

私は、現在ある事情から離職をし、
未経験からWEBエンジニアになるべく独学をしています。

学習ロードマップは以下の通りです

これまでの経過 ※現在独学から4か月経過

・HMTL / CSS / Javascriptをprogateとドットインストールで学習
・基本情報技術者試験に無事合格
・jQuery / git / command line / sassをprogateで学習
・いくつかの静的サイト(モーダルやハンバーガーメニュー含む)の作成
・Ruby / Railsをprogateで学習
・Railsチュートリアル(cloud9環境で)を1週。

これからの予定

・Railsチュートリアルをもう1週。 (←本記事はここです!)
・reactの学習
・Tech PitでRails + Reactのアプリ作成
・オリジナルアプリ作成

※学習ロードマップをつくるために参考にした記事
https://qiita.com/ddpmntcpbr/items/739dbb992b5ffac3fc2f
https://qiita.com/halhal23/items/073913754cd7f7d9352d
https://qiita.com/aki0151/items/f39ef43c9d9fc1b87d9a

#環境

Railsチュートリアルの2週目として、
Railsチュートリアル第6版( https://railstutorial.jp/chapters/beginning?version=6.0 )に
いくつかの技術要素を追加していきます。
最終的な環境は以下の通りです。

エディタ:vscode

=> cloud9の代わりに。

バックエンド:ruby 2.7.4 , rails 6.1.4
開発環境:Docker (docker engine 20.10.7), Docker-compose

=> cloud9の代わりに。比較的簡単に環境構築ができ、本番環境との差異が少なくなりやすい。

テストツール:RSpec 3.10 (rspec-rails 5.0.1)

=> Minitestの代わりに

CI/CDツール:circleCI 2.1

=> gitと連携し、テストとデプロイを半自動化。

デプロイ先:Heroku

=> ※本当はAWSにデプロイしたいのですが、技術的ハードルを下げるため、今回はherokuに。

手順

主に、以下の2つをベースに、学習していきます。
#### (1)Railsチュートリアル
基本はこちらの第6版(最新版)

第6版はMinitestを用いているので、TESTに関する部分だけは第2版を参照

  
#### (2)動画:Docker超入門講座 合併版 | ゼロから実践する4時間のフルコース(山浦清透さん)
https://www.youtube.com/watch?v=lZD1MIHwMBY&t=1829s

本動画はいくつかのチャプターに分かれていますので、
以下手順詳細では、該当チャプターを併記します。

  

①rails newまで

参考:Docker超入門講座 合併版 | ゼロから実践する4時間のフルコース(山浦清透さん)
チャプターは
[冒頭] ~ [Docker composeでrailsを構築しよう (https://www.youtube.com/watch?v=ltDdZAJli8c&t=0s) ]まで

知識ゼロのDocker初心者でもなんとかなります。
git,WSL,doxkerなどの環境構築から、Docker-composeの設定までこちらで進めます。

②RSpecのインストール

参考:railsチュートリアル第2版 3章1節
https://railstutorial.jp/chapters/static-pages?version=4.0#sec-static_pages

補足資料(qiita)
https://qiita.com/tatsurou313/items/c923338d2e3c07dfd9ee
https://qiita.com/yongjugithub/items/3cfcfafa494e085c9cf1
・gem 'rspec-rails'のbundle installや rails g rspec:installで詰まったら?
=> spring stopするとよい。(https://teratail.com/questions/278260)

③dockerとherokuの接続

参考:Docker超入門講座 合併版 | ゼロから実践する4時間のフルコース(山浦清透さん)
チャプターは
[本番環境に公開しよう https://www.youtube.com/watch?v=uQf9968RWWo&t=0s ]

④一度Rails Tutorialを進める

参考:railsチュートリアル第6版 3章1節~3章5節
https://railstutorial.jp/chapters/static_pages?version=6.0#cha-static_pages

テストのためにいくつかview fileを作っておきたい。
Static_pagesを作るところまで進める。

また、テストの記述に関しては第2版を参照。
https://railstutorial.jp/chapters/static-pages?version=4.0#sec-static_pages

⑤circleCIによるCI/CDの構築

参考:Docker超入門講座 合併版 | ゼロから実践する4時間のフルコース(山浦清透さん)
チャプターは
[ CI/CDを構築しよう https://www.youtube.com/watch?v=bmXoupfX_r0&t=0s ]

最後に

山浦清透さんの動画とrailsチュートリアルを参考にすれば、
ほとんど詰まらずに進めることができました。
(私の場合、ケアレスミスで何ヶ所か詰まりましたが…。)

私と同じ境遇の初学者の方の参考となれば幸いです。

1
4
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
1
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?