---
title: 20260520_YokohamaNorthMeetup
tags: 
author: [Koichi Kataoka](https://www.docswell.com/user/KKoichi276052)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/4JZLXKP3E3.jpg?width=480
description: 20260520_YokohamaNorthMeetup by Koichi Kataoka
published: May 28, 26
canonical: https://www.docswell.com/s/KKoichi276052/5X24GG-2026-05-28-075054
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/4JZLXKP3E3.jpg)

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


# Page. 2

![Page Image](https://bcdn.docswell.com/page/YE6W4QMZEV.jpg)

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


# Page. 3

![Page Image](https://bcdn.docswell.com/page/GE5MQRZ9E4.jpg)

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


# Page. 4

![Page Image](https://bcdn.docswell.com/page/9729PDR5JR.jpg)

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


# Page. 5

![Page Image](https://bcdn.docswell.com/page/DJY452D67M.jpg)

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


# Page. 6

![Page Image](https://bcdn.docswell.com/page/V7NYN8N1E8.jpg)

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


# Page. 7

![Page Image](https://bcdn.docswell.com/page/YJ9PRKRY73.jpg)

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


# Page. 8

![Page Image](https://bcdn.docswell.com/page/GJ8DWRWKJD.jpg)

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


# Page. 9

![Page Image](https://bcdn.docswell.com/page/LJLMNKNPER.jpg)

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


# Page. 10

![Page Image](https://bcdn.docswell.com/page/47MYX2X27W.jpg)

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