Slide 1

Slide 1 text

社内オペレーション改善のための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.

Slide 2

Slide 2 text

PRESENTATION SLIDES © MOSH Inc. Ryo Adachi MOSH株式会社 技術部 Technical Enablement チーム ● フロントエンド基盤開発 ● 社内オペレーション改善 ● ポッドキャスト配信 @dachi_023

Slide 3

Slide 3 text

問い合わせ数の増加を仕組みで解決する PRESENTATION SLIDES © MOSH Inc.

Slide 4

Slide 4 text

PRESENTATION SLIDES © MOSH Inc. 自社システム外からの 問い合わせ ● LINEやメールからの問い合わせをヘル プデスクに集約 ● 内容の振り分けなどはサポートチーム が手動で行う必要あり ● 手作業が多いオペレーション、日に日に 問い合わせ件数は増えていく 󰞵 󰠁 タグ・カテゴリなど設定済み テキストデータのみ 💦 💦

Slide 5

Slide 5 text

PRESENTATION SLIDES © MOSH Inc. 問い合わせ内容を分類する 中継アプリケーションの実装 ● 問い合わせを事前に分類してヘルプデ スクのチケットとして起票するアプリケー ションを実装 ● 足りない情報を埋め、サポートチームの 分類作業をなくす 󰞵 󰠁 タグ・カテゴリなど設定済み 内容についての ヒアリング ✨ ✨ タグ・カテゴリ など設定済み

Slide 6

Slide 6 text

PRESENTATION SLIDES © MOSH Inc. ● APIのrequest / responseやWebhook の型を定義 ● 今ではCoding AgentにAPIリファレンス などを読ませるだけでサクッとできるよう になった ● Zod objectやテスト用のダミーデータの 作成なども必要に応じて用意 外部サービスとの入出力を 型定義してType Safeに扱う 🗒 APIリファレンス 型定義 バリデーション

Slide 7

Slide 7 text

PRESENTATION SLIDES © MOSH Inc. ● Cloudflare Pages / Workersを使えば 小さなアプリケーションのための環境が すぐに構築 ● Cloudflare x TypeScriptの組み合わせ ならHonoが最適と判断 ● GitHub連携やプレビュー環境があり、 デプロイ周りの設定が簡単 Hono x Cloudflareの構成で 環境構築を手早く完了する Pages / Workers

Slide 8

Slide 8 text

まとめ:開発体験が良すぎる ● TypeScriptで外部連携をType Safeに実装可能 ● Cloudflare Pages / Workersでアプリケーションを 稼働させるための環境を即座に立ち上げ ● Honoをフレームワークに選定したことで Pages / Workers上でもすぐに動かせる状態 PRESENTATION SLIDES © MOSH Inc.