制作プロジェクト

My Works

🖼️ Free Images

AIで生成した画像をストックし、フリーで提供するWebサイトです。

開発記録はこちらのブログ記事をご覧ください。

• Tech Stack
  • Framework: Next.js 16 (App Router)
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Database: PostgreSQL (Neon) / Prisma
  • AI Model: Google Gemini (nano-banana-pro-preview, gemini-2.5-flash)
  • Storage: AWS S3
  • Auth: NextAuth.js (v5)
  • Infrastructure: Vercel

---

🛠️ 4Testing

開発現場で必要となるテスト用データ生成やツール群をまとめたユーティリティサイトです。

• Tech Stack
  • Framework: Next.js 16 (App Router)
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Database: PostgreSQL (Prisma) / Prisma
  • Auth: NextAuth.js (v5)
  • Infrastructure: Vercel

---

🔐 NextAuth.js Example

認証機能の実装実験・デモ

NextAuth.jsを用いた認証フロー（ログイン、セッション管理など）の挙動を確認できるデモサイトです。

• Tech Stack: Next.js, Vercel, Auth.js

---

📊 Next.js Dashboard

財務管理ダッシュボード（Next.js公式チュートリアル拡張）

Next.js公式サイトの学習コースをベースに構築した、フルスタックな財務ダッシュボードアプリケーションです。

• 主な機能:
  • 公開ホームページ（LP）
  • ログイン認証機能
  • 認証保護されたダッシュボード画面
  • 請求書（Invoice）のCRUD操作（追加・編集・削除）