テックカンファレンスに行ったらモチベが爆上がりした

:::note
お互いを高めあい、TypeScriptを盛り上げるTSKaigiに参加できてとても貴重でした！
ボランティアスタッフの皆様、LT,セッション登壇者の方、懇親会でお話ししてくださった方、ブースでお話ししてくださった企業の皆様に感謝します🙏
:::

# 1.背景

https://tskaigi.org/

昨日、TSKaigiに参加しましたのでここにイベントレポートを書きます！

https://twitter.com/tskaigi/status/1789250460031094894/photo/1

:::note
TSKaigiは、日本最大級のTypeScriptをテーマとした技術カンファレンスです。
:::

:::note
セッション、LTは私が聴講したもののみの紹介となります🙇‍♂️
:::

こちらに資料のまとめを載せて頂いてくださった方がいらっしゃいます！感謝致します✨

https://zenn.dev/stray/articles/05449d6b423c7f

https://zenn.dev/you_5805/scraps/e379f531c50379

# 2. セッション、LT
## Keynote: What's New in TypeScript
TypeScript Principal Product Managerの[drosenwasser](https://twitter.com/drosenwasser)さんによるセッションでした。

https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/

おそらく以下をお話しされていたと思います！

[Inferred Type Predicates](https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/#inferred-type-predicates)

[Control Flow Narrowing for Constant Indexed Accesses](https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/#control-flow-narrowing-for-constant-indexed-accesses)

[Type Imports in JSDoc](https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/#type-imports-in-jsdoc)

[Regular Expression Syntax Checking](https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/#regular-expression-syntax-checking)

[Isolated Declarations](https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/#isolated-declarations)

## フロントエンドもバックエンドもインフラも… 全てをTypeScriptで統一したらこうなった！

https://speakerdeck.com/kimitashoichi/11-dang-ri-suraido

インフラまでもTypeScriptで統一されていてびっくりしました
以下のPulumiというものを使われているそうです！

https://www.pulumi.com/b/?utm_campaign=Competitive-IaC&utm_term=pulumi&utm_medium=cpc&utm_source=google&hsa_grp=164192522628&hsa_cam=20775470768&hsa_mt=e&hsa_net=adwords&hsa_ver=3&hsa_acc=1926559913&hsa_ad=680872926398&hsa_src=g&hsa_tgt=kwd-1177947170384&hsa_kw=pulumi&gad_source=1&gclid=CjwKCAjwrvyxBhAbEiwAEg_KgnjkrF8PVFQXQtI3VMuGfHiuWadGsFgqA2x91xhZOIihR6j4g5BDIxoCvGcQAvD_BwE

一つの言語で開発するメリット
- 得意領域以外の領域のキャッチアップがしやすい（言語自体の学習の時間が省ける）
- 一つのリポジトリでフロントエンド、バックエンド、インフラのプロジェクトを管理できる、情報が散らばらない

またこちらのセッションをしてくださった[トグルホールデイングス](https://toggle.co.jp/)さんのブースで以下のハンドブックを紹介して頂きました！

https://engineer.toggle.co.jp/

TSとは話がずれますが、自分が作成したプルリク数を把握されているのを聞いて勉強になりました。

## エンジニアの技術的な意思決定を支えるADR - LayerXの活用事例

https://speakerdeck.com/toshi1127/20240511-tskaigi-2024-suponsasetusiyon-layerx-song-ben-jun

ADR, Design Docsの説明をされていました。
これらをチームを横断して共有することでノウハウを蓄積されているそうです。

## toggle holdingsとTSあるいはTSKaigi

pnpmでmonorepoなプロジェクトを作成されていたことが記憶に残っています。
資料見当たらずすみません🙇‍♂️

https://pnpm.io/workspaces

私は業務ではmonorepoではないので新鮮でした！
workspaceについて勉強したいと思います。

https://speakerdeck.com/toshi1127/20240511-tskaigi-2024-suponsasetusiyon-layerx-song-ben-jun

## チームで挑むTypeScriptコードの漸進的改善

ESLintのルールで
- `off`にしているものが本当にそれでいいのかを考える
- 新しくルールを`on`にする
ことをおっしゃられていたのを覚えています。

資料見当たらずすみません🙇‍♂️

## 高まった熱量をぶつけられるコミュニティ活動のススメ

タイミーさんがなんとイベント会場を貸してくださるというありがたいことをおっしゃっていました！

## Real World Type Puzzle and Code Generation

https://speakerdeck.com/yukukotani/real-world-type-puzzle-and-code-generation?slide=2

Prismaの生成するコードを読み解くお話しでした！
Prisma触ったことがないので今度触りたいと思います！

## Prettierの未来を考える
Prettier,babelのメンテナーをされている方のお話でした！

https://zenn.dev/sosukesuzuki/articles/756e04848885bd

Prettierの誕生、Biomeとの比較、今後のPrettierのお話をされていました。
Prettierはフォーマット可能な対象が多い、増やしやすいのがBiomeと比較した際の強みということ、
Prettierはまだパフォーマンスを改善できる余地はあるということを知りました。

OSSに貢献する一歩として「good first isssue」ラベルを手当たり次第探したいなと思いました！

## Documentation testsの恩恵

https://speakerdeck.com/ssssota/documentation-testing-benefits

コメントにテストが書けるのを知らなかったので衝撃でした！

https://www.npmjs.com/package/vite-plugin-doctest

こちらのライブラリを作られているみたいです✨

## TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略

https://speakerdeck.com/yanaemon/typescript-nochou-xiang-gou-wen-mu-woyong-ita-shu-bai-wochao-eru-api-noda-gui-mo-rihuakutaringuzhan-lue

こちらで実際にデモをして下さいました！

https://github.com/yanaemon/nestjs-migration-example

こちらのライブラリも紹介されていました！

https://github.com/ast-grep/ast-grep

抽象構文木はさっぱり分からないのでこれを機に概要を掴んで業務に生かしたいです！

## ハードウェアを動かすTypeScriptの世界

https://speakerdeck.com/9wick/hadoueawodong-kasutypescriptnoshi-jie

「TypeScritpでハードウェアを動かせるんだ！」というので終始びっくりでした。

今度自分で何か動かしたいです！

## TypeScript 関数型スタイルでバックエンド開発のリアル

https://speakerdeck.com/naoya/typescript-guan-shu-xing-sutairudebatukuendokai-fa-noriaru

以下をお聞きしましたが理解が浅いため今度復習します💪

- ドメインレイヤーに関数型プログラミングを用いている
- Result型
- データ構造やフローで表現することでバグが減ったり、またテストコードがいらない箇所があった

# 3. ブース

各企業様で面白いコンテンツがありました！

- ガチャポン
- コンパイルチャレンジ
- ノベルティ
- 実際にプロダクトを体験できる
- 業務で使われているADRの共有
- デバッグ成功したらTシャツプレゼント
等

グッズをたくさんいただきました！！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405182/9b5808cd-5152-c047-b9bb-312b6f6d43f6.png)


事業内容についてもお聞きすることができてとても興味深かったです！

一つブースを紹介します。
こちらは[ビットキー](https://bitkey.co.jp/)さんのブースです

https://twitter.com/pauli_agile/status/1789206455654207514/photo/1

TypeScriptで皆さんが困っていることを見て共感しまくりでした。。

ブースを回ってスタンプを集めると抽選ができました！

あとステッカーも各企業様で配布されていて私は集めるのが楽しかったです！
お陰様であと少しで埋まります✨

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405182/ce72c6b7-0008-1296-e437-1fbbbc26b1b1.png)


# 4. 懇親会

色んな方とお話しできて関係が広がり、有意義な時間を過ごせました！
オフラインの参加人数は300人を超えていたそうです✨

https://twitter.com/tskaigi/status/1789223421974597853/photo/1

原料から全てオリジナルの特注ビールが用意されていました！

# 5. TSKaigi Afterイベントの告知

興味お持ちになりましたら詳細ご確認ください！
私は「TSKaigi 2024 After Talk」を申し込みました！

https://layerx.connpass.com/event/318123/

https://toggle.connpass.com/event/318632/

https://progate.connpass.com/event/318009/

# 6. 最後に
- お互いを高めあい、TypeScriptを盛り上げるTSKaigiに参加できてとても貴重でした！
- ボランティアスタッフの皆様、LT,セッション登壇者の方、懇親会でお話ししてくださった方、ブースでお話ししてくださった企業の皆様に感謝します🙏
- 来年までにまた成長して次は登壇したい、スタッフになりたいと思いました！
- 引き続き精進します！
:::note
TSKaigiは来年も予定されているとのことです🔥
:::

TSKaigiのconnpassのグループはこちらです！！

https://typescript-jpc.connpass.com/