型がない世界に生まれ落ちて〜TypeScript運用進化の歴史〜

型がない世界に生まれ落ちて〜TypeScript運用進化の歴史〜 2025/05/24 at TSKaigi

2 自己紹介株式会社スペースマーケット VPoE / 採用担当成原聡一朗 Narihara Soichiro
Webpack設定などが得意だったFEエンジニア出身モヒカン歴17年趣味は筋トレ、SF小説読書、オリジナルTシャツ作成 (右の写真はカスタムした57キロのダンベル)

4 マーケットプレイスの紹介掲載スペースは全国40,000件以上！あらゆるスペースを簡単に貸し借りできる国内最大級のスペースシェアプラットフォーム

5 多様なスペースと利用用途の掛け算で拡がる可能性

6 Spacepadの紹介

7 Spacepadの導入事例

8 質問

9 型安全な世界は好きですか？

型安全な世界は好きですか？本日のイベントは「TSKaigi」このイベントに来ているなら「好き」という方が多いと思います。しかし、開発の現場では「好き」という言葉と付随する技術だけでは動きません。開発の現場ではそれ以外の「もう一つの壁」があります。 10

型安全な世界は好きですか？今日のLTでは、弊社スペースマーケットがどうやってその壁を超えてきたか。どうやって「型安全」な世界にたどり着いたか。その5年間の軌跡をお話します。 11

12 5年前と現在の比較

5年前と現在の比較 13 5年前現在言語 JavaScript / Flow TypeScript(一部設定ファイルを除く) UTテスト状況
テスト未整備テストカバレッジ90%前後型付け状況プロダクト側コードでany or ts-ignoreが許容されている lintの制限の元、一部例外を除きany or ts-ignoreは撲滅フロントエンド側の主要リポジトリで状況を比較。しっかりとTS Wayに乗り、プロダクト開発が行えている状況に。またBEでもRuby -> TSリプレース進行中。

14 どうやってこの世界にたどり着いたか？

型警察が出動した👮 15

…ではない 16

型警察が出動した訳ではないもちろん型安全を追求するのは大事。しかし、いくら正しい事柄でも、相手に伝わらなければ意味がない。なので、安易に型警察的な「べき論」で進めず、状況そのものを変えることに。 17

18 状況を変えるために取り組んだこと

① 型安全になった時に訪れる世界の提示と体現 19

① 型安全になった時に訪れる世界の提示と体現人は正しさだけでは動かない。便利そう、自分に得がある。と思うことが大事。なので、TSがフルパワーで使える = 型安全に使える魅力をコードベースで提示。また自身がその世界にフルコミット・体現しないと結局は理想論で終わる。 20
メンバーが自発的に型安全志向になるように提示と体現を行いました。

② 採用&育成によるチーム力向上 21

② 採用&育成によるチーム力向上物事を進める際には「踊る2人目」が重要。幸いタイミングよく前職の同僚がコミットしてくれ、大きく力を貸してくれてる。また専用のカリキュラムを業務外で作成するなど、チーム力向上にもコミット。チームが型安全を受け入れられる土壌を構築した。 22

③ 質問できる環境の構築 23

③ 質問できる環境の構築人が成長するには自分より優れた人間から知見をもらうのが一番。アドバイスを聞くのに心理的障壁がある = 時間がかかる状況だとトータルリードタイムが向上する。結果生産性が下がる... なのでマサカリNG、かつ議論する組織環境構築を行った。 24

25 未来の話 ~ Marketplace-X ~

未来の話 ~ Marketplace-X ~ 現在スペースマーケットマーケットプレイスを「再定義する」 Marketplace-X計画が進行中(通称PJ_MX)。こちらも勿論TypeScriptパワーをフル活用しながら進めている。これも静的型付けによる安全性が理解され、メンバーがコミットする状況があってこそ。そして、経営層もこの移行によるメリットは理解し、推進が進行中。
26

27 まとめ

まとめ：型安全な世界を構築するためのインフラ整備型安全な世界は素晴らしい...！しかし、型安全な世界を運用するためには、組織インフラの整備こそが重要。組織インフラ整備のためにも推進者がメリットをしっかり提示。内的動機付けで推進される環境を構築していくことが求められる。 28

29 最後に宣伝

最後に宣伝スペースマーケットにおけるTS運用をもっと聞きたい！マサカリがなく、かつ議論できる環境ってどんな環境？？こんな疑問がある方、ぜひお話させてくださいー！カジュアル面談ではなく同じエンジニア同士交流を持たせていただきたいです！ 30

最後に宣伝また06/18に現場目線でのTypeScript活用というテーマを主軸にした MeetUpを開催します！ぜひ遊びにきてください！ 31

ご清聴いただきありがとうございました

型がない世界に生まれ落ちて〜TypeScript運用進化の歴史〜

型がない世界に生まれ落ちて〜TypeScript運用進化の歴史〜

Narihara

More Decks by Narihara

Other Decks in Technology

Featured

Transcript