編集モード実装

[kuu13580]

概要

編集モードおよび周辺UIの初期実装

動作確認

確認項目

• 動作確認を実施している
• issueはPRページ右下のDevelopmentからissueが紐づいている

[github-actions]

Visit the preview URL for this PR (updated for commit 168923f):

https://tabi-share-8ef6b--pr60-feature-issue55-edit-67hac3h3.web.app

_{(expires Sun, 08 Feb 2026 18:09:43 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 9f2a87ede127df7673322845e34cf22c1372d720}

[gemini-code-assist]

Summary of Changes

Hello @kuu13580, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

このプルリクエストは、TabiShareアプリケーションの主要機能である旅行日程管理のためのバックエンドとフロントエンドの基盤インフラを構築します。旅行、ページ、個別のスケジュール/交通機関ブロックのための堅牢なデータモデルを確立し、FastAPIベースのAPIを完備しています。フロントエンドでは、FullCalendarを活用した動的な編集体験が導入され、SWRによる効率的で型安全なデータ処理と楽観的UI更新により、ユーザーの旅行計画と変更能力が大幅に向上しました。

Highlights

• コアデータモデルとAPIの実装: 旅行、ページ、およびブロック（スケジュール/交通機関の項目）を管理するためのバックエンドのコアデータモデルとFastAPIエンドポイントが導入されました。
• SWRによるフロントエンドのデータ管理: SWRフック（useTrips、usePages、useBlocks）が統合され、効率的なデータ取得、キャッシュ、および楽観的UI更新が実現されました。
• FullCalendarによるインタラクティブな旅行編集: フロントエンドに「編集モード」が実装され、FullCalendarを使用して、ユーザーがスケジュールや交通機関のブロックをカレンダーインターフェース上で直接作成、移動、サイズ変更できるようになりました。
• Zodによるフロントエンドの型安全性: 旅行、ページ、ブロックのフロントエンドデータ型がZodスキーマを使用してリファクタリングされ、堅牢なバリデーションとAPI-to-App/App-to-API変換が提供されました。
• 開発環境の改善: 新しいClaude AI設定ファイルが追加され、devcontainerのセットアップが更新され、ripgrepのインストールとデータベースセットアップの順序が変更され、Pythonテスト設定が改善されました。

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Ignored Files

• Ignored by pattern: .gemini/** (1)
  • .gemini/settings.json
• Ignored by pattern: .github/workflows/** (1)
  • .github/workflows/ci_server.yml

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

このプルリクエストは、旅行プランの編集モードを実装するための大規模な変更を含んでいます。バックエンドではFastAPIを使用してTrip、Page、Blockのモデル、CRUD、APIエンドポイントが新たに追加され、フロントエンドではそれらのデータを扱うためのSWRフックや、FullCalendarを利用した編集UIが実装されています。全体として、機能の根幹をなす重要な実装であり、よく構造化されています。

レビューでは、主にフロントエンドとバックエンド間の型の不整合や、APIの設計に関する改善点を指摘しました。特に、モックデータと実際のAPIスキーマの乖離、モデル定義の不一致は将来的なバグの原因となるため修正を推奨します。また、APIが作成されたリソース全体を返すようにすることで、クライアント側の実装をよりシンプルにできる点を提案しました。

[bobtaroh]

LGTMです👍
実装ありがとうございます！