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

フロントエンドカンファレンス北海道2024
https://fortee.jp/frontend-conf-hokkaido-2024/proposal/4e30939e-b3ff-4984-abcd-182c178c3030
での登壇資料です

Transcript

1. 日本の医療システムの再構築を目指す スタートアップ「カケハシ」の フロントエンド領域でのチャレンジ
2. © KAKEHASHI Inc. Nokogiri(@nkgrnkgr) 西 大樹 株式会社カケハシ AI在庫管理 フロントエンドエンジニア 自己紹介
3. カケハシってどんな会社？🤔
4. 日本の医療体験を、 しなやかに。 カケハシは、調剤薬局DXを入り口に 日本の医療システムの再構築を目指す ヘルステックスタートアップ
5. © KAKEHASHI Inc. 日本スタートアップ大賞は、次世代のロールモデル となるような、インパクトのある新事業を創出した 起業家やスタートアップを表彰し称える制度です。 カケハシのプロダクトはすでに薬局の２０％でご利 用いただいており、医療・福祉分野におけるイノ ベーションの創出や発展に対する寄与を評価いただ きました。 日本スタートアップ大賞厚生労働大臣賞受賞 日本国内でのカケハシに対する評価と期待
6. © KAKEHASHI Inc. フレキシブルな働き方 コロナ前からフルリモート前提で働いています 北海道から沖縄まで社員がいます。（350名程度） リモート前提の非同期・同期コミュニケーション 必要に応じてオフィス（東京）に集まる コロナ後でも出社必須になる予定はありません。
7. © KAKEHASHI Inc. カケハシの５つのプロダクト
8. © KAKEHASHI Inc. 薬局でのプラットフォームを生かし、医薬品産業全体への貢献へ 患者領域の プラットフォーム 医薬品流通の プラットフォーム より良い患者体験の提供 より良い医療サプライチェーンの提供
9. カケハシのフロントエンド開発󰟲
10. © KAKEHASHI Inc. 主要な技術以下の通り カケハシを支える技術 詳細はこちら https://whatweuse.dev/company/kakehashi
11. © KAKEHASHI Inc. 開発事例 AIによるオススメ発注機能の開発 薬剤師は薬のプロフェッショナルです。 患者の症状や不安に対して寄り添うことに時間を費 やすべきであるにもかかわらず、医薬品の在庫管理 に時間が掛かっています。 AI在庫管理では高度な機械学習の需要予測プログラ ムを利用したAIによるオススメの医薬品発注機能を 提供することで薬剤師の負担を軽減しています。 フロントエンドとしては薬剤師の方が発注すべき医 薬品を適切に判断できるよう視認性の高いUIをめざ しつつ、素早く操作をできるように１画面内で様々 な操作ができるようにしています。 開発事例① AIによるオススメの医薬品を発注する画面
12. © KAKEHASHI Inc. AppRouterを利用した開発の効率化 Musubi Insight というプロダクトではNext.jsの AppRouterとRSCを利用しています。 Musubi Insight では類似性の高い画面が多いため Pageをテンプレート化し、ページごとの差分をあら かじめ定義したConfigからslugを使って取り出せる ようにしています。 詳細はこちら Next.jsのApp Routerを利用してフロントエンド開 発を効率化した話 - KAKEHASHI Tech Blog (hatenablog.com) 開発事例②
13. © KAKEHASHI Inc. 技術的負債のリアーキテクチャ リリースしてから数年たつプロダクトでは機能追加 を繰り返した結果負債がたまっていることもある プロダクトの内部品質を高めることで開発速度を落 とさずに競争力を高めることを重要性をエンジニア だけでなくPdMやPOも理解している 左記ダイアログでは、状態同士の依存が複雑になっ ており不具合を出しやすい実装になっていた部分を zustandをつかってリアーキテクチャしている 開発事例③ 医薬品の入庫操作を行うダイアログ
14. © KAKEHASHI Inc. 技術ブログ • B2BサービスにおけるSPAのリロード戦略につ いて考えてみた • 業務システム SPA のフロントエンド技術選定 （2023年版） など カンファレンスでの登壇 • 複雑なビジネスルールに挑む：正確性と効率 性を両立するfp-tsのチーム活用術 @ TSkaigi • スクラムとデッドライン、壊れゆくチームを つなぎとめるもの ＠RSGT Tokyo 2024 など 積極的に技術発信しています！
15. © KAKEHASHI Inc. カケハシの技術に関連する情報を 発信しています。 𝕏 @kakehashi_dev 是⾮フォローしてください！ ご静聴ありがとうございました！！
16. © KAKEHASHI Inc. カケハシの技術に関連する情報を 発信しています。 𝕏 @kakehashi_dev 是⾮フォローしてください！ ご静聴ありがとうございました！！