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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
Sync と Async ─ useSyncExternalStore を使う者の岐路
kakehashi
PRO
1
500
React Compiler導入の効果と運用の工夫
kakehashi
PRO
3
430
変化の激しい時代をゴキゲンに生き抜くために 〜ストレスマネジメントのススメ〜
kakehashi
PRO
5
2.5k
「SaaSの次の時代」に重要性を増すステークホルダーマネジメントの要諦 ~解像度を圧倒的に高めPdMの価値を最大化させる方法~
kakehashi
PRO
3
4.9k
プロダクトを育てるように生成AIによる開発プロセスを育てよう
kakehashi
PRO
2
2k
チームのモメンタムに投資せよ! 不確実性と共存しながら勢いを生み出す3つの実践
kakehashi
PRO
1
380
FAXが現役の業界でマルチモーダルAIプロダクトを作る
kakehashi
PRO
1
310
EMからVPoEを経てCTOへ:マネジメントキャリアパスにおける葛藤と成長
kakehashi
PRO
9
3.7k
器用貧乏が強みになるまで ~「なんでもやる」が導いたエンジニアとしての現在地~
kakehashi
PRO
7
6.4k
Other Decks in Technology
See All in Technology
AIAU_UMEMOGU_ninomiya_slide
ninomiya_ii
0
240
アジャイルな経理と Claude Code と経営の未来
kawaguti
PRO
3
160
白金鉱業Meetup_Vol.24_「AIエージェントは分けるほど良い」は本当か? / Is it true that “the more you divide AI agents, the better”?
brainpadpr
1
410
OTel × Datadog で 「AI活用」を計測し、改善に繋げる
shihochan
1
420
データサイエンスを価値につなげるプロジェクト設計 〜 DS一年目が現場で得た気づき 〜
ysd113
1
280
気づかぬうちにセキュリティ負債を生むAPIキー運用
sgwrmctk
0
180
ザ・データベース、MySQL ~ OSC 2026 Sendai ~
sakaik
0
140
コミュニティの有益性 ~JAWS Days 2026 での体験を通して~ / The Benefits of a Community ~Through My Experience at JAWS Days 2026~
seike460
PRO
0
180
2026 TECHFRESH 畢業分享會 - 開發日常大解密!從領域驅動到企業級上線
line_developers_tw
PRO
0
1.3k
【2026年版】 ベクトル検索とEmbedding最前線
mocobeta
16
4.3k
ACE-Step-1.5で見る 音楽生成AIのしくみと“破綻だけ直す”Retake機能の開発【zennfes spring 2026 登壇資料】
personabb
1
540
マルチアカウント環境での コーディングエージェントを使った障害調査が大変なので AIエージェントにReadOnly権限を付与してみた / ReadOnly AI Agents for Multi-Account AWS Incident Response
yamaguchitk333
2
110
Featured
See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
360
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Navigating Team Friction
lara
192
16k
Building the Perfect Custom Keyboard
takai
2
800
Marketing to machines
jonoalderson
1
5.5k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Fireside Chat
paigeccino
42
4k
Building an army of robots
kneath
306
46k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
230
The Spectacular Lies of Maps
axbom
PRO
1
820
Docker and Python
trallard
47
3.9k
Producing Creativity
orderedlist
PRO
348
40k
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 是非フォローもお願いします! ご清聴ありがとうございました!