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 のカスタムスキーマで型安全に。
Next.js × Rails で API通信を共通化するBFF（Proxy）構成を実装する
Next.jsとRails間のAPI通信をBFFで共通化。JWTやCookie制御も含めた実装を詳しく解説。
Next.js × Rails × Auth.js でGoogle OAuth + JWTによる認証を実装する
Next.js × Rails 構成で Google OAuth 認証を Auth.js + JWT で実装。Rails側の検証まで対応。
2025年9月の学習の振り返り
9月は、ポートフォリをコーディングし、アプリの体裁が整ってきた。じっくり休みました。
2025年8月の学習の振り返り
ポートフォリオ制作を開始しました。設計などの上流工程を体験することができました。
2025年7月の学習の振り返り
7月はGoの学習をしました。
自分で認証周りを作ることができました。
2025年6月の学習の振り返り
デザインの基礎とUI/UXとGo言語を学習。自分のメンテナンスをしました。