日本の医療システムの再構築を目指すスタートアップ「カケハシ」のフロントエンド領域でのチャレンジ / Challenges in the frontend domain at “Kakehashi”

by kakehashi

Slide 1

Slide 1 text

日本の医療システムの再構築を目指すスタートアップ「カケハシ」のフロントエンド領域でのチャレンジ

Slide 2

Slide 2 text

Slide 3

Slide 3 text

カケハシってどんな会社？🤔

Slide 4

Slide 4 text

日本の医療体験を、しなやかに。カケハシは、調剤薬局DXを入り口に日本の医療システムの再構築を目指すヘルステックスタートアップ

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

カケハシのフロントエンド開発󰟲

Slide 10

Slide 10 text

Slide 11

Slide 11 text

© KAKEHASHI Inc. 開発事例 AIによるオススメ発注機能の開発薬剤師は薬のプロフェッショナルです。患者の症状や不安に対して寄り添うことに時間を費やすべきであるにもかかわらず、医薬品の在庫管理に時間が掛かっています。 AI在庫管理では高度な機械学習の需要予測プログラムを利用したAIによるオススメの医薬品発注機能を提供することで薬剤師の負担を軽減しています。フロントエンドとしては薬剤師の方が発注すべき医薬品を適切に判断できるよう視認性の高いUIをめざしつつ、素早く操作をできるように１画面内で様々な操作ができるようにしています。開発事例① AIによるオススメの医薬品を発注する画面

Slide 12

Slide 12 text

© KAKEHASHI Inc. AppRouterを利用した開発の効率化 Musubi Insight というプロダクトではNext.jsの AppRouterとRSCを利用しています。 Musubi Insight では類似性の高い画面が多いため Pageをテンプレート化し、ページごとの差分をあらかじめ定義したConfigからslugを使って取り出せるようにしています。詳細はこちら Next.jsのApp Routerを利用してフロントエンド開発を効率化した話 - KAKEHASHI Tech Blog (hatenablog.com) 開発事例②

Slide 13

Slide 13 text

© KAKEHASHI Inc. 技術的負債のリアーキテクチャリリースしてから数年たつプロダクトでは機能追加を繰り返した結果負債がたまっていることもあるプロダクトの内部品質を高めることで開発速度を落とさずに競争力を高めることを重要性をエンジニアだけでなくPdMやPOも理解している左記ダイアログでは、状態同士の依存が複雑になっており不具合を出しやすい実装になっていた部分を zustandをつかってリアーキテクチャしている開発事例③ 医薬品の入庫操作を行うダイアログ

Slide 14

Slide 14 text

© KAKEHASHI Inc. 技術ブログ ● B2BサービスにおけるSPAのリロード戦略について考えてみた ● 業務システム SPA のフロントエンド技術選定（2023年版）などカンファレンスでの登壇 ● 複雑なビジネスルールに挑む：正確性と効率性を両立するfp-tsのチーム活用術 @ TSkaigi ● スクラムとデッドライン、壊れゆくチームをつなぎとめるもの＠RSGT Tokyo 2024 など積極的に技術発信しています！