【独学ポートフォリオ開発応援】実務未経験から学べる!Rails×Next.js×AWSハンズオン解説

【独学ポートフォリオ開発応援】実務未経験から学べる!Rails×Next.js×AWSハンズオン解説

【更新】 🎉Railsチュートリアル『読み物ガイド』に掲載いただきました! https://railstutorial.jp/reading_guide#next-frontend 【概要】 本書は「本気で実務未経験からエンジニアに転職したい思っている人」を対象に「モダンな技術スタックを備えたアプリ開発の全体像」を体系的に解説したものです。 筆者は、実務未経験から独学でWeb知識を習得してエンジニアに転職した、いわゆる「未経験転職組」のひとりです。 そんな筆者自身の経験に基づき、初学者にとってハードルになりやすい箇所をなるべく分かりやすく説明することを念頭に置いた、「初学者目線」に合わせた教材として本書を執筆しました。 自分自身で「独学時代にこんな教材が欲しかった!」と本気で思えるものにできるよう、熱意を込めて書き上げました。結果として、40万文字を超える大ボリュームなコンテンツとなりましたが、「本気で実務未経験からエンジニアに転職したい思っている人」にとっては価値ある一冊にできたと自負しています。 ぜひ本書を、皆さんにとっての「キャリアを前進させるきっかけ」にしてもらえたら幸いです。 【本書で学習できるトピック】 - Dockerによるアプリ開発環境の完全コンテナ化 - Rails API モードによるバックエンド実装 - Next.js + Typescript によるフロントエンド実装 - AWS ECS Fargate へのコンテナデプロイ - GitHub Actions によるCICDパイプラインの構築 「実務未経験者でもサクっとできるアプリの開発」ではなく「実際の開発現場で採用されているモダンな技術スタックを備えた本格的なアプリの開発」に焦点をあてています。 より詳細な技術スタックは、次章『はじめに』をご覧ください。 【学習形式】 本書はハンズオン形式で学習を進めることができます。 本書は初学者にとっては非常に情報量が多く感じられると思いますが、実装コードは全て書籍中に記載してありますので、最後まで必ず完走できるようになっています。 【想定読者レベル】 以下のレベルの学習を終えている、実務未経験の駆け出しエンジニアor経験浅のジュニアエンジニアを想定しています。 - Railsチュートリアルを完走している - ProgateのJavascript講座を学習している - Dockerを触ったことがある

Chapters
Chapter 01無料公開

はじめに「未経験転職は難しい。だからこそ」

Chapter 02

ご購入いただいた方へ

Chapter 03

【1. 環境構築編】Rails 立ち上げ & GitHub リポジトリ作成

Chapter 04

【1. 環境構築編】Rails API とは?

Chapter 05

【1. 環境構築編】ヘルスチェック用アクションを実装

Chapter 06

【1. 環境構築編】pryコンソール、rspec、rubocopを追加

Chapter 07

【1. 環境構築編】Next.js 立ち上げ

Chapter 08

【1. 環境構築編】Lintツールの導入

Chapter 09

【1. 環境構築編】GitHub Actions CI設定

Chapter 10

【1. 環境構築編】Next.jsの仕組み

Chapter 11

【1. 環境構築編】Material-UI@v5とemotionの導入

Chapter 12

【1. 環境構築編】Rails API と Next.js の疎通

Chapter 13

【1. 環境構築編】まとめ

Chapter 14

【2. Rails開発編】devise_token_authによるUserの実装

Chapter 15

【2. Rails開発編】サインインユーザーを取得するアクションを実装

Chapter 16

【2. Rails開発編】factory_bot_rails と faker を用いたテスト実装

Chapter 17

【2. Rails開発編】Articleモデルの実装

Chapter 18

【2. Rails開発編】記事一覧および詳細を取得するアクションを実装

Chapter 19

【2. Rails開発編】マイ記事の新規作成および更新アクションを実装

Chapter 20

【2. Rails開発編】マイ記事の一覧および詳細を取得するアクションを実装

Chapter 21

【2. Rails開発編】まとめ

Chapter 22

【3. Next.js開発編】記事一覧ページのモックを実装

Chapter 23

【3. Next.js開発編】記事一覧ページのブラッシュアップ

Chapter 24

【3. Next.js開発編】記事詳細ページの実装

Chapter 25

【3. Next.js開発編】認証機能の実装 1. 認証の全体像

Chapter 26

【3. Next.js開発編】認証機能の実装 2. サインインページの実装

Chapter 27

【3. Next.js開発編】認証機能の実装 3. サインインユーザー情報をグローバルステートに保存

Chapter 28

【3. Next.js開発編】サインアウト機能を実装

Chapter 29

【3. Next.js開発編】通知バーの実装

Chapter 30

【3. Next.js開発編】マイ記事一覧ページを実装

Chapter 31

【3. Next.js開発編】マイ記事詳細画面の実装

Chapter 32

【3. Next.js開発編】記事エディットページを実装

Chapter 33

【3. Next.js開発編】サインアップページを実装

Chapter 34

【3. Next.js開発編】認証リンクの修正

Chapter 35

【3. Next.js開発編】ヘルスチェック用APIを実装

Chapter 36

【3. Next.js開発編】まとめ

Chapter 37

【4. AWSデプロイ編】全体の流れ

Chapter 38

【4. AWSデプロイ編】AWSアカウントの初期設定

Chapter 39

【4. AWSデプロイ編】Route53

Chapter 40

【4. AWSデプロイ編】ACM

Chapter 41

【4. AWSデプロイ編】VPC

Chapter 42

【4. AWSデプロイ編】サブネット

Chapter 43

【4. AWSデプロイ編】インターネットゲートウェイ

Chapter 44

【4. AWSデプロイ編】ルートテーブル

Chapter 45

【4. AWSデプロイ編】セキュリティグループ(backend)

Chapter 46

【4. AWSデプロイ編】RDS

Chapter 47

【4. AWSデプロイ編】backendのデプロイ準備

Chapter 48

【4. AWSデプロイ編】ターミナルからAWSにアクセス

Chapter 49

【4. AWSデプロイ編】ECR(backend)

Chapter 50

【4. AWSデプロイ編】タスク定義(backend)

Chapter 51

【4. AWSデプロイ編】サービス作成&タスク起動(backend)

Chapter 52

【4. AWSデプロイ編】タスク(backend)の再作成

Chapter 53

【4. AWSデプロイ編】ALB(backend)

Chapter 54

【4. AWSデプロイ編】サービス(backend)の再作成

Chapter 55

【4. AWSデプロイ編】セキュリティグループ(frontend)

Chapter 56

【4. AWSデプロイ編】frontendのデプロイ準備

Chapter 57

【4. AWSデプロイ編】ECR(frontend)

Chapter 58

【4. AWSデプロイ編】タスク定義(frontend)

Chapter 59

【4. AWSデプロイ編】サービス作成&タスク起動(frontend)

Chapter 60

【4. AWSデプロイ編】ALB(frontend)

Chapter 61

【4. AWSデプロイ編】サービス再作成(frontend)

Chapter 62

【4. AWSデプロイ編】GmailからSMTPでメール送信

Chapter 63

【4. AWSデプロイ編】GitHub Actions CD設定

Chapter 64

【4. AWSデプロイ編】まとめ

Author
辻野翔陽
Topics
公開
本文更新
文章量
431,241
価格
2,000