20260520_YokohamaNorthMeetup

>100 Views

May 28, 26

スライド概要

Docswellを使いましょう

(ダウンロード不可)

関連スライド

各ページのテキスト
1.

Yokohama North Meetup #16 恐怖!負債まみれのコードベース 〜構想の突進〜

2.

自己紹介 片岡宏一 横浜在住 職業:主にフロントエンド、時々バックエンド TypeScriptメイン 好きなもの:サウナ(スカイスパ、らくスパベイ)、HYROX、キーボード 資格:基本情報技術者、応用情報技術者 @katakatadev

3.

三菱電機さん最高!!!!! Serendie最高!!!!!!

4.

目次 - なぜか外部パッケージ化されている一部UI 時間がかかり過ぎるパッケージのインストールとHMR 一つのテストもないE2Eテストテンプレート

5.

なぜか外部パッケージ化されている一部UI

6.

時間がかかり過ぎるパッケージのインストールとHMR パッケージマネージャーとしてyarn 1.22.22 ランタイムのnodeバージョンは16.19.0 Create React Appを使用 依存関係のインストールに10分以上 ローカル開発環境の反映に5秒程度

7.

一つのテストもないE2Eテストテンプレート CypressでE2Eテストを導入しようとしていた模 様

8.

約半年で負債返済のプロジェクトが完了! パッケージマネージャーを Bunに移行 → 5秒程度でインストールが完了 Viteの採用 → 数秒で更新が反映される 他にもTanstack Router、Tanstack Query、Zustand、Zod、React Hook Form、 Shadcnなどを採用

9.

学び なぜこうなってしまったのか - 締め切りの短い期間で開発したプロダクトで時間がなかった 仕様、テストもない(アップデートされていない)、当事者は会社去っているので更新 のハードルが高い 構想のみで突っ走るそして結局やらない ドキュメント(インライン、 ADR)を残す、アップデートする 最初の設計をしっかり、長期的な目線でサステナブルなコード 今後の展望はバックエンドの整理

10.

ありがとうございました!