Tsumoo 開発ログ

Appearance

2026年5月28日（木） ​

今日やったこと ​

  • API設計、Laravel実装設計、Next.js実装設計、Docker / 開発環境設計を設計書として整理
  • Laravel / Next.js のコード読み解きガイドと、Next.js / TypeScript、PHP / Laravel の学習用チートシートを作成
  • Tsumoo のリポジトリ構成を、ドキュメント、バックエンド、フロントエンド、ローカルインフラ、本番インフラに分割
  • ローカル開発環境用に tsumoo-infra-local を作成
  • Docker Compose、nginx、PHP-FPM、Node.js、MySQL、Redis、Mailpit、mkcert の構成を追加
  • tsumoo-backend に Laravel 13.12.0 を導入
  • tsumoo-frontend に Next.js アプリケーションを導入
  • https://tsumoo.local で Next.js 初期画面を表示できることを確認
  • https://tsumoo.local/api/health で Laravel API へ到達できることを確認
  • 各リポジトリの README に、ブランチ名、コミットメッセージ、PR の書き方を追加

ロードマップ ​

フェーズ1: タスク管理MVP

進捗: 9 / 30件

今日対応したタスク ​

  • 完了 TSUMOO-7 API設計
  • 完了 TSUMOO-8 アプリケーション初期構築
  • 完了 TSUMOO-9 開発環境・基本設定整備

完了したタスク ​

  • TSUMOO-9 開発環境・基本設定整備
  • TSUMOO-8 アプリケーション初期構築
  • TSUMOO-7 API設計
  • TSUMOO-6 DB設計
  • TSUMOO-5 画面詳細設計
  • TSUMOO-4 UI方針整理
  • TSUMOO-3 フェーズ1基本設計
  • TSUMOO-2 フェーズ1要件定義
  • TSUMOO-1 Tsumoo構想整理

次に取り組むタスク ​

  • TSUMOO-10 公開トップページ実装
  • TSUMOO-11 認証画面実装
  • TSUMOO-12 登録処理実装

考えたこと ​

今日は、設計フェーズから実装フェーズへ入る大きな切り替わりの日になりました。

設計書、コード読み解きガイド、チートシートまで整えたことで、実装時に「なぜこの構成なのか」を見返せる状態になりました。

リポジトリも、tsumoo、tsumoo-backend、tsumoo-frontend、tsumoo-infra-local、tsumoo-infra-prod に分けました。プロダクト本体、フロントエンド、バックエンド、インフラ、公開ログの責務が分かれたことで、今後の開発と運用の見通しがかなり良くなりました。

最後に、https://tsumoo.local で Next.js が表示され、/api/health で Laravel へ届くところまで確認できました。

決めたこと ​

  • Tsumoo の開発リポジトリは、ドキュメント、バックエンド、フロントエンド、ローカルインフラ、本番インフラに分ける
  • ローカル開発環境は tsumoo-infra-local で管理する
  • 本番インフラは tsumoo-infra-prod で管理する
  • ローカル開発 URL は https://tsumoo.local とする
  • ローカル HTTPS 証明書は mkcert で作成する
  • ブラウザからの入口は nginx に統一する
  • Laravel API は nginx 経由で /api 配下に公開する
  • Composer や npm の初期構築は、実行環境との差異を減らすためコンテナ内で行う
  • 各リポジトリのコミットメッセージと PR 文は、共通の開発運用ルールに合わせる

次にやること ​

  • 公開トップページの実装に入る
  • 認証画面と認証 API 連携の実装準備を進める
  • Laravel / Next.js の初期構成を、設計書に合わせて整理していく

Tsumoo の公開用開発ログと技術メモ。

Copyright © 2026 tomo1185