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
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Tec...
Search
KAKEHASHI
PRO
November 15, 2024
Technology
1
1.3k
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Technology Selection
TSKaigi Kansai 2024
https://kansai.tskaigi.org/
での登壇資料です
KAKEHASHI
PRO
November 15, 2024
Tweet
Share
More Decks by KAKEHASHI
See All by KAKEHASHI
"SaaS is Dead" は本当か!? 生成AI時代の医療 Vertical SaaS のリアル
kakehashi
PRO
3
350
堅牢な認証基盤の実現 TypeScriptで代数的データ型を活用する
kakehashi
PRO
2
300
時間がないなら、つくればいい 〜数十人規模のチームが自律性を発揮するために試しているいくつかのこと〜
kakehashi
PRO
25
7.4k
続・やっぱり余白が大切だった話
kakehashi
PRO
4
610
AIでめっちゃ便利になったけど、結局みんなで学ぶよねっていう話
kakehashi
PRO
2
710
システムとの会話から生まれる先手のDevOps
kakehashi
PRO
2
460
やっぱり余白が大切だった話
kakehashi
PRO
10
3.6k
貧民的プログラミングのすすめ
kakehashi
PRO
2
710
目標と時間軸 〜ベイビーステップでケイパビリティを高めよう〜
kakehashi
PRO
9
2.3k
Other Decks in Technology
See All in Technology
2025-06-26 GitHub CopilotとAI駆動開発:実践と導入のリアル
fl_kawachi
1
240
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
370
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
500
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
240
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
100
ビギナーであり続ける/beginning
ikuodanaka
1
190
AI導入の理想と現実~コストと浸透〜
oprstchn
0
150
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
150
Geminiとv0による高速プロトタイピング
shinya337
0
190
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
nyata
0
330
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
220
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Thoughts on Productivity
jonyablonski
69
4.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
KATA
mclloyd
30
14k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Speed Design
sergeychernyshev
32
1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Transcript
日本の医療体験を、しなやかに。 © KAKEHASHI Inc. 2024-11-16 @TSKaigi Kansai 2024 鳥海 航(@toripeeeeee)
適材適所の技術選定 〜GraphQL・REST API・tRPC〜
© KAKEHASHI Inc. 鳥海 航(@toripeeeeee) 株式会社カケハシ AI在庫管理 フロントエンドエンジニア 自己紹介
日本の医療体験を、 しなやかに。 カケハシは、調剤薬局DXを入り口に 日本の医療システムの再構築を目指す ヘルステックスタートアップ
© KAKEHASHI Inc. カケハシについて 患者領域の プラットフォーム 医薬品流通の プラットフォーム より良い患者体験の提供 より良い医療サプライチェーンの提供
患者領域・医薬品流通の両面から医薬品産業に貢献していきます! 電子薬歴・服薬指導シ ステム おくすり連絡帳 アプリ 薬局データ プラットフォーム 医薬品発注・管理 システム 医薬品2次流通 サービス
© KAKEHASHI Inc. 患者領域の プラットフォーム より良い患者体験の提供 AI在庫管理とPharmarketの技術選定のお話をします! 医薬品流通の プラットフォーム より良い医療サプライチェーンの提供
電子薬歴・服薬指導シ ステム おくすり連絡帳 アプリ 薬局データ プラットフォーム 医薬品発注・管理 システム 医薬品2次流通 サービス カケハシについて
© KAKEHASHI Inc. AI在庫管理とPharmarketのAPI通信の技術 ② AI在庫管理とPharmarket間のやりとり → REST API ①
AI在庫管理のFE・BEのやりとり → GraphQL ③ PharmarketのFE・BEのやりとり → tRPC REST API GraphQL tRPC webアプリ・モバイルアプリ 管理ツール
© KAKEHASHI Inc. AI在庫管理とPharmarketのAPI通信の技術 AI在庫管理でのGraphQL - 複数クライアント - 分かれた専門分野・リリース -
変化が多い → 柔軟に開発を進められる!最高! REST API GraphQL tRPC webアプリ・モバイルアプリ 管理ツール
© KAKEHASHI Inc. REST API GraphQL tRPC webアプリ・モバイルアプリ 管理ツール AI在庫管理とPharmarketのAPI通信の技術
連携部分でのREST API - シンプルな通信 - サービスの状況に合わせやすい → サービス間連携には最適!
© KAKEHASHI Inc. REST API GraphQL tRPC webアプリ・モバイルアプリ 管理ツール AI在庫管理とPharmarketのAPI通信の技術
- 規模が小さい - フロントエンドとバックエンドを 一緒に開発 - 全員TSを触れるメンバー → フロントエンド・バックエンド ともにスピーディに開発できる! PharmarketでのtRPC
© KAKEHASHI Inc. フルTSで型安全なAPIを作成・利用するためのフレームワーク tRPC ってなんぞや? バックエンド フロントエンド
© KAKEHASHI Inc. tRPC ってなんぞや? フルTSで型安全なAPIを作成・利用するためのフレームワーク バックエンド フロントエンド 特徴 -
フルTSで型安全に開発しやすい - バックエンドの変更が即時反映される → フロントエンドとバックエンドを同時に開発していく必要性がある!
© KAKEHASHI Inc. AI在庫管理とPharmarketのAPI通信の技術 - 規模が小さい - フロントエンドとバックエンドを 一緒に開発 -
全員TSを触れるメンバー → フロントエンド・バックエンド ともにスピーディに開発できる! PharmarketでのtRPC REST API GraphQL tRPC webアプリ・モバイルアプリ 管理ツール
© KAKEHASHI Inc. AI在庫管理とPharmarketのAPI通信の技術: なんでバラバラの技術選定してるの? ② AI在庫管理とPharmarket間のやりとり → お互いをシンプルに繋げる →
REST API ① AI在庫管理のFE・BEのやりとり → 社内で一気に立ち上げた → GraphQL ③ PharmarketのFE・BEのやりとり → 元々別チームが少人数で 期限がある中で進めた → tRPC それぞれの状況にうまくフィット REST API GraphQ L tRPC webアプリ・モバイルアプリ 管理ツール
© KAKEHASHI Inc. まとめ ぜひカケハシのブースに来て、皆さんの技術選定を教えてください! AI在庫管理 - FEとBEを別のチームで開発している - 変化が多い中で柔軟にそして型安全に対応できる
→ GraphQLの選定はよかった! Pharmarket - FE、BEを両方とも同じメンバーで開発している - TSの力を生かした安全で素早い開発ができている → tRPCの選定はよかった!
© KAKEHASHI Inc. カケハシの技術に関連する情報を 発信しています! 𝕏 @kakehashi_dev 是非フォローもお願いします! ご清聴ありがとうございました!