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
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
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
400
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
510
CSC307 Lecture 05
javiergs
PRO
0
500
AIフル活用時代だからこそ学んでおきたい働き方の心得
shinoyu
0
130
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
haochenx
0
140
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
170
高速開発のためのコード整理術
sutetotanuki
1
390
CSC307 Lecture 08
javiergs
PRO
0
670
MDN Web Docs に日本語翻訳でコントリビュート
ohmori_yusuke
0
640
Vibe codingでおすすめの言語と開発手法
uyuki234
0
220
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
masahiro_nishimi
4
310
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
240
Featured
See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
36k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
88
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
730
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
How to make the Groovebox
asonas
2
1.9k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
110
Amusing Abliteration
ianozsvald
0
96
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
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.