Yokohama North Meetup #16 恐怖!負債まみれのコードベース 〜構想の突進〜
自己紹介 片岡宏一 横浜在住 職業:主にフロントエンド、時々バックエンド TypeScriptメイン 好きなもの:サウナ(スカイスパ、らくスパベイ)、HYROX、キーボード 資格:基本情報技術者、応用情報技術者 @katakatadev
三菱電機さん最高!!!!! Serendie最高!!!!!!
目次 - なぜか外部パッケージ化されている一部UI 時間がかかり過ぎるパッケージのインストールとHMR 一つのテストもないE2Eテストテンプレート
なぜか外部パッケージ化されている一部UI
時間がかかり過ぎるパッケージのインストールとHMR パッケージマネージャーとしてyarn 1.22.22 ランタイムのnodeバージョンは16.19.0 Create React Appを使用 依存関係のインストールに10分以上 ローカル開発環境の反映に5秒程度
一つのテストもないE2Eテストテンプレート CypressでE2Eテストを導入しようとしていた模 様
約半年で負債返済のプロジェクトが完了! パッケージマネージャーを Bunに移行 → 5秒程度でインストールが完了 Viteの採用 → 数秒で更新が反映される 他にもTanstack Router、Tanstack Query、Zustand、Zod、React Hook Form、 Shadcnなどを採用
学び なぜこうなってしまったのか - 締め切りの短い期間で開発したプロダクトで時間がなかった 仕様、テストもない(アップデートされていない)、当事者は会社去っているので更新 のハードルが高い 構想のみで突っ走るそして結局やらない ドキュメント(インライン、 ADR)を残す、アップデートする 最初の設計をしっかり、長期的な目線でサステナブルなコード 今後の展望はバックエンドの整理
ありがとうございました!