学内募金ページの実装（ガワだけ） by Chikuwa0141 · Pull Request #1086 · NUTFes/FinanSu

Chikuwa0141 · 2026-04-27T12:58:41Z

概要

学内募金ページ /campus_fund を追加
棟ごとの募金額カードを表示
スマホ画面向けにカードサイズ・余白・モーダル幅を調整
居室一覧モーダルを追加
募金登録モーダルを追加
Prettierを更新
Prettier 3に合わせて設定を調整
useState の型定義が保存時に崩れる問題に対応
- Prettierが原因だと思ったら書き方の問題でした
DBスキーマ変更により /teachers がエラーになるため、教員一覧リンクを一時的に無効化

画面スクリーンショット等

テスト項目

PC、スマホどちらの画面でも正常に画面が表示、遷移すること

備考

※node_modulesの更新が必要です

…fund-page # Conflicts: # view/next-project/package-lock.json # view/next-project/package.json # view/next-project/src/generated/hooks.ts # view/next-project/src/generated/model/index.ts # view/next-project/src/generated/model/teacher.ts

壊れたパスを参照してたため

Co-authored-by: Copilot <copilot@github.com>

cloudflare-workers-and-pages · 2026-04-27T12:59:43Z

Deploying finansu with Cloudflare Pages

Latest commit:	`a5a4479`
Status:	✅ Deploy successful!
Preview URL:	https://e54a8c26.finansu.pages.dev
Branch Preview URL:	https://feat-chikuwa-add-fund-page.finansu.pages.dev

View logs

gemini-code-assist

Code Review

This pull request implements the 'Campus Fund' feature, adding components for donation reporting and teacher selection, a new dashboard page, and the react-datepicker dependency. It also updates project configurations, including a Prettier upgrade and VS Code settings. Feedback focuses on removing a debug console.log, correcting invalid Tailwind CSS classes, improving type safety by using generics and avoiding unsafe type casting, and optimizing performance by memoizing floor option calculations.

gemini-code-assist · 2026-04-27T13:00:44Z

+  const [selectedBuilding, setSelectedBuilding] = useState(
+    null as CampusFundBuildingSummary | null,
+  );


useState の型定義にはジェネリクスを使用するのが一般的です。17行目の selectedTeacher も同様に修正を検討してください。

Suggested change

const [selectedBuilding, setSelectedBuilding] = useState(

null as CampusFundBuildingSummary | null,

);

const [selectedBuilding, setSelectedBuilding] = useState<CampusFundBuildingSummary | null>(

null,

);

意図的にこの書き方をしている。
useState<T | null>(null) が保存時の自動整形で useState(null) に崩れるため、回避として null as T | null を使っています。selectedTeacher も同様。

そもそもnull許容されるんだっけ？

募金ページを開いた直後は建物・教員が未選択だからnull許容してる。
あと自動整形で変になっちゃう問題治ってたから提案通りに修正

なるほど！

gemini-code-assist · 2026-04-27T13:00:44Z

+    // TODO APIのレスポンスを修正してyearIdをちゃんと取得できるようにする
+    type YearData = { id: number; year: number; createdAt: string; updatedAt: string };
+
+    const years = yearData.data as unknown as YearData[];


as unknown as による型キャストは避け、スキーマ定義を更新して正しい型を取得できるようにすることを優先してください（組織の一般ルール参照）。

References

APIの型が不一致な場合、型キャストではなくスキーマの更新を優先する。

年度取得API修正時に治す。
TODOとしている

gemini-code-assist · 2026-04-27T13:00:44Z

+    },
+  ];
+
+  const floorOptions = [...new Set(teachers.map((teacher) => teacher.floorNumber))];


floorOptions の計算がレンダリングのたびに行われています。teachers 配列をコンポーネントの外に移動し、floorOptions も定数として定義するか useMemo で最適化することを検討してください。

API繋ぎこみ前のモックデータのためこのままとする

hikahana

先にちゃんとスキーマ作ってから一緒に開発すればよかったなー
繋ぎ込みの時にスキーマ周りの修正必要かも。
コードだけチラ見でレビューです

hikahana · 2026-04-28T05:38:07Z

