LINEヤフー Tech Blog

LINEヤフー株式会社のサービスを支える、技術・開発文化を発信しています。

TSKaigi 2025にLINEヤフーのエンジニアが3名登壇します(5/23・5/24)

こんにちは!フロントエンドエンジニアのodanです。

2025年5月23日と5月24日に開催されるTSKaigi 2025にて、LINEヤフー株式会社のエンジニア3名のプロポーザルが採択されました。

本ブログでは、LINEヤフーから登壇する3名のセッションの内容について紹介します。

Day 1 5/23

静的解析で実現したいことから逆算して学ぶTypeScript Compiler

静的解析には、コードベースから情報を抽出したり、自動的に編集を行ったり、多くの活用方法があります。ESTreeに関連したライブラリをベースに静的解析でなにかを実現することと比べて、TypeScript Compilerを活用することの難易度は高いです。これはプラグインの充実度や関連する資料の量などエコシステムとしての広がりの差に原因があると考えられます。

難易度が高いTypeScript Compilerですが、プロジェクトの型情報を活用できるだけでなく、提供されるAPIの型が強力であることや依存関係が少なくなることなど、ツールを作るベースとして採用する複数のメリットがあります。

この発表では、「静的解析で何を実現したいか」を軸にそこから逆算して必要になるTypeScript Compilerの知識を紹介します。TypeScript Compilerを使ってなにかを作るきっかけを提供できることを願っています。

一言コメント

LINEヤフーのプロダクト開発では静的解析を活用してコード改善や生産性向上に取り組んでいます!業務にも活かせる内容なのでお楽しみに!

Day 2 5/24

令和最新版TypeScriptでのnpmパッケージ開発

令和7年になりほとんどのソフトウェアエンジニアはnpmパッケージの開発にTypeScriptを採用する時代になっています。

しかしnpmパッケージの作成は歴史的背景から仕組みが複雑化し、ベストプラクティスも日々変化しています。

この登壇では、tsc/rollup/esbuildなどのバンドラツールの選定基準やESMに関する設定やTypeScriptでの開発体験向上に寄与するIsolated Declarationsなどtscのオプションを中心に令和最新版のnpmパッケージ開発に必要な知識や設定を共有します。

キーワード:

  • tsconfig.json
  • Pure ESM package
  • provenance
  • Isolated Declarations
  • erasableSyntaxOnly

一言コメント

TypeScriptやnpmなどJavaScriptのエコシステムが大好きです!当日色んな方とお話をしたいです!

Project Referencesを活用した実行環境ごとのtsconfig最適化

本セッションでは、実行環境に合わせて tsconfig を最適化する手法を解説します。

1 つの tsconfig ですべてを実装すると、ブラウザ向けコードで Node.js のライブラリを誤って使用したり、サーバー向けコードで window にアクセスしてしまったりしても気付けないといった課題が生じます。さらに、対応ブラウザに合わせて target や lib を古いバージョンに設定すると、サーバー内や開発時のみで動くコードにおいても最新のメソッドが使えず、逆に ESNext を指定すると古いブラウザで動かないメソッドを使ってしまうリスクが発生します。

こうした課題を解消するために、Project References を駆使して複数の tsconfig を使い分け、各環境に最適化する具体的なアプローチを紹介します。

  • 発表時間: 2025年5月24日 16:10 (LT)
  • トラック: アセンドトラック
  • 登壇者: Toshiki Itai / いたっち / 社内横断でフロントエンドの開発サポートやLINEスキマニの開発を担当。イベント主宰もしている。
  • 詳細: https://2025.tskaigi.org/talks/itatchi3_

一言コメント

一緒に環境に応じたtsconfigの使い分けについて考えてみましょう!

終わりに

今年から初の2日間開催となるTSKaigi 2025にて、両日LINEヤフー株式会社のエンジニアが登壇します。

カンファレンスに参加される方はぜひセッションやLTに足をお運びください!またオンライン参加の方もぜひセッションやLTをご視聴ください!