TSKaigi2025 LT登壇資料

TSKaigi2025にて登壇した際に使用したプレゼン資料です．
登壇情報: https://2025.tskaigi.org/talks/inheritans1904

Transcript

1. TSKaigi 学生でもここまで出来る！ ハッカソンで爆速開発して優勝した話 名古屋大学情報学研究科 アイクリスタル株式会社　アルバイト 河村 悠太
2. 2 目次 1 ハッカソンとは 2 初心者ハッカソンにおけるTSのイメージ 3 ハッカソンにおけるTSの魅力
3. ハッカソンとは 3 ハック マラソン 特定のテーマに沿ってアイデアを出し、短期間（2, 3日） で開発するコンテスト
4. JPHACKS 2024 4 Award Dayの雰囲気 [1] 受賞したときの写真 [1] 日本最大級の学生向けハックイベント 今年で開催11周年となる
5. ハッカソン成果物紹介 5 OriCube すべての折り紙をおりたい人が 折れるようになるWebアプリ 機能紹介スライド（発表資料より抜粋）
6. みなさん、TypeScriptにどんな イメージを持っていますか？ 6 独自の型付け コードが読みやすい 予期せぬ動作を回避 できる 秩序あるコードを 書ける
7. サークルで行われたハッカソン内で実施したアンケート 7 Q. Web開発でどの言語を使いましたか？ わざわざ型をつける メリットを生かせなく ない？ 型周りでエラーを吐いて 開発速度が落ちそう .... ハッカソンという極限環境では TypeScriptは忌諱されがちな傾向にある 時間ない のに 型をいちいち考えてられない！
8. では私たちのチームはどうだったのか 8 型定義の活用 JSとの互換性
9. 型定義の活用 ~折り紙モデルの型定義~ 9 折り紙の登録画面 データサーバー コード上で動作保証できない でも，テストを書きたくない 折り紙モデルデータ
10. 型定義の活用 ~折り紙モデルの型定義~ 10 折り紙の登録画面 折り紙のデータ 予期せぬ動作しないかな？ 登録情報があってるか心配 - JSON登録を型安全に！ - 総合的な時間短縮に貢献！ 折り紙モデルデータ
11. JavaScriptとの互換性の高さ 11 three.jsの実装は複雑 時間がない中、これに型をつ けて実装するのは困難 ... - JS → TSの移行で時短を実現 - 動的型付けと互換性がある強みを武器に
12. まとめ 12 わざわざ型をつける メリットを生かせなくない？ 型周りでエラーを吐いて 開発速度が落ちそう .... 実装が安全でない部分の動作保証 デバッグの時間短縮 複雑な実装はJSで作成してから移行 互換性の高さを生かし柔軟に対応
13. 13 初心者も上級者も TypeScriptを活用して ハッカソン（短期開発）に活かそう！
14. 会社紹介 ~アイクリスタル株式会社~ 14 すべてのモノづくりに インフォマティクスの力で プロセス革命を エンジニア募集中！