$30 off During Our Annual Pro Sale. View Details »
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.5k
適材適所の技術選定 〜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
品質のための共通認識
kakehashi
PRO
3
260
なぜ使われないのか?──定量×定性で見極める本当のボトルネック
kakehashi
PRO
1
1.3k
制約下の医療LLM Observability 〜セキュアなデータ活用と専門家による改善サイクルの実現〜
kakehashi
PRO
2
250
KAKEHASHI❤️Hono
kakehashi
PRO
1
350
生成AIが拓く医療DXの進化と壁
kakehashi
PRO
1
280
品質と速度を両立する、私たちのフロントエンドテストの工夫と取り組み
kakehashi
PRO
2
170
爆速でプロダクトをリリースしようと思ったらマイクロフロントエンドを選んでいた
kakehashi
PRO
5
3.1k
生成AI時代に必要な価値ある意思決定を育てる「開発プロセス定義」を用いた中期戦略
kakehashi
PRO
2
2.2k
プロダクトの成長に合わせたアーキテクチャの段階的進化と成長痛、そして、ユニットエコノミクスの最適化
kakehashi
PRO
1
310
Other Decks in Technology
See All in Technology
[デモです] NotebookLM で作ったスライドの例
kongmingstrap
0
140
[JAWS-UG 横浜支部 #91]DevOps Agent vs CloudWatch Investigations -比較と実践-
sh_fk2
2
260
ChatGPTで論⽂は読めるのか
spatial_ai_network
9
28k
30分であなたをOmniのファンにしてみせます~分析画面のクリック操作をそのままコード化できるAI-ReadyなBIツール~
sagara
0
140
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
shift_evolve
PRO
2
380
re:Inventで気になったサービスを10分でいけるところまでお話しします
yama3133
1
120
LLM-Readyなデータ基盤を高速に構築するためのアジャイルデータモデリングの実例
kashira
0
250
Lessons from Migrating to OpenSearch: Shard Design, Log Ingestion, and UI Decisions
sansantech
PRO
1
130
AWS re:Invent 2025で見たGrafana最新機能の紹介
hamadakoji
0
370
生成AIでテスト設計はどこまでできる? 「テスト粒度」を操るテーラリング術
shota_kusaba
0
760
AIと二人三脚で育てた、個人開発アプリグロース術
zozotech
PRO
1
730
学習データって増やせばいいんですか?
ftakahashi
2
330
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
55
9.3k
GitHub's CSS Performance
jonrohan
1032
470k
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.2k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
100
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Designing for humans not robots
tammielis
254
26k
Embracing the Ebb and Flow
colly
88
4.9k
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 是非フォローもお願いします! ご清聴ありがとうございました!