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
960
適材適所の技術選定 〜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
人はなぜISUCONに夢中になるのか
kakehashi
PRO
6
1.6k
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
530
アジャイルチームが変化し続けるための組織文化とマネジメント・アプローチ / Agile management that enables ever-changing teams
kakehashi
PRO
3
4.2k
チームが毎日小さな変化と適応を続けたら1年間でスケール可能なアジャイルチームができた話 / Building a Scalable Agile Team
kakehashi
PRO
3
370
知らない景色を見に行こう チャンスを掴んだら道が開けたマネジメントの旅 / Into the unknown~My management journey~
kakehashi
PRO
11
1.9k
KAKEHASHI Company Deck / Company Deck
kakehashi
PRO
4
1.7k
アジャイルチームがらしさを発揮するための目標づくり / Making the goal and enabling the team
kakehashi
PRO
4
970
誰も全体を知らない ~ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
PRO
2
340
スプリントゴールにチームの状態も設定する背景とその効果 / Team state in sprint goals why and impact
kakehashi
PRO
2
250
Other Decks in Technology
See All in Technology
OpenID BizDay#17 KYC WG活動報告(法人) / 20250219-BizDay17-KYC-legalidentity
oidfj
0
240
Data-centric AI入門第6章:Data-centric AIの実践例
x_ttyszk
1
400
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
360
分解して理解する Aspire
nenonaninu
1
110
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
1.1k
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
260
Nekko Cloud、 これまでとこれから ~学生サークルが作る、 小さなクラウド
logica0419
2
960
AndroidデバイスにFTPサーバを建立する
e10dokup
0
250
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
580
速くて安いWebサイトを作る
nishiharatsubasa
10
12k
レビューを増やしつつ 高評価維持するテクニック
tsuzuki817
1
710
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1368
200k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Docker and Python
trallard
44
3.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
BBQ
matthewcrist
87
9.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
9
440
For a Future-Friendly Web
brad_frost
176
9.5k
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 GraphQL tRPC webアプリ・モバイルアプリ 管理ツール
© KAKEHASHI Inc. まとめ ぜひカケハシのブースに来て、皆さんの技術選定を教えてください! AI在庫管理 - FEとBEを別のチームで開発している - 変化が多い中で柔軟にそして型安全に対応できる
→ GraphQLの選定はよかった! Pharmarket - FE、BEを両方とも同じメンバーで開発している - TSの力を生かした安全で素早い開発ができている → tRPCの選定はよかった!
© KAKEHASHI Inc. カケハシの技術に関連する情報を 発信しています! 𝕏 @kakehashi_dev 是⾮フォローもお願いします! ご清聴ありがとうございました!