モダンな技術を使ってRailsアプリを開発、デプロイするまでのロードマップ2021

## はじめに
　この記事はモダンな技術(後述)を使用してRailsアプリケーションを開発し、AWS上にデプロイするまでの学習手順を詳細にまとめたものです。基本的に参考になる記事、書籍を編纂し、自分がわかりにくかったと感じた部分は自分で記事を書いています。リンクの記事を書いてくださった方々には本当に感謝です。

## この記事の目的
　新しいことを独学しようとすると一つ大きな問題があります。それは計画通りに実行するのが困難であるということです。自分のすべき作業が明確化されていないことによって、
1. どのくらいで終わるのかを数値化することが困難
2. エラーを予測できない
3. そもそも次になにをすべきかわからず、それを決定するのに時間を要する
などの問題が発生します。私自身インフラの学習からアプリ開発、デプロイ完了までの期間が予定よりも2ヶ月近く伸びしまいました。
　この記事は次にやるべきことを明確化することによって、以上のような計画錯誤を減らすことを目的としています。計画術については[DaiGoさんの書籍](https://www.amazon.co.jp/%E5%80%92%E3%82%8C%E3%81%AA%E3%81%84%E8%A8%88%E7%94%BB%E8%A1%93-%E3%81%BE%E3%81%9A%E3%81%AF%E6%8C%AB%E6%8A%98%E3%83%BB%E5%A4%B1%E6%95%97%E3%83%BB%E3%82%B5%E3%83%9C%E3%82%8A%E3%82%92%E8%A8%88%E7%94%BB%E3%81%9B%E3%82%88-%E3%83%A1%E3%83%B3%E3%82%BF%E3%83%AA%E3%82%B9%E3%83%88DaiGo/dp/4309248829)が参考になるかと。

# この記事で紹介する言語、フレームワーク、その他技術
- フロント関連
    - HTML
    - CSS
    - Sass
    - JavaScript
        - jQuery
        - Vue.js
- Ruby on Rails
- MySQL
- nginx
- Docker
- AWS
    - IAM
    - VPC
    - ELB
    - Route 53
    - RDS
    - S3
    - ECR
    - ECS
    - CloudWatch
    - Systems Manager
    - Certificate Manager
- Terraform
- CircleCI

## 留意事項
- 前提知識は特に必要ありません。必要ないところは読み飛ばしてください。
- 環境はWSL(Windows Subsystem for Linux)です。Macを使用している方は導入に関する部分はご自身で調べてください。

## 技術の独学について
　新しい技術を独学するには以下のような方法が効率的です(経験則ですが)。
[![](https://mermaid.ink/img/eyJjb2RlIjoic3RhdGVEaWFncmFtLXYyXG5bKl0gLS0-IOWfuuekjuefpeitmFxu5Z-656SO55-l6K2YIC0tPiDjg4_jg7Pjgrrjgqrjg7Plrabnv5JcbuODj-ODs-OCuuOCquODs-Wtpue_kiAtLT4g5Z-656SO55-l6K2YXG7jg4_jg7Pjgrrjgqrjg7Plrabnv5IgLS0-IOS9k-ezu-eahOefpeitmFxu5L2T57O755qE55-l6K2YIC0tPiDjg4_jg7Pjgrrjgqrjg7Plrabnv5JcbuS9k-ezu-eahOefpeitmCAtLT4g5a6f6Le1XG7lrp_ot7UgLS0-IOS9k-ezu-eahOefpeitmFxu5a6f6Le1IC0tPiDlhazlvI_jg4njgq3jg6Xjg6Hjg7Pjg4hcbuWFrOW8j-ODieOCreODpeODoeODs-ODiCAtLT4g5a6f6Le1IiwibWVybWFpZCI6eyJ0aGVtZSI6ImRlZmF1bHQifSwidXBkYXRlRWRpdG9yIjpmYWxzZX0)](https://mermaid-js.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoic3RhdGVEaWFncmFtLXYyXG5bKl0gLS0-IOWfuuekjuefpeitmFxu5Z-656SO55-l6K2YIC0tPiDjg4_jg7Pjgrrjgqrjg7Plrabnv5JcbuODj-ODs-OCuuOCquODs-Wtpue_kiAtLT4g5Z-656SO55-l6K2YXG7jg4_jg7Pjgrrjgqrjg7Plrabnv5IgLS0-IOS9k-ezu-eahOefpeitmFxu5L2T57O755qE55-l6K2YIC0tPiDjg4_jg7Pjgrrjgqrjg7Plrabnv5JcbuS9k-ezu-eahOefpeitmCAtLT4g5a6f6Le1XG7lrp_ot7UgLS0-IOS9k-ezu-eahOefpeitmFxu5a6f6Le1IC0tPiDlhazlvI_jg4njgq3jg6Xjg6Hjg7Pjg4hcbuWFrOW8j-ODieOCreODpeODoeODs-ODiCAtLT4g5a6f6Le1IiwibWVybWFpZCI6eyJ0aGVtZSI6ImRlZmF1bHQifSwidXBkYXRlRWRpdG9yIjpmYWxzZX0)

1. 基礎知識を身に着けます。具体的には"〇〇 入門"とかで検索すると入門者向けの記事が見つかるのでそれを読むとよいかと。
2. 次にハンズオン学習を行います。言い換えればチュートリアルです。実際に触って基本操作を身に着けます。
3. チュートリアルをクリアしたら書籍を一冊読むなどして体系的知識を身に着けます。
4. 5. 公式ドキュメントをみながら実践を行います。

### Column
> 「学んだことはすぐに忘れてしまう！だから技術を学ぶにはとにかくスピードが大事なのだ！」

　それは短期記憶向きの学習法しか実践していないからだと思います。長期的に記憶を維持したい場合には検索練習を行いましょう。検索練習に関しては[パレオさんのブログ](https://yuchrszk.blogspot.com/2016/11/blog-post_30.html)を参照。個人的にはエクセルなんかに検索練習しておくと忘れたときにチートシートして使えるのでおすすめ。

>「完全に理解しようとするのは効率が悪い！だから理解せずともどんどん先に進めるべきだ！」

　確かにRailsチュートリアルとかちゃんと理解しながら進めようとするとめちゃくちゃ時間かかるんですよね。かといってこの言葉を鵜呑みにしてもエラーばっかでやる気が削がれてしまうのかなと。なのでハンズオン系の学習に関しては適切な難易度設定を意識してみるとよいかと思います。こちらも[パレオさんのブログ](https://yuchrszk.blogspot.com/2019/02/blog-post_45.html)を参照下さい。

# ロードマップ
## 1. ITに関する基礎知識を学ぶ
　ようやくここから本題です。まずITに関する基礎知識を勉強しますが、正直ここはしっかり勉強しようとしなくていいです。なんせ情報が多いので。[キタミ式](https://www.amazon.co.jp/%E3%82%AD%E3%82%BF%E3%83%9F%E5%BC%8F%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88IT%E5%A1%BE-%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1%E6%8A%80%E8%A1%93%E8%80%85-%E4%BB%A4%E5%92%8C03%E5%B9%B4-%E3%81%8D%E3%81%9F%E3%81%BF%E3%82%8A%E3%82%85%E3%81%86%E3%81%98/dp/4297117819/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=%E3%82%AD%E3%82%BF%E3%83%9F%E5%BC%8F&qid=1621069076&s=books&sr=1-1)等の書籍をざっくり読んで、後々わからない言葉等が出てきたときにその都度「そういえばそんなことあの本に書いてあったな...」で読み返せばいいと思います。

## 2. HTML, CSS, Sassの基礎知識、チュートリアル
　Webページをつくるための言語です。[Progate](https://prog-8.com/)を利用して学習しましょう。

## 3. JavaScript, jQueryの基礎知識、チュートリアル
　Webページを動的にするために使用します。Progateで。

## 4. エディターの導入、ショートカット、マルチカーソルの利用
　ローカル(自分のPC)にエディターを導入します。色々ありますが迷ったら[VSCode](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)を入れておけばよいかと。
またショートカット、マルチカーソルを利用するとコーディングを効率よく行えます。

- [Visual Studio Code キーボードショートカット一覧（チートシート）](https://qiita.com/aoi70/items/d61d5cf9030ac3ce55f0)
- [VSCodeのマルチカーソル練習帳](https://qiita.com/TomK/items/3b1f5be07d708d7bd6c5)

## 5. HTML、CSSを使ってモダンなコーディングができるようになる
　"[HTML5/CSS3モダンコーディング](https://www.amazon.co.jp/HTML5-CSS3%E3%83%A2%E3%83%80%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B3%E3%81%A4%E3%81%AE%E6%9C%AC%E6%A0%BC%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88-%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%80%E3%83%BC%E3%83%89%E3%83%BB%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%E3%83%BB%E3%82%B7%E3%83%B3%E3%82%B0%E3%83%AB%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9-%E5%90%89%E7%94%B0%E7%9C%9F%E9%BA%BB-ebook/dp/B0176GNY26/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=html5+css3+%E3%83%A2%E3%83%80%E3%83%B3&qid=1621069370&s=books&sr=1-1)"という書籍をクリアすると基本的につくりたいようなページは自分で制作できるようになると思います。

## 6. CSSの設計方法を学ぶ
　CSSはシンプル故にコードが煩雑になりやすいです。"[CSS設計の教科書](https://www.amazon.co.jp/Web%E5%88%B6%E4%BD%9C%E8%80%85%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AECSS%E8%A8%AD%E8%A8%88%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E3%83%A2%E3%83%80%E3%83%B3Web%E9%96%8B%E7%99%BA%E3%81%AB%E6%AC%A0%E3%81%8B%E3%81%9B%E3%81%AA%E3%81%84%E3%80%8C%E4%BF%AE%E6%AD%A3%E3%81%97%E3%82%84%E3%81%99%E3%81%84CSS%E3%80%8D%E3%81%AE%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-Web%E5%88%B6%E4%BD%9C%E8%80%85%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E8%B0%B7-%E6%8B%93%E6%A8%B9-ebook/dp/B00M0ESXUI/ref=sr_1_2?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=CSS%E8%A8%AD%E8%A8%88%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8&qid=1621069558&s=books&sr=1-2)"という書籍を読みましょう。特にBEMとFLOCSSを抑えておくとよいかと思います。

## 7. Flexbox
　FlexboxはCSSのレイアウト方法です。"HTML5/CSS3モダンコーディング"ではfloatプロパティを使って要素の横並びを行っていますが、Flexboxを使えば簡単に実装できます。実際にページを作る際に利用す際に[チートシート](https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet)をみて利用するとよいでしょう。

## 8. SQLの基礎知識、チュートリアル
　データベースを操作するためのクエリ(一連の問い合わせ)です。Progateで。

## 9. Rubyの基礎知識、チュートリアル
　Webアプリケーションのロジックをつくるための言語です。Progateで。

## 10. Ruby on Railsの超基礎知識、チュートリアル
　Rubyで書かれたWebアプリケーションフレームワークです。Progateで。

## 11. コマンドライン操作の基礎知識、チュートリアル
　コマンドを使ってファイル操作等を行います。ProgateのCommand Lineコースを利用して学習しましょう。

## 12. Gitの基礎知識、チュートリアル
　ソースコードのバージョン管理システムです。Progateだけだと心許ないので[ドットインストールのgit入門](https://dotinstall.com/lessons/basic_git)もクリアしておくとよいかと思います。

## 13. Ruby on Railsチュートリアル
　最初の山場です。[Ruby on Railsチュートリアル](https://railstutorial.jp/webtext)をクリアしましょう。わからなくなっても調べれば有益な情報がいくらでも出てくるので挫折の心配はないかと思います。

## 14. 開発環境を構築する
　ローカル環境を構築します。WSLの基本については以下を参照。

[【WSL入門】第1回　Windows 10標準Linux環境WSLを始めよう](https://www.atmarkit.co.jp/ait/articles/1903/18/news031.html)
Ubuntuは無印版を推奨します。LTS版(20.04)ではVSCodeのいくつかの拡張機能をインストールできませんでした。

[WSL でマウントしたファイルシステムでもパーミッションを扱えるようにする](https://sig9.hatenablog.com/entry/2020/02/19/000000)
　WSLはlinuxがWindowsの全てのファイルを含むCドライブをマウントする形を取っていますが、デフォルトではCドライブのファイルに[パーミッション](https://eng-entrance.com/linux-permission-basic)が付与されていません(これによって度々エラーが発生します。因みにこれはつまりlinux上で開発を行えばよいのですが、これをすると高負荷な処理をした場合にWSLがフリーズしたりします)。

[WSL2によるホストのメモリ枯渇を防ぐための暫定対処](https://laptrinhx.com/wsl2niyoruhosutonomemori-ku-kewo-fanggutameno-zan-ding-dui-chu-1327266660/)
　またDocker等を使用して開発するとWSLのVmmemというプロセスがメモリ使用量が肥大化し続け、ホストメモリが枯渇するという問題があります。

WSLでRails環境を構築する場合は以下を参照。
[[Rails] Windows10 で WSL を使って Rails 環境を構築したときのメモ](https://qiita.com/ksh-fthr/items/64a4e86c8bad08322c94)

パッケージマネージャについては以下を参照。
[パッケージ管理ツールをまとめてみる](https://qiita.com/shuari/items/75d8d938a80a27b4ba0a)

## 15. linuxの基礎知識
　"[linux標準教科書](https://linuc.org/textbooks/linux/)"というのが無料でダウンロードできるのでそちらをさくっと読んでしまうのがよいと思います。後は今後パーミッション、ソケット通信等を扱うのでそちらの知識やコマンドも合わせて抑えておくとよいです。

- [Linuxの権限確認と変更(chmod)（超初心者向け）](https://qiita.com/shisama/items/5f4c4fa768642aad9e06)
- [インフラエンジニアじゃなくても押さえておきたいSSHの基礎知識](https://qiita.com/tag1216/items/5d06bad7468f731f590e)
- [Unixドメインソケット](https://ascii.jp/elem/000/001/415/1415088/)
- [PATHを通すために環境変数の設定を理解する (Mac OS X)](https://qiita.com/soarflat/items/d5015bec37f8a8254380)
- [Linuxディレクトリ構造](https://qiita.com/nys9302/items/a8ddeedd3cd9d0deb332)

まとまった記事
[“応用力”をつけるためのLinux再入門](https://www.atmarkit.co.jp/ait/series/3016/)


## 16. Web技術の基礎知識
　個人的には"[イラスト図解式 この一冊で全部わかるWeb技術の基本](https://www.amazon.co.jp/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E5%9B%B3%E8%A7%A3%E5%BC%8F-%E3%81%93%E3%81%AE%E4%B8%80%E5%86%8A%E3%81%A7%E5%85%A8%E9%83%A8%E3%82%8F%E3%81%8B%E3%82%8BWeb%E6%8A%80%E8%A1%93%E3%81%AE%E5%9F%BA%E6%9C%AC-%E5%B0%8F%E6%9E%97-%E6%81%AD%E5%B9%B3-ebook/dp/B06XNMMC9S/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=%E5%85%A8%E9%83%A8%E3%82%8F%E3%81%8B%E3%82%8B+web&qid=1621071297&s=books&sr=1-1)"という書籍がよくまとまっていてわかりやすいと思いました。しかも安い。
　上のような入門者向けの本を読んだら、次はWeb系エンジニア必読書と言われる"[Webを支える技術](https://www.amazon.co.jp/Web%E3%82%92%E6%94%AF%E3%81%88%E3%82%8B%E6%8A%80%E8%A1%93-HTTP%E3%80%81URI%E3%80%81HTML%E3%80%81%E3%81%9D%E3%81%97%E3%81%A6REST-WEB-PRESS-plus/dp/4774142042)"という書籍を読みましょう。

## 17. Ruby on Railsを体系的に学ぶ
　"[パーフェクトRuby on Rails](https://www.amazon.co.jp/%E3%83%91%E3%83%BC%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88-Ruby-Rails-%E3%81%99%E3%81%8C%E3%82%8F%E3%82%89-%E3%81%BE%E3%81%95%E3%81%AE%E3%82%8A/dp/4774165166)"は[Ruby on Railsガイド](https://railsguides.jp/)をハンズオン形式で学習できるような内容となっています。この書籍を読むことでRailsの基本的な概念に対する理解を深め、Rails付属の機能を扱えるようになります。コンテナやCIに関する内容も参考になりますが、この段階ではまだ未学習(のはず)なので、後々読んでみるとよいかと思います。

## 18. JavaScript本格入門
　"[JavaScript本格入門](https://www.amazon.co.jp/%E6%94%B9%E8%A8%82%E6%96%B0%E7%89%88JavaScript%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E3%83%A2%E3%83%80%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AB%E3%82%88%E3%82%8B%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E7%8F%BE%E5%A0%B4%E3%81%A7%E3%81%AE%E5%BF%9C%E7%94%A8%E3%81%BE%E3%81%A7-%E5%B1%B1%E7%94%B0-%E7%A5%A5%E5%AF%9B/dp/477418411X)"を読めばES6でJavaScriptをそれなりに書けるようになると思います。手元にあるとどうやって書くんだったかわからなくなったときに便利。

## 19. JavaScriptスタック
JavaScriptのツール全般(Node, NPM, Yarn等)についての知識です。
[JavaScript Stack from Scratch](https://github.com/verekia/js-stack-from-scratch)
日本語訳は以下
[ゼロから始めるJavaScript生活](https://qiita.com/takahashim/items/7838334d1451fb0a9811)


Webpackについては"[webpack 実践入門](https://www.amazon.co.jp/webpack-%E5%AE%9F%E8%B7%B5%E5%85%A5%E9%96%80-%E7%AC%AC2%E7%89%88-webpack%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%82%92%E3%81%97%E3%81%A3%E3%81%8B%E3%82%8A%E7%90%86%E8%A7%A3%E3%81%97%E3%81%A6%E4%BD%BF%E3%81%84%E3%81%93%E3%81%AA%E3%81%99-soarflat-ebook/dp/B091YYGGRM/ref=sr_1_3?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=webpack&qid=1621071728&sr=8-3)"という書籍が参考になります。

## 20. Vue.jsの基礎知識、チュートリアル
　SPAを構築するために使用します。あくまでRailsアプリに[SPA](https://digitalidentity.co.jp/blog/creative/about-single-page-application.html)を実装することが目的なので、基本のオプションとライフサイクル、コンポーネント間のデータフローを抑えておけば問題ないかと思います。学習の仕方としては"[21Stepで体得 Vue.jsハンズオン](https://www.amazon.co.jp/21Step%E3%81%A7%E4%BD%93%E5%BE%97-Vue-js%E3%83%8F%E3%83%B3%E3%82%BA%E3%82%AA%E3%83%B3-StepUp-%E9%81%B8%E6%9B%B8-%E5%88%A9%E6%99%B4/dp/4865942297)"の1章、Step6, 11, 16を読んでやってみるとよいかと。

Railsへの導入方法は以下を参照。
[Vue.js チュートリアル for Rails エンジニア(Vue3 version)](https://qiita.com/t0yohei/items/cd11b15642fbb26f71e2)

またaxiosに関しては以下を参照。
[[フロントエンド] axiosライブラリを使って、柔軟にHTTP通信を行う](https://www.yoheim.net/blog.php?q=20170801)


## 21. ローカルで一度アプリケーションを作ってみる
　ここで一旦Railsアプリケーションをつくってみましょう。この作業の目的は
1. 自分でRailsのコードが書けるようになること
2. アプリケーションの要項の洗い出し
です。なのでこの段階ではアプリはガバでいいです。次つくるときにテスト駆動開発しましょう。

　因みに要項を洗い出す場合には[マインドマップ](https://jp.xmind.net/)が役立ちます。

## 22. Dockerの基礎知識、チュートリアル
　コンテナ仮想化を用いてアプリを開発するためのソフトです。私は"[自宅ではじめる Docker入門](https://www.amazon.co.jp/%E8%87%AA%E5%AE%85%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8BDocker%E5%85%A5%E9%96%80%E2%80%95%E4%BA%BA%E6%B0%97%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%E5%9E%8B%E3%80%8C%E4%BB%AE%E6%83%B3%E5%8C%96%E3%82%BD%E3%83%95%E3%83%88%E3%80%8D%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B-I%E3%83%BB-BOOKS-%E6%B5%85%E5%B1%85-%E5%B0%9A/dp/4777520722)"という書籍をやりました。Dockerfile, Docker Composeまでよくまとまっています。また"[Docker/Kubernetes実践コンテナ開発入門](https://www.amazon.co.jp/Docker-Kubernetes-%E5%AE%9F%E8%B7%B5%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80-%E5%B1%B1%E7%94%B0-%E6%98%8E%E6%86%B2/dp/4297100339)"という書籍が有名?ですが入門者向きじゃないです。ただ(本番環境においても)コンテナ技術を使用するメリットを理解できるので、最初の章だけ読んでおけばいいんじゃないかと。

## 23. nginx、pumaの基礎知識
　Railsアプリの前段にリバースプロキシとして使用するWebサーバです。pumaと[ソケット通信](https://ascii.jp/elem/000/001/415/1415088/)させて使用します。"[nginx実践ガイド](https://www.amazon.co.jp/nginx%E5%AE%9F%E8%B7%B5%E3%82%AC%E3%82%A4%E3%83%89-impress-top-gear%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E6%B8%A1%E8%BE%BA%E9%AB%98%E5%BF%97-ebook/dp/B01N183E3H/ref=sr_1_1?adgrpid=105347669036&dchild=1&gclid=Cj0KCQjw4v2EBhCtARIsACan3nwKXmOXUUTXQQtsN7ObPVgPu28qxgtT-V_ruVYlFv8pyxX2fYnc8L8aAsCcEALw_wcB&hvadid=451779605439&hvdev=c&hvlocphy=1009224&hvnetw=g&hvqmt=e&hvrand=4911697725490754129&hvtargid=kwd-387882474687&hydadcr=27263_11561108&jp-ad-ap=0&keywords=nginx%E5%AE%9F%E8%B7%B5%E3%82%AC%E3%82%A4%E3%83%89&qid=1621072058&sr=8-1)"という本を読みましょう。pumaの使い方に関しては以下を参照。

[Pumaの使い方 まとめ](http://nekorails.hatenablog.com/entry/2018/10/12/101011)

## 24. MySQL入門
　RDBMSです。"[MySQL徹底入門](https://www.amazon.co.jp/MySQL%E5%BE%B9%E5%BA%95%E5%85%A5%E9%96%80-%E7%AC%AC4%E7%89%88-MySQL-8-0%E5%AF%BE%E5%BF%9C-yoku0825-ebook/dp/B088M1BMBG/ref=sr_1_2?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=mysql&qid=1621072094&sr=8-2)"という本を読みましょう。Docker Composeで扱う場合、主に関心事になるのは接続の仕方なのでユーザー管理の章を読んでおくといいと思います。因みに"[基礎からのMySQL](https://www.amazon.co.jp/%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%81%AEMySQL-%E7%AC%AC3%E7%89%88-%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E8%A5%BF%E6%B2%A2-%E5%A4%A2%E8%B7%AF/dp/4797393114)"という本もありますが、これは主にクエリについてまとめた本です(知らずに買いました)。

　またRailsチュートリアルではサブクエリをそのまま文字列として記述していますが、ActiveRecord::Relationオブジェクトは最終的にサブクエリとして展開されるので、基本的にSQL文をそのまま書くことはないと思います(多分)。

参考
[railsチュートリアル　サブセレクトでなぜ高速化するのか](https://teratail.com/questions/249136)

## 25. Dockerを使用した開発環境を構築する
　ここが鬼門です。なんせRails, nginx, MySQL, Dockerの知識をここで集約する必要があるので。後々自分でも解説記事を書こうと思います。

参考
[Docker + Rails + Puma + Nginx + MySQL](https://qiita.com/eighty8/items/0288ab9c127ddb683315)

## 26. AWSインフラ構築入門
　ここからは本番環境での運用を目的としたインフラを構築するための学習になってきます。"[Amazon Web Services 基礎からのネットワーク＆サーバー構築](https://www.amazon.co.jp/Amazon-Web-Services-%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%81%AE%E3%83%8D%E3%83%83%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF%EF%BC%86%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E6%A7%8B%E7%AF%89-%E6%94%B9%E8%A8%823%E7%89%88-%E5%A4%A7%E6%BE%A4-ebook/dp/B084QQ7TCF/ref=sr_1_4?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=AWS&qid=1621072632&s=books&sr=1-4)"か"[AWSではじめるインフラ構築入門](https://www.amazon.co.jp/AWS%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B%E3%82%A4%E3%83%B3%E3%83%95%E3%83%A9%E6%A7%8B%E7%AF%89%E5%85%A5%E9%96%80-%E5%AE%89%E5%85%A8%E3%81%A7%E5%A0%85%E7%89%A2%E3%81%AA%E6%9C%AC%E7%95%AA%E7%92%B0%E5%A2%83%E3%81%AE%E3%81%A4%E3%81%8F%E3%82%8A%E6%96%B9-%E4%B8%AD%E5%9E%A3-%E5%81%A5%E5%BF%97/dp/4798163430/ref=sr_1_3?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=AWS&qid=1621072632&s=books&sr=1-3)"またはその両方をクリアしておくとよいと思います。正直何も考えなくても手さえ動かせばできてしまうのでしっかり検索練習しときましょう。

初期設定まわりは以下を参照。

- [AWS-CLIの初期設定のメモ](https://qiita.com/reflet/items/e4225435fe692663b705)
- [AWSアカウントを取得したら速攻でやっておくべき初期設定まとめ](https://qiita.com/tmknom/items/303db2d1d928db720888)

リソースを削除する場合は以下を参考に。
[全リージョンから全リソースを一括検索する方法【タグエディター】](https://dev.classmethod.jp/articles/tag-editor-seach-allregion/)
全部消したと思って放っておくと一部のリソースが残っていてキャッシュから毎月数千円とかしょっぴかれてる場合があるのでご注意下さい(経験談)。


## 27. ECS, ECR基礎知識、チュートリアル
上で紹介した書籍ではコンテナ技術を使っていないのでECS, ECRも触っておきましょう。

[初心者でもできる！ ECS × ECR × CircleCIでRailsアプリケーションをコンテナデプロイ](https://qiita.com/saongtx7/items/f36909587014d746db73)

## 28. Terraform入門、実践
　TerraformとはIaC(Infrastructure as Code)を実現するためのものです。"[実践Terraform](https://www.amazon.co.jp/%E5%AE%9F%E8%B7%B5Terraform-AWS%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E8%A8%AD%E8%A8%88%E3%81%A8%E3%83%99%E3%82%B9%E3%83%88%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9-%E6%8A%80%E8%A1%93%E3%81%AE%E6%B3%89%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA%EF%BC%88NextPublishing%EF%BC%89-%E9%87%8E%E6%9D%91-%E5%8F%8B%E8%A6%8F-ebook/dp/B07XT7LJLC/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=%E5%AE%9F%E8%B7%B5terraform&qid=1621072820&s=books&sr=1-1)"という書籍をクリアしましょう。正直Terraformを使用しなくてもデプロイはできるのですが、なぜTerraformを学習するとよいのかというと
1. 冪等性を利用して、破壊、再構築を何度でもできる。
2. 必要な情報のみをコード化して扱うのでロジックを理解しやすい。
3. 充実の[公式ドキュメント](https://registry.terraform.io/providers/hashicorp/aws/latest/docs)
の理由からです。
　まず1について。インフラを運用する場合当然お金がかかります。因みにステージング環境と本番環境をESC、RDSのみ2つ用意し、それ以外の構成をホストベースルーティングで共有する環境を構築したとして、最低スペック、ほぼ未稼働で24時間あたりだいたい9ドル以上、日本円で1000円前後かかります。ただこれをコンソールで管理した場合、依存関係を認識しないとろくに削除もできないし、そもそもコンソールをいじっている時間だけ無駄です。
　次に2について。これもすごく大きいです。コンソールだと必要な情報が視覚的にまとまってないし、エラーもキャッチしにくいのでロジックを理解するのが難しいんですよ。対してコードで扱えば情報を自分でまとめられるし、構築時にエラーがちゃんとでるし、何よりコードを書いている間に理解が進みます。
　最後に3について。 公式ドキュメントがユースケース付きでまとまってて、すごく見やすいしわかりやすい。コード自体も別に難しくないので学習コストはそんなかかりません。それよりも必要な知識はAWSです。よってAWSに関しては以下を参照。

### AWS
#### IAM
IAMロールに関しては以下を参照。

- [【図解/AWS】初心者にも分かりやすいIAM入門～ロールとグループとポリシーの違い,設計・設定手順について～](https://milestone-of-se.nesuke.com/sv-advanced/aws/iam-policy-role-group/)
- [AWS IAMポリシーを理解する](https://dev.classmethod.jp/articles/aws-iam-policy/)
- [IAM ロールの PassRole と AssumeRole をもう二度と忘れないために絵を描いてみた](https://dev.classmethod.jp/articles/iam-role-passrole-assumerole/)

JSONポリシーに関しては以下を参照。
[IAM JSON ポリシーの要素のリファレンス](https://docs.aws.amazon.com/ja_jp/IAM/latest/UserGuide/reference_policies_elements.html)

#### Fargate
ECS Fargateに関しては以下を参照。
[基礎から応用までじっくり学ぶECS Fargateを利用したコンテナ環境構築 #Fargate](https://dev.classmethod.jp/articles/developers-io-2020-connect-kaji-ecs-fargate/)

"実践Terraform"ではFargate PV1.3.0を使用していますが、最新版は1.4.0で最新版を使用するにはエンドポイントが必要です。以下を参照。

- [【衝撃に備えろ】Fargate PV1.4のVPCエンドポイント変更点について](https://dev.classmethod.jp/articles/fargate_pv14_vpc_endpoint/)
- [ECRにpushしたコンテナをECSFargateで使うVPCエンドポイントTerraform例](https://qiita.com/fuubit/items/ab3f682bf59ffeb88d45)
- [Amazon ECS インターフェイス VPC エンドポイント (AWS PrivateLink)](https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/vpc-endpoints.html)

#### 秘匿情報
秘匿情報に関しては以下を参考に

- [Terraform × パラメータストアでRDSの機密情報をセキュアに扱う](https://qiita.com/Canon11/items/914e3b7bc538978f8a6a)
- [AWS Systems Manager パラメータストア](https://docs.aws.amazon.com/ja_jp/systems-manager/latest/userguide/systems-manager-parameter-store.html)

#### ホストベースルーティング
ステージング環境については以下を参照。
[まともなステージング環境"を考える](https://ohbarye.hatenablog.jp/entry/2018/08/20/233203)

リスナールールでサブドメインとターゲットグループを紐付けられます。ホストベースルーティングについては以下を参照。

- [【新機能】ALBのHost-based routingを試してみた](https://dev.classmethod.jp/articles/tried_hostbased_routing/)
- [TerraformでAWS上にHTTPS化したサブドメインを定義する ](https://budougumi0617.github.io/2020/11/07/define_https_subdomain_by_terraform/)

#### タスク定義
ECSのタスク定義に関しては以下。
[タスク定義パラメータ](https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/task_definition_parameters.html)

### Terraform
またTerraformに関しては以下を参照。

#### DRY
Rails学習後にTerraformを学習してなんだこれ全然DRYじゃないじゃないかと思った方はいるはず。TerraformをDRYに書く方法に関しては以下を参照。
[Terraformで複数台のEC2インスタンスを構築する場合のTIPS](https://dev.classmethod.jp/articles/tips-for-creating-multiple-aws_instance-resources/)
ただこの記事はやや古いので最新の構文に関しては[公式ドキュメント](https://www.terraform.io/docs/language/index.html)を参照。

他にも[Dynamic](https://www.terraform.io/docs/language/expressions/dynamic-blocks.html)や[for](https://www.terraform.io/docs/language/expressions/for.html)を使用することでDRYに書くことができます。

#### ディレクトリ設計
ディレクトリ設計に関しては以下を参照。
[Terraformのディレクトリパターン集](https://qiita.com/reireias/items/253529c889cafb3fa4c7)
[Code structure](https://www.terraform-best-practices.com/code-structure)

#### JSON
TerraformにはJSONオブジェクトなるものがあり、Terraform内の変数使ってJSONを記述できます。
[JSON Configuration Syntax](https://www.terraform.io/docs/language/syntax/json.html)


## 29. Dockerを使用してテスト及び本番環境の構築
本番用のDocker環境を構築する上で必要になってくる知識は、
1. Credentials
2. アセットパイプライン
の2つです。
またテスト用の場合にはブラウザテストの知識が必要です。

### Credentials
Railsで環境毎に秘匿情報を扱うためのものです。詳細は以下を参照。
[利用環境のセキュリティ](https://railsguides.jp/security.html#%E5%88%A9%E7%94%A8%E7%92%B0%E5%A2%83%E3%81%AE%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3)
[Rails 6よりサポートされたMulti Environment Credentialsをプロジェクトに導入する](https://zenn.dev/banrih/articles/f22f0a70bbead2a02110)
[Rails 5 から 6 にかけての secretes / credentials 周りの変遷](https://qiita.com/megane42/items/539812678773c60b7c8a)

### アセットパイプライン
 アセットパイプラインとはjsやcssのアセットを集約するためのフレームワークです。詳細は[Railsガイド](https://railsguides.jp/asset_pipeline.html)を参照。特に"production環境の場合"という項目が重要です。
 またFargateを利用する場合、開発環境のようにDockerボリュームを利用できないのでnginxとRails間で同じボリュームをマウントしアセットを共有するということができません。よってAssetSyncというgemを使用し、s3からアセットを配布します。AssetSyncに関しては以下を参照。

- [Asset Sync](https://github.com/AssetSync/asset_sync)
- [Asset Sync を Webpacker と連携させる](https://qiita.com/cohakim/items/82c9f299edecf66f1a63)
- [【Rails】asset_syncを利用してCloudFront + S3からアセットファイルを配信する](https://nishinatoshiharu.com/rails-asset-sync/)

またCORSに関しては以下を参照。

- [オリジン間リソース共有 (CORS)](https://developer.mozilla.org/ja/docs/Web/HTTP/CORS)
- [Using CORS](https://registry.terraform.io/providers/hashicorp/aws/latest/docs/resources/s3_bucket#using-cors)

### ブラウザテスト
ブラウザを利用したシステムテストに関しては以下が参考になります。
[2020年のRailsでブラウザテストを「正しく」行う方法（翻訳）](https://techracho.bpsinc.jp/hachi8833/2020_08_06/95282)

### Rails用Dockerfileを構築する
Dockerfileの構築に関しては以下が参考になります。

- [効率的に安全な Dockerfile を作るには](https://qiita.com/pottava/items/452bf80e334bc1fee69a)
- [クジラに乗ったRuby: Evil Martians流Docker+Ruby/Rails開発環境構築（翻訳）](https://techracho.bpsinc.jp/hachi8833/2021_04_20/79035)

マルチステージビルドに関しては以下。

- [マルチステージビルドの利用](https://matsuand.github.io/docs.docker.jp.onthefly/develop/develop-images/multistage-build/)
- [Multi-stage build でNode.jsのインストールをちょっぴり効率化する](https://tech.actindi.net/2019/06/20/084247)

.dockerignoreに関しては以下。

- [.dockerignore file](https://docs.docker.com/engine/reference/builder/#dockerignore-file)
- [.dockerignoreが効かない？.gitignoreとは書き方が違うよ！](https://qiita.com/yucatio/items/f5d23043228cc35fc763)

またブラウザテストはdocker-seleniumを使用せずRailsと同じコンテナにchrome用のパッケージを入れることでも行えます。以下が参考になります。
[Rails on Docker(alpine)でdocker-seleniumを使わないでSelenium+RSpec+Capybaraでテスト自動化してみる](https://qiita.com/at-946/items/6def89bb94f748ad97f2)

また本番環境用のDockerfile構築には以下が参考になります。
[【Dockerfile全解説】Rails本番環境のための一番シンプルなDockerイメージを作る](https://qiita.com/notozeki/items/ac1bf72cf44b7ed6a6ad)


## 30. CircleCIの基礎知識、チュートリアル
CircleCI自体は難しくありません。ECS, ECRの場合、CircleCIのOrbsという機能を使えば簡単にデプロイできます。"[CircleCI実践入門](https://www.amazon.co.jp/CircleCI%E5%AE%9F%E8%B7%B5%E5%85%A5%E9%96%80%E2%94%80%E2%94%80CI-CD%E3%81%8C%E3%82%82%E3%81%9F%E3%82%89%E3%81%99%E9%96%8B%E7%99%BA%E9%80%9F%E5%BA%A6%E3%81%A8%E5%93%81%E8%B3%AA%E3%81%AE%E4%B8%A1%E7%AB%8B-WEB-PRESS-plus/dp/4297114119/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=Circleci&qid=1621075385&s=books&sr=1-1)"という書籍を読みましょう。特に"Obrsを使った継続的デプロイの実践例"という項目をやっておくとよいと思います。

## 31. テスト(RSpec, Capybara)
RSpec, Capybaraの書き方に関しては以下が参考になります。

- [使えるRSpec入門・その1「RSpecの基本的な構文や便利な機能を理解する」](https://qiita.com/jnchito/items/42193d066bd61c740612)
- [sleepやリトライに頼らない安定した feature spec を書こう](https://qiita.com/shunichi/items/1cb7f7cfca74438513d3)
- [Capybaraチートシート](https://qiita.com/morrr/items/0e24251c049180218db4)

公式ドキュメントは以下です。

- [RSpec Expectations 3.10](https://relishapp.com/rspec/rspec-expectations/docs)
- [Capybara](https://www.rubydoc.info/github/jnicklas/capybara)

## 32. アプリ開発開始
ここから実際にアプリをつくっていきます。新規プロジェクトを作成するときには以下の記事を参考に。
[新規Railsプロジェクトの作成手順まとめ](https://qiita.com/yuitnnn/items/b45bba658d86eabdbb26)

## 33. 自動デプロイ
Railsのディレクトリ内に.circleci/config.ymlをつくりCircleCIで自動テスト、自動デプロイを行えるようにします。以下の記事が参考になります。

- [【実践: 詳しくわかる】TerraformでCircleCIを通してAWSにECS環境を自動構築する方法](https://tech-mr-myself.hatenablog.com/entry/2020/01/04/210518)
- [【CircleCI】【Terraform】【Rails】【AWS】Orbsを利用してECSでdb:migrateする方法](https://qiita.com/nossy/items/4234a8cbf9403fbf52cd)

また公式のObrsは以下を参照。

- [circleci/aws-ecs](https://circleci.com/developer/orbs/orb/circleci/aws-ecs)
- [circleci/aws-ecr](https://circleci.com/developer/orbs/orb/circleci/aws-ecr)


## 34. テスト駆動開発
あとはテスト駆動開発を進めていきます。

## おわりに
 このロードマップは割と[Developer Roadmap](https://roadmap.sh/backend)に沿ったものになっているかなと思います。改めてDeveloper Roadmapを見るとその有用性がわかります。ロードマップというのは順を追ってみていくのが普通ですが、このロードマップが真に有用である点は知識の依存関係がわかることです。目的の知識から逆順にたどっていくことで、それを理解するにはどんな知識が必要なのかある程度的を絞ることができます。独学をしてつまったときには一度、それにはどんな知識、技術が関わっているのかを考えてみるとよいかもしれません。
　一から何かを独学しようなどというのはなかなか酔狂なことだと思いますが、この記事がそのような方の役に立てば幸いです。最後に改めて参考リンクの記事を書いてくださった方々に感謝です。有難うございました。