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
680
社内オペレーション改善のための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
840
リモートワークの導入から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.4k
2年運用したサービスのフロントをReactで書き換えたい話
dachi023
5
2.1k
beginner_react_flux
dachi023
1
470
エンジニアがUIデザインをしてみた話
dachi023
1
1.3k
Other Decks in Programming
See All in Programming
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
750
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
170
Denoのセキュリティに関する仕組みの紹介 (toranoana.deno #23)
uki00a
0
230
CSC307 Lecture 02
javiergs
PRO
1
760
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
5.3k
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
nrslib
2
1.3k
AI前提で考えるiOSアプリのモダナイズ設計
yuukiw00w
0
210
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
izumin5210
6
1.6k
Giselleで作るAI QAアシスタント 〜 Pull Requestレビューに継続的QAを
codenote
0
340
ThorVG Viewer In VS Code
nors
0
670
re:Invent 2025 トレンドからみる製品開発への AI Agent 活用
yoskoh
0
630
AI時代を生き抜く 新卒エンジニアの生きる道
coconala_engineer
1
530
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.2k
Designing Powerful Visuals for Engaging Learning
tmiket
0
200
Getting science done with accelerated Python computing platforms
jacobtomlinson
1
96
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
0
280
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
44
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
130
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
36
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
The Pragmatic Product Professional
lauravandoore
37
7.1k
Designing Experiences People Love
moore
143
24k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
280
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
120
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.