【独学ポートフォリオ開発応援】実務未経験から学べる!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を触ったことがある
はじめに「未経験転職は難しい。だからこそ」
ご購入いただいた方へ
【1. 環境構築編】Rails 立ち上げ & GitHub リポジトリ作成
【1. 環境構築編】Rails API とは?
【1. 環境構築編】ヘルスチェック用アクションを実装
【1. 環境構築編】pryコンソール、rspec、rubocopを追加
【1. 環境構築編】Next.js 立ち上げ
【1. 環境構築編】Lintツールの導入
【1. 環境構築編】GitHub Actions CI設定
【1. 環境構築編】Next.jsの仕組み
【1. 環境構築編】Material-UI@v5とemotionの導入
【1. 環境構築編】Rails API と Next.js の疎通
【1. 環境構築編】まとめ
【2. Rails開発編】devise_token_authによるUserの実装
【2. Rails開発編】サインインユーザーを取得するアクションを実装
【2. Rails開発編】factory_bot_rails と faker を用いたテスト実装
【2. Rails開発編】Articleモデルの実装
【2. Rails開発編】記事一覧および詳細を取得するアクションを実装
【2. Rails開発編】マイ記事の新規作成および更新アクションを実装
【2. Rails開発編】マイ記事の一覧および詳細を取得するアクションを実装
【2. Rails開発編】まとめ
【3. Next.js開発編】記事一覧ページのモックを実装
【3. Next.js開発編】記事一覧ページのブラッシュアップ
【3. Next.js開発編】記事詳細ページの実装
【3. Next.js開発編】認証機能の実装 1. 認証の全体像
【3. Next.js開発編】認証機能の実装 2. サインインページの実装
【3. Next.js開発編】認証機能の実装 3. サインインユーザー情報をグローバルステートに保存
【3. Next.js開発編】サインアウト機能を実装
【3. Next.js開発編】通知バーの実装
【3. Next.js開発編】マイ記事一覧ページを実装
【3. Next.js開発編】マイ記事詳細画面の実装
【3. Next.js開発編】記事エディットページを実装
【3. Next.js開発編】サインアップページを実装
【3. Next.js開発編】認証リンクの修正
【3. Next.js開発編】ヘルスチェック用APIを実装
【3. Next.js開発編】まとめ
【4. AWSデプロイ編】全体の流れ
【4. AWSデプロイ編】AWSアカウントの初期設定
【4. AWSデプロイ編】Route53
【4. AWSデプロイ編】ACM
【4. AWSデプロイ編】VPC
【4. AWSデプロイ編】サブネット
【4. AWSデプロイ編】インターネットゲートウェイ
【4. AWSデプロイ編】ルートテーブル
【4. AWSデプロイ編】セキュリティグループ(backend)
【4. AWSデプロイ編】RDS
【4. AWSデプロイ編】backendのデプロイ準備
【4. AWSデプロイ編】ターミナルからAWSにアクセス
【4. AWSデプロイ編】ECR(backend)
【4. AWSデプロイ編】タスク定義(backend)
【4. AWSデプロイ編】サービス作成&タスク起動(backend)
【4. AWSデプロイ編】タスク(backend)の再作成
【4. AWSデプロイ編】ALB(backend)
【4. AWSデプロイ編】サービス(backend)の再作成
【4. AWSデプロイ編】セキュリティグループ(frontend)
【4. AWSデプロイ編】frontendのデプロイ準備
【4. AWSデプロイ編】ECR(frontend)
【4. AWSデプロイ編】タスク定義(frontend)
【4. AWSデプロイ編】サービス作成&タスク起動(frontend)
【4. AWSデプロイ編】ALB(frontend)
【4. AWSデプロイ編】サービス再作成(frontend)
【4. AWSデプロイ編】GmailからSMTPでメール送信
【4. AWSデプロイ編】GitHub Actions CD設定
【4. AWSデプロイ編】まとめ
- 公開
- 文章量
- 約431,241字
- 価格
- 2,000円