Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Tec...
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
KAKEHASHI
PRO
November 15, 2024
Technology
1.7k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Technology Selection
TSKaigi Kansai 2024
https://kansai.tskaigi.org/
での登壇資料です
KAKEHASHI
PRO
November 15, 2024
More Decks by KAKEHASHI
See All by KAKEHASHI
薬剤師(ドメインエキスパート)と一緒に育てる薬局向けAIアシスタント
kakehashi
PRO
2
170
デザイナーとPdMが自分でデプロイする ― Amplify Hosting の PR プレビューで回す仮説検証
kakehashi
PRO
2
140
人を動かすのは時間ではなく、納得感 〜新任EMが入社3ヶ月、組織を2回変えた話〜
kakehashi
PRO
3
530
クラウド上のデータ復旧で見落としがちな制約: 医療系 SaaS の BCP 設計から得た教訓
kakehashi
PRO
0
5.4k
プロダクトだけじゃない、社内プロセスにおける自動化・省力化ノススメ
kakehashi
PRO
1
5.5k
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
kakehashi
PRO
2
620
Sync と Async ─ useSyncExternalStore を使う者の岐路
kakehashi
PRO
1
820
React Compiler導入の効果と運用の工夫
kakehashi
PRO
3
680
変化の激しい時代をゴキゲンに生き抜くために 〜ストレスマネジメントのススメ〜
kakehashi
PRO
5
2.8k
Other Decks in Technology
See All in Technology
Snowflakeのコスト最適化を支えるアーキテクチャ設計
ktatsuya
1
1.6k
SREは、MCPとAutopilotをこう使え!
kazumax55
2
810
DEFCON_CHV_CTF_Write-up.pdf
bata_24
0
150
山手線を徒歩で一周してわかった、 位置情報アプリは「足」が最強のデバッガー
hinakko
0
160
アクセスキーこわい やめかたと漏らさない工夫
sassssan68
1
240
HHKBエバンジェリストになる方法
941
0
100
Screen Lens - 今見てる画面を翻訳する
komagata
0
300
データ界隈LT祭 第1回LT登壇
taromatsui_cccmkhd
1
1.3k
株式会社シーエーシー エンジニア向け会社紹介資料
cac
0
57k
AI に書かせたその API、 “信頼” できますか?
nagix
0
110
AIエージェントの自己改善をどう設計するか / How to Design Self-Improvement for AI Agents
22mi
23
15k
あるけみー式LTスライド作成術
alchemy1115
1
210
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
5.2k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
How STYLIGHT went responsive
nonsquared
100
6.3k
Building Applications with DynamoDB
mza
96
7.2k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
480
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
610
Skip the Path - Find Your Career Trail
mkilby
1
230
How GitHub (no longer) Works
holman
316
150k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
240
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
67
58k
Everyday Curiosity
cassininazir
0
320
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 是非フォローもお願いします! ご清聴ありがとうございました!