こんにちは！フロントエンドエンジニアとして Pep Up の開発に携わっております、末信です。
5/23、24 で開催された TSKaigi 2025 に参加してきたので、レポートしたいと思います🎉
TSKaigi は去年もオンラインで参加していましたが、今年はせっかく関東に住んでいるということもあり、さらなるモチベーションアップにも繋げたいという気持ちで業務の一環として参加させていただきました。
行ってみた感想
技術カンファレンス自体、初めての現地参加でドキドキしていましたが、本当に参加してよかったです！
特に、
- 技術カンファレンスにまだ現地には行ったことないけど気になっているよという方
- TypeScript を学び始めだけど大丈夫かなと不安な方
もしこのような方がいらっしゃったら、直接現地に行くことで得られるモチベーションの向上や、自分が知らなかった技術についてもしっかり聞くことで知見を広げる絶好の機会になるため、ぜひ来年こそは参加を検討いただけたらと思います！
私自身、知らなかったワードもたくさんありましたが、普段の業務内や自分の力だけでは得られなかったような知識を得ることができ、見える世界が広がりました。
会場の雰囲気
会場は3部屋に分かれており、個人スポンサーの方にはテーブルも用意されていました。人が多くて少し緊張しましたが、一人で参加されている方も多く、また、スタッフさん、ブースを出している会社の方含め親切な方ばかりでその緊張はすぐに吹き飛びました。
ブースもいくつか回ってみましたが、TypeScript の型診断 (any 型でした笑)や好きなライブラリを回答したりなど、趣向を凝らした企画がたくさんあって、見ていて楽しかったです！
また、2階ではハンドドリップコーヒーをもらえるブースもあり、コーヒー好きの私は二日ともちゃっかりいただき、コーヒーを飲みながらセッションを聞いたりしていました。
お弁当やお土産も豪華で、会場にいるだけで気持ちが盛り上がるイベントでした✨
もちろん雰囲気を楽しむだけではなく、メインは TypeScript！ということで、朝から夕方まで飽きることなくセッションを聞いていました。いくつか紹介させていただきます。
セッション
印象に残ったセッションが多すぎて選びきれませんでした…！ 元々興味があった技術や自分が関わっているところを中心にいくつか挙げさせていただきました。
TypeScriptで実践するクリーンアーキテクチャ ― WebからもCLIからも使えるアプリ設計 / CClean Architecture with Typescript Application
クリーンアーキテクチャとは何か、特に、ポリモーフィズムやSOLID原則の依存性逆転の法則について非常にわかりやすく説明されていました。ちょうど本を読んでいたものの理解に時間がかかっていたところだったので大変勉強になりました。 また、後半は実際にクリーンアーキテクチャを TypeScript を使って実践した例を紹介されていました。依存の方向を制御した結果、CLI と web UI という別プラットフォームから共通の UseCase を呼び出すことができるという実践例を示してくださり理解が深まりました。また、クリーンアーキテクチャの実践の際に参考にしやすいものとして言及のあった「オブジェクト設計スタイルガイド」についても読んでみたいと思いました。
Bulletproof Design System with TypeScript
堅牢なデザインシステムとは？というところから始まり、TypeScript を用いてコンポーネントの使用に制約を加え、どのように堅牢なデザインシステムを構築しているかの例を提示されていて、とても参考になりました。 また、後半は「ドキュメントの死 = デザインシステムの死」という表現を用いてドキュメントをメンテナンスし続けることの重要性も語られていました。デザイナーパートとエンジニアパートで分かれてしまいメンテナンスが難しいという点には、LLMの活用例が語られておりなるほどとなりました。ぜひ活用していきたいと感じました！
AI Coding Agent Enablement in TypeScript
AI を使いこなしていくにあたり、AI の「自走してほしい」や「精度が高い」とはつまりどういうことかというところから説明されていて、特に「解空間を絞る」という説明は非常に理解しやすく、頭にスッと入ってきました。 現状は最初から「解空間」の中にある出力を TypeScript の型を指定して出力してもらうことは難しいと話されていましたが、フィードバックとして TypeScript や ESLint を使ってルールを定義し、解空間に押し戻す方法は有効とされていて、ぜひ取り入れていきたいアプローチだと感じました。
TypeScriptとVercel AI SDKで実現するLLMアプリケーション開発：フロントエンドからバックエンド、そしてChrome拡張まで
LLM アプリケーションの開発は行ったことがなかったのですが、TypeScript を使用してこんなにもスマートに作れるんだ、と大変参考になりました。 使用されていた Vercel AI SDK はTypeScript 製で React 向けの hooks が提供されていたり、参考にできる UI が公開されていると教えていただき、ますます使ってみたくなりました。また、そのまま Chrome 拡張も作成されていて、その応用力に驚きました。
機能的凝集の概念を用いて 複数ロール、類似の機能を多く含むシステムの フロントエンドのコンポーネントを適切に分割する
論理的凝集、機能的凝集の話について、フロントエンドのコンポーネントという視点で話が聞けて良かったです！もしかしたら小さい分岐の際に共通化の方を優先させてフラグで出し分けをしてしまっているところもあるかもしれないな〜と、講演を聞いていて改めて気をつけようと思いました。必ずしも論理的凝集を避けよという話ではないとは思いますが、その時だけでなく、今後の機能追加や修正のことにも目を向けて UI、コンポーネント設計をしていきたいと思いました。 後半ではいざコンポーネントを共通化したいと思った時、どういう思考プロセスで判断したら良いかについても語られていて、非常に参考になりました。
TS特化Clineプログラミング
もう当たり前のように使われている AI Agent ですが、プロンプトをうまく書くコツとして、TDD の実践やファイル配置規則の明記など、さまざまなヒントが語られていました。 また、型から推測してもらったり、環境構築など、うまくいかない例も示してくださいました。 普段私は GitHub Copilot を使用して開発していますが、なかなか思う出力が得られない場合もたくさんあるので、すぐに取り入れていきたいと思いました。 AI が得意なところは AI に任せられるようにしていき、本質的なところに集中できるよう使いこなせるようになりたいと思います。
最後に
登壇者の方々、そして参加者の皆さんの TypeScript が好きな気持ちがひしひしと伝わってきて、自分の今後の学びのモチベーションをたくさんいただくことができました。
実際に現地に赴くことで、自分が普段触ったことのない技術についても集中して聞くことができ、知見を広げる機会にもできました。これをきっかけに、他のイベントにも現地参加したいという気持ちが強まりました。
次は懇親会付きで参加したいなという気持ちがありますが、懇親会付きチケットはすぐに売り切れてしまうので、来年こそは参加してみようという方は要チェックだと思います！
TSKaigi の運営の方々、本当に素敵なイベントを開催いただき、ありがとうございました！
