Shu Digital Works

基本情報技術者試験(FE)学習まとめ

基本情報技術者試験に合格したので、その学習記録をまとめました。

2025年12月の学習の振り返り

卒業課題の自作アプリを作りきりました。2026年は実務頑張ります！

Next.js × Rails｜マルチテナントEC「Digital Ichiba」の全体設計と実装まとめ

Next.js × Railsで構築したマルチテナントEC「Digital Ichiba」の全体設計と実装内容をまとめた。

Next.js × Rails｜Terraform importで“手動デプロイAWS”をIaC化する

手動デプロイ済みAWS環境を、Terraform importで安全にIaC化する手順を解説。

Next.js × Rails｜ECS/FargateをGitHub Actionsで自動デプロイ

自作アプリを GitHub Actions + OIDC で ECS/Fargate に CI/CD 自動デプロイする方法を解説。

2025年11月の学習の振り返り

自作アプリの決済の実装と手動デプロイを実行。vibeコーディング時代の学習法を試みる。

Next.js × Rails｜Stripe Checkoutで決済機能を実装する

Stripe Checkout 決済の実装方法を解説。カート連携やWebhookによる注文登録にも対応。

Next.js × Rails｜Stripe Connect によるショップのオンボーディング実装

Stripe Connect を使った Next.js × Rails のショップオンボーディング実装を解説します。

Next.js × Railsでつくるステートレスなカート機能の実装方法

localStorage を利用したステートレスなカート機能を実装する方法を解説。

2025年10月の学習の振り返り

AI生成のコードで、よくわからない部分があるので、ブログを書くことで理解を強化しました。

Next.js × Rails｜SSR＋CSRで実装するECサイトの商品一覧ページネーション

SSR＋CSRを組み合わせた商品一覧ページのページネーション実装。シンプルで見やすいUI設計。

Next.js × Rails × React Hook Form × Zod で画像付きフォームを実装する

画像アップロード対応の商品登録フォームを実装。Zod のカスタムスキーマで型安全に。