Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
Search
dachi023
November 22, 2025
Programming
0
51
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
2025-11-23 TSKaigi Hokuriku 2025 スポンサーLTの発表資料です。
dachi023
November 22, 2025
Tweet
Share
More Decks by dachi023
See All by dachi023
AI時代のリアーキテクチャ戦略 / Re-architecture Strategy in the AI Era
dachi023
0
260
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
430
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
830
リモートワークの導入から3ヶ月 / Connehito marche online 20200311
dachi023
2
3k
急に大量のHTMLが必要になったこと、ありませんか? / BIT VALLEY INSIDE vol8
dachi023
0
8.1k
ママリのweb技術の今と未来 / mamari's front-end present and future
dachi023
2
1.4k
2年運用したサービスのフロントをReactで書き換えたい話
dachi023
5
2.1k
beginner_react_flux
dachi023
1
460
エンジニアがUIデザインをしてみた話
dachi023
1
1.3k
Other Decks in Programming
See All in Programming
関数の挙動書き換える
takatofukui
4
730
ソフトウェア設計の課題・原則・実践技法
masuda220
PRO
20
12k
Vueで学ぶデータ構造入門 リンクリストとキューでリアクティビティを捉える / Vue Data Structures: Linked Lists and Queues for Reactivity
konkarin
1
320
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
xpromx
0
120
Atomics APIを知る / Understanding Atomics API
ssssota
1
150
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
pyama86
2
2.1k
The Missing Link in Angular's Signal Story: Resource API and httpResource
manfredsteyer
PRO
0
140
Phronetic Team with AI - Agile Japan 2025 closing
hiranabe
2
650
TypeScript 5.9で使えるようになった import defer でパフォーマンス最適化を実現する
bicstone
1
180
All(?) About Point Sets
hole
0
200
Promise.tryで実現する新しいエラーハンドリング New error handling with Promise try
bicstone
3
510
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session
izumin5210
4
1.9k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
Embracing the Ebb and Flow
colly
88
4.9k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Designing for Performance
lara
610
69k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
2.9k
4 Signs Your Business is Dying
shpigford
186
22k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
670
Producing Creativity
orderedlist
PRO
348
40k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.1k
Transcript
社内オペレーション改善のためのTypeScript Presentation slides for TSKaigi Hokuriku 2025 PRESENTATION SLIDES [
ver.01 2025.11 ] © MOSH Inc. MOSH develops and operates a platform that supports independent creators in selling their services online.
PRESENTATION SLIDES © MOSH Inc. Ryo Adachi MOSH株式会社 技術部 Technical
Enablement チーム • フロントエンド基盤開発 • 社内オペレーション改善 • ポッドキャスト配信 @dachi_023
問い合わせ数の増加を仕組みで解決する PRESENTATION SLIDES © MOSH Inc.
PRESENTATION SLIDES © MOSH Inc. 自社システム外からの 問い合わせ • LINEやメールからの問い合わせをヘル プデスクに集約
• 内容の振り分けなどはサポートチーム が手動で行う必要あり • 手作業が多いオペレーション、日に日に 問い合わせ件数は増えていく タグ・カテゴリなど設定済み テキストデータのみ 💦 💦
PRESENTATION SLIDES © MOSH Inc. 問い合わせ内容を分類する 中継アプリケーションの実装 • 問い合わせを事前に分類してヘルプデ スクのチケットとして起票するアプリケー
ションを実装 • 足りない情報を埋め、サポートチームの 分類作業をなくす タグ・カテゴリなど設定済み 内容についての ヒアリング ✨ ✨ タグ・カテゴリ など設定済み
PRESENTATION SLIDES © MOSH Inc. • APIのrequest / responseやWebhook の型を定義
• 今ではCoding AgentにAPIリファレンス などを読ませるだけでサクッとできるよう になった • Zod objectやテスト用のダミーデータの 作成なども必要に応じて用意 外部サービスとの入出力を 型定義してType Safeに扱う 🗒 APIリファレンス 型定義 バリデーション
PRESENTATION SLIDES © MOSH Inc. • Cloudflare Pages / Workersを使えば
小さなアプリケーションのための環境が すぐに構築 • Cloudflare x TypeScriptの組み合わせ ならHonoが最適と判断 • GitHub連携やプレビュー環境があり、 デプロイ周りの設定が簡単 Hono x Cloudflareの構成で 環境構築を手早く完了する Pages / Workers
まとめ:開発体験が良すぎる • TypeScriptで外部連携をType Safeに実装可能 • Cloudflare Pages / Workersでアプリケーションを 稼働させるための環境を即座に立ち上げ
• Honoをフレームワークに選定したことで Pages / Workers上でもすぐに動かせる状態 PRESENTATION SLIDES © MOSH Inc.