【補足記事】ゼロから３ヶ月半でモダンなポートフォリオ (Fargate/Terraform/Nuxt.js/Ruby) をリリースするまで ②（フェーズ１. インフラ）



この記事は、「[ゼロからAWS/Terraform/Nuxt.js/Rubyを学習し始めると、ポートフォリオのリリースまでにどのような過程を踏むことになるのか？][1]」 の補足記事です。
[1]:https://qiita.com/wonderglot/items/cf0d4faa77b925960802

この記事は108日間のツイートのうち、フェーズ１（インフラ）を整理したものです。ツイートを複数埋め込んでいるため非常にページが重いです。<b>（2021年8月7日現在、執筆途中）</b>



|本記事|
|:-----------|
|「[ゼロからAWS/Terraform/Nuxt.js/Rubyを学習し始めると、ポートフォリオのリリースまでにどのような過程を踏むことになるのか？](https://qiita.com/wonderglot/items/cf0d4faa77b925960802)|

|補足記事|
|:-----------|
|[【補足記事】ゼロから３ヶ月半でモダンなポートフォリオ (Fargate/Terraform/Nuxt.js/Ruby) をリリースするまで③（フェーズ２. フロントエンド・バックエンド）](https://qiita.com/wonderglot/items/1f709cf35ae828b0f6dd)|
|[【補足記事】ゼロから３ヶ月半でモダンなポートフォリオ (Fargate/Terraform/Nuxt.js/Ruby) をリリースするまで ④（フェーズ３. 振り返り）](https://qiita.com/wonderglot/items/3cbfd4f4b0d4058bab9e)|


<hr>

###Terraform 10日でEC2構築からECS構築まで網羅する
Pragmatic Terraform on AWS (https://booth.pm/ja/items/1318735) を真似しながら、
ページ前半部にあるEC2を作れればコツは掴めるはずです。


####34日目
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Rails × AWS × CircleCI 34日目②<br><br>Terraform で EC2インスタンスつくった❗️インフラ領域のラスボスみたいなトコあるけど、なにこれ…🙃 コマンド打つのがこれまで史上最も痛快… 構築されるの一瞬じゃん…<a href="https://twitter.com/hashtag/%E4%BB%8A%E6%97%A5%E3%81%AE%E7%A9%8D%E3%81%BF%E4%B8%8A%E3%81%92?src=hash&amp;ref_src=twsrc%5Etfw">#今日の積み上げ</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://t.co/1yUijAKLFM">pic.twitter.com/1yUijAKLFM</a></p>&mdash; Kent@Rails×AWSでPF作成中 (@kent_0n) <a href="https://twitter.com/kent_0n/status/1373535513760559105?ref_src=twsrc%5Etfw">March 21, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


####37日目
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Rails × AWS × CircleCI 37日目<br><br>Terraform 第二弾🔥 ズガガガと AWS が構築されていく。<br>前回は EC2 だったからいいけど、スケールアウトさせたら途端に図が無いとキツくなった😅<a href="https://twitter.com/hashtag/%E4%BB%8A%E6%97%A5%E3%81%AE%E7%A9%8D%E3%81%BF%E4%B8%8A%E3%81%92?src=hash&amp;ref_src=twsrc%5Etfw">#今日の積み上げ</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://t.co/HZeEHE39Yg">pic.twitter.com/HZeEHE39Yg</a></p>&mdash; Kent@Rails×AWSでPF作成中 (@kent_0n) <a href="https://twitter.com/kent_0n/status/1374663803581820930?ref_src=twsrc%5Etfw">March 24, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


####40日目
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Rails × AWS × CircleCI 40日目<br><br>Terraform 第３弾🔥 RDS構築❗️<br>構築されるのか… されないのか… どっちなのかで10分間待たされる緊張感はメンタルによくないｗ<br><br>無事、構築、いぇい<a href="https://twitter.com/hashtag/%E4%BB%8A%E6%97%A5%E3%81%AE%E7%A9%8D%E3%81%BF%E4%B8%8A%E3%81%92?src=hash&amp;ref_src=twsrc%5Etfw">#今日の積み上げ</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://t.co/BcDS7XkpHe">pic.twitter.com/BcDS7XkpHe</a></p>&mdash; Kent@Rails×AWSでPF作成中 (@kent_0n) <a href="https://twitter.com/kent_0n/status/1375666872822099968?ref_src=twsrc%5Etfw">March 27, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

####41日目
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Rails × AWS × CircleCI 41日目<br><br>Terraform 第４弾。ECS 構築。<br><br>写真映えしない地味さなんだけど、今までの Terraform で一番エグかったコーディングを通せた。はぁ…😵<a href="https://twitter.com/hashtag/%E4%BB%8A%E6%97%A5%E3%81%AE%E7%A9%8D%E3%81%BF%E4%B8%8A%E3%81%92?src=hash&amp;ref_src=twsrc%5Etfw">#今日の積み上げ</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://t.co/QFmK4aJKuk">pic.twitter.com/QFmK4aJKuk</a></p>&mdash; Kent@Rails×AWSでPF作成中 (@kent_0n) <a href="https://twitter.com/kent_0n/status/1376111415572893696?ref_src=twsrc%5Etfw">March 28, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>



####44日目
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Rails × AWS × CircleCI 44日目<br><br>CircleCI × ECR × Terraform 連携完了❗️やったね✨ <br><br>… と、ここまでは良かったんだけど、その先の ECS で地獄を見ている。<br><br>しばらく帰って来られないかもしれない…。<a href="https://twitter.com/hashtag/%E4%BB%8A%E6%97%A5%E3%81%AE%E7%A9%8D%E3%81%BF%E4%B8%8A%E3%81%92?src=hash&amp;ref_src=twsrc%5Etfw">#今日の積み上げ</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://t.co/jBjAluTMnh">pic.twitter.com/jBjAluTMnh</a></p>&mdash; Kent@Rails×AWSでPF作成中 (@kent_0n) <a href="https://twitter.com/kent_0n/status/1377203814600646656?ref_src=twsrc%5Etfw">March 31, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

####45日目
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Rails × AWS × CircleCI 45日目<br><br>自動デプロイ ( ECS × CircleCI ) が突然通ったーー<br><br>これは無理だ…って頭抱えながらドキュメント２日間読み込んだ。膨大なエラーを乗り越えたと思う。<br><br>ずいぶん遠いところまできた感じ。少し疲れた… やった…<a href="https://twitter.com/hashtag/%E4%BB%8A%E6%97%A5%E3%81%AE%E7%A9%8D%E3%81%BF%E4%B8%8A%E3%81%92?src=hash&amp;ref_src=twsrc%5Etfw">#今日の積み上げ</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://t.co/CZ7IV2rGUg">pic.twitter.com/CZ7IV2rGUg</a></p>&mdash; Kent@Nuxt×AWSで転活中 (@kent_0n) <a href="https://twitter.com/kent_0n/status/1377560116954722306?ref_src=twsrc%5Etfw">April 1, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


##Nextフェーズ （フェーズ２.対フロントエンド戦　対バックエンド戦）
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Rails × Nuxt.js × AWS　48日目<br><br>さぁ仕切り直しだ。<br><br>自動デプロイ ( ECS × CircleCI × Terraform ) を達成したからインフラはゴール 🎉ちょっと死んでた笑<br><br>見栄えのいいフェーズへ✨ まずは Vuetify で components ( Parallax &amp; Grid ) から❗️<a href="https://twitter.com/hashtag/%E4%BB%8A%E6%97%A5%E3%81%AE%E7%A9%8D%E3%81%BF%E4%B8%8A%E3%81%92?src=hash&amp;ref_src=twsrc%5Etfw">#今日の積み上げ</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://t.co/7X8L9pfl2y">pic.twitter.com/7X8L9pfl2y</a></p>&mdash; Kent@Rails×AWSでPF作成中 (@kent_0n) <a href="https://twitter.com/kent_0n/status/1378670276393639936?ref_src=twsrc%5Etfw">April 4, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>



##ドキュメントは正義

####38日目
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Rails × AWS × CircleCI 38日目 [メモ]<br><br>すべてはドキュメントに書かれているーー<br><br>Terraform × ECR の構築で記事が見当たらなくて詰んだけれど、なんだ… 答えあったよ…。サボらず頭使ってこう😅<a href="https://twitter.com/hashtag/%E4%BB%8A%E6%97%A5%E3%81%AE%E7%A9%8D%E3%81%BF%E4%B8%8A%E3%81%92?src=hash&amp;ref_src=twsrc%5Etfw">#今日の積み上げ</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://t.co/36LoBJan68">pic.twitter.com/36LoBJan68</a></p>&mdash; Kent@Rails×AWSでPF作成中 (@kent_0n) <a href="https://twitter.com/kent_0n/status/1374990376839249921?ref_src=twsrc%5Etfw">March 25, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


<hr>

|本記事|
|:-----------|
|「[ゼロからAWS/Terraform/Nuxt.js/Rubyを学習し始めると、ポートフォリオのリリースまでにどのような過程を踏むことになるのか？](https://qiita.com/wonderglot/items/cf0d4faa77b925960802)|

|補足記事|
|:-----------|
|[【補足記事】ゼロから３ヶ月半でモダンなポートフォリオ (Fargate/Terraform/Nuxt.js/Ruby) をリリースするまで③（フェーズ２. フロントエンド・バックエンド）](https://qiita.com/wonderglot/items/1f709cf35ae828b0f6dd)|
|[【補足記事】ゼロから３ヶ月半でモダンなポートフォリオ (Fargate/Terraform/Nuxt.js/Ruby) をリリースするまで ④（フェーズ３. 振り返り）](https://qiita.com/wonderglot/items/3cbfd4f4b0d4058bab9e)|