+    if (!teacher || !formData.receivedAt || !formData.price || !user?.id || !yearId) return;
+
+    try {
+      setErrorMessage('');


[imo]
これ初期化って感じ？
それなら、useStateの宣言時に空を入れてるから不要かも。

エラー→再度登録の際にエラーメッセージが出たままになってしまうため、登録処理開始時に初期化するようにしている

あああああああああああああああああああああ
その動きがあったか

hikahana · 2026-04-28T05:39:46Z

+      setErrorMessage('');
+      setIsSubmitting(true);
+
+      const payload: CreateCampusDonationPayload = {


prettier怒られてるね。
payload特に使ってないし、CreateCampusDonationPayloadだけの呼び出しでもいいのかも？
await CreateCampusDonationPayload
みたいな感じってエラー起きるっけ？

ESLint止めてて見落とし
PayLoad削除
API繋ぎこみのときいいかんじにする

おけまる

hikahana · 2026-04-28T05:40:02Z

+      });
+      handleClose();
+      alert('募金の登録が完了しました！');
+    } catch (error) {


ここもprettierだね。error使ってないし、なくてもいいんでない？

ESLint止めてて見落とし
error使っていないため削除

hikahana · 2026-04-28T05:41:42Z

+
+          <div className='flex items-center gap-3'>
+            <label className='w-20 shrink-0 text-right text-xs font-bold text-gray-600 md:text-sm'>
+              記入担当者


[ask]
ここって名前だったけ？user_idが入るようになったとかじゃなかったけ？
認識違ってたらごめんね

表示用にuser.nameを出してるけど、登録時にAPIに送るのはuserid

あねあね

hikahana · 2026-04-28T05:41:59Z

+              className='w-full border-b border-gray-400 bg-gray-100 text-sm focus:outline-none md:text-base'
+            />
+          </div>
+


ここ一行消しといてーー
インデントである程度わかると思うから下にある改行も消していいかも

対応しました！

hikahana · 2026-04-28T05:48:29Z

+const ReportModal = ({ isOpen, onClose, building, teacher, yearId, onBack }: Props) => {
+  const initialFormData: CampusFundFormData = {
+    receivedAt: new Date(),
+    price: '',


[ask]
priceって数値じゃなくて文字列なのはなんでだろう？

文字列として仮のデータを作っていたことが原因
他のページ参考に数値に修正

hikahana · 2026-04-28T05:51:01Z

+}
+
+const OpenEditModalButton = (props: Props) => {
+  const [showModal, setShowModal] = useState(false);


showModal使ってないね〜
使わない想定なら↓でいいよーー
const [_, setShowModal] = useState(false)

ESLint止めてて見落としてた
このファイル使ってないのに残っていたので削除しました

hikahana · 2026-04-28T05:52:29Z

+            >
+              戻る
+            </button>
+            <PrimaryButton onClick={handleSubmit} disabled={isSubmitDisabled || isSubmitting}>


[ask]
isSubmitDisabledってisSubmittingと同じことしてる感じがしているんだけど分けた理由とかある？
もし同じならisSubmittingだけでもいいかなーって

入力データの不足により送信ボタンを押せない（isSubmitDisabled）と送信中だから送信ボタンを押せない（isSubmitting）で分けてる
あと登録ボタンを「登録する」から「登録中」の表示に変えたり

hikahana · 2026-04-28T06:03:07Z

+// フォーム入力中のstate用
+export interface CampusFundFormData {
+  receivedAt: Date | null;
+  price: string;


これnumberでいいかも？

numberに修正

hikahana · 2026-04-28T06:05:34Z

+  const [selectedBuilding, setSelectedBuilding] = useState(
+    null as CampusFundBuildingSummary | null,
+  );


そもそもnull許容されるんだっけ？

Co-authored-by: Copilot <copilot@github.com>

hikahana

LGTM

KazumaSun and others added 17 commits May 10, 2025 07:35

mysqlの修正

33f0695

募金ページのデザイン実装

dd72db6

formatted by workflow

4ee771e

Merge branch 'develop' into feat/sato/887-add-fund-page

44013f5

[wip]デザイン修正

1ae2f2a

formatted by workflow

4ffb08d

Merge branch 'develop' into feat/Chikuwa/add-fund-page

f9810e3

origin/developを取り込む

de79865

chore: next-project の TypeScript SDK パスを VSCode に設定

e2c66ae

chore: VSCode の TypeScript ワークスペース設定を更新

b4e1eb4

壊れたパスを参照してたため

feat: 学内募金フロントの画面ロジックを実装

e3d66f8

feat: 学内募金ページのUI調整

03ff434

feat: 学内募金ページのレスポンシブ対応を追加

5eae61d

Co-authored-by: Copilot <copilot@github.com>

chore: Prettierを更新

47b1c22

feat: useStateの型定義を修正

3a47c4a

chore: 教員一覧リンクを一時的に無効化　DBスキーマ変更によるエラー対処

9c8230f

Co-authored-by: Copilot <copilot@github.com>

github-actions Bot assigned Chikuwa0141 Apr 27, 2026

formatted by workflow

244c8bd

gemini-code-assist Bot reviewed Apr 27, 2026

View reviewed changes

Chikuwa0141 and others added 3 commits April 27, 2026 22:07

Merge branch 'develop' into feat/Chikuwa/add-fund-page

4ccbe92

formatted by workflow

32ab200

refactor: AIレビュー指摘を反映

bc0d407

hikahana reviewed Apr 28, 2026

View reviewed changes

fix: レビュー指摘を反映

a5a4479

Co-authored-by: Copilot <copilot@github.com>

hikahana approved these changes Apr 30, 2026

View reviewed changes

hikahana merged commit cab0f9f into develop Apr 30, 2026
4 checks passed

hikahana deleted the feat/Chikuwa/add-fund-page branch April 30, 2026 02:09

Conversation

Chikuwa0141 commented Apr 27, 2026

概要

画面スクリーンショット等

テスト項目

備考

Uh oh!

cloudflare-workers-and-pages Bot commented Apr 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying finansu with Cloudflare Pages

Uh oh!

gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

Code Review

Uh oh!

Uh oh!

Uh oh!

gemini-code-assist Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist Bot Apr 27, 2026

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

hikahana left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

cloudflare-workers-and-pages Bot commented Apr 27, 2026 •

edited

Loading