2r2re.fun

System Development

個人開発で、フロントエンドからインフラまで一気通貫するシステム開発

この 2re.fun というポートフォリオサイト自体が、要件整理・設計・実装・インフラ構築・本番運用までを一人で担当したシステム開発の実例です。Next.js 製のフロントエンドと Go 製の API サーバー、MySQL によるデータ永続化を Docker Compose で一体構成し、VPS 上で公開しています。

Highlights

フルスタックでの実装

フロントエンド（Next.js / TypeScript / Tailwind CSS）から API サーバー（Go）、データベース設計（MySQL）まで一貫して実装しています。

技術選定とリプレース判断

当初は Spring Boot（Java）で API を構築していましたが、運用のシンプルさと起動速度を重視して Go 製の API サーバーへ移行しました。目的に応じて技術を選び直す判断も開発の一部です。

インフラ・運用まで担当

Docker Compose によるコンテナ構成、VPS 上へのデプロイ、リバースプロキシ（Caddy）を用いた本番公開まで一人で構築・運用しています。

段階的な機能拡張

お問い合わせフォームの API 化から始め、このページのように必要な機能を継続的に設計・追加しています。

Tech Stack

Next.jsTypeScriptTailwind CSSGoMySQLDockerDocker ComposeCaddy

Timeline

  1. 設計・スキャフォールディング

    Next.js（フロントエンド）と Spring Boot（バックエンド）の構成で MVP を構築。

  2. バックエンドを Go へ移行

    運用のシンプルさと起動速度を優先し、API サーバーを Java / Spring Boot から Go へ書き換え。

  3. システム開発 PR ページを追加

    この開発の取り組み自体を伝えるページを、新しい Go の API エンドポイントと Next.js のルートとして追加。