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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
dachi023
November 22, 2025
Programming
2
700
社内オペレーション改善のための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
270
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
440
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
850
リモートワークの導入から3ヶ月 / Connehito marche online 20200311
dachi023
2
3.1k
急に大量のHTMLが必要になったこと、ありませんか? / BIT VALLEY INSIDE vol8
dachi023
0
8.1k
ママリのweb技術の今と未来 / mamari's front-end present and future
dachi023
2
1.5k
2年運用したサービスのフロントをReactで書き換えたい話
dachi023
5
2.1k
beginner_react_flux
dachi023
1
480
エンジニアがUIデザインをしてみた話
dachi023
1
1.3k
Other Decks in Programming
See All in Programming
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
580
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
tinykitten
PRO
0
200
IFSによる形状設計/デモシーンの魅力 @ 慶應大学SFC
gam0022
1
290
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
410
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
wisemuji
0
180
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
140
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
220
Grafana:建立系統全知視角的捷徑
blueswen
0
320
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
2.4k
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
400
TerraformとStrands AgentsでAmazon Bedrock AgentCoreのSSO認証付きエージェントを量産しよう!
neruneruo
4
2.7k
MUSUBIXとは
nahisaho
0
120
Featured
See All Featured
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
SEO for Brand Visibility & Recognition
aleyda
0
4.2k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.4k
For a Future-Friendly Web
brad_frost
182
10k
Discover your Explorer Soul
emna__ayadi
2
1.1k
A Tale of Four Properties
chriscoyier
162
24k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
100
How Software Deployment tools have changed in the past 20 years
geshan
0
32k
Docker and Python
trallard
47
3.7k
Amusing Abliteration
ianozsvald
0
92
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.4k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
400
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.