Real World React Native の資料です。 もともと医療に親しくなかったJSエンジニアが医療業界の事業をやっている会社で、React Nativeを用いて治療アプリを開発している話です。
React Nativeで医療機器作ってますReal World React Native in MedTech2017/09/14Copyright CureApp, Inc. All Rights Reserved.
View Slide
L_e_k_oLekoれこCopyright CureApp, Inc. All Rights Reserved.ところ 株式会社CureAppしごと 「CureApp禁煙」という治療アプリ 開発しゅみ プログラミング、散歩、射撃、トレランきになる react-native-web、OpenAPI（v3）、Almin
話すことCopyright CureApp, Inc. All Rights Reserved.もともと医療に親しくなかったJSエンジニアが医療業界 事業をやっている会社でReact Native(RN)を用いて治療アプリを開発している話
● 二人 医師が立ち上げた● 「治療アプリ」を作ってます● ヘルスケアで なく「治療」を行います● エンジニア6人株式会社キュア・アップCopyright CureApp, Inc. All Rights Reserved.
株式会社キュア・アップCopyright CureApp, Inc. All Rights Reserved.ヘルスケア？医療？治療アプリ？
ヘルスケアと医療 違い日本初 取り組み患者さんを治療するために医療 フィールドを選んだCopyright CureApp, Inc. All Rights Reserved.医療 ヘルスケア誰が誰に何を行うか 医師が患者さんに治療を 自分で自分に健康増進を治療効果 エビデンス 厳格に求められる 厳格で ない保険適用 あり なし国による承認 必要（ex. 治験を行う） 不要時間・コスト 大 小
医療機関向けCureApp禁煙ニコチン依存症↓がん、脳梗塞、心筋梗塞 etc医療機関向けNASH App非アルコール性脂肪肝炎↓肝硬変、肝がん、心臓病 etcProductsCopyright CureApp, Inc. All Rights Reserved.
○ 従来 製薬より低コスト・短期間で提供できる治療アプリと従来 製薬Copyright CureApp, Inc. All Rights Reserved.治療アプリ 従来 製薬コスト 15億 およそ1,000~1,500億期間 3~5年 およそ9~10年副作用 少ない 多い
ここまで まとめCopyright CureApp, Inc. All Rights Reserved.● キュア・アップ ヘルスケアで なく医療に取り組む会社○ 国 承認が必要な「治療アプリ」を作っている● 治療アプリに 高いポテンシャルがある○ 従来 製薬より低コスト・短期間提供できる○ 副作用が少ない
Copyright CureApp, Inc. All Rights Reserved.Q. ぶっちゃけRNどう？
A. いい感じだと思いますCopyright CureApp, Inc. All Rights Reserved.
CureApp禁煙 技術（略図）Copyright CureApp, Inc. All Rights Reserved.
● webもネイティブもBFFもJS○ ネイティブ：RN○ webアプリ：React○ BFF：Lambda(Node)● 疾患ごと 専門領域をドメイン化○ 患者さん、医師、医療機関○ 診療、呼気一酸化炭素濃度 etc…すべてJS、ドメイン駆動開発Copyright CureApp, Inc. All Rights Reserved.DomainReact NativeReact MBaaSBFF
患者さんが禁煙日記を記入する→ BFFへHTTP→ BFFがMBaaSにHTTP→ （MBaaS内で永続化）医師が患者さん 日記を閲覧する→ MBaaSにHTTPすべてJS、ドメイン駆動開発Copyright CureApp, Inc. All Rights Reserved.DomainReact NativeReact MBaaSBFF
すべてJS、ドメイン駆動開発 イメージCopyright CureApp, Inc. All Rights Reserved.DomainReact NativeReact MBaaSBFF
● RNでも fetch 使える○ HTTPリクエスト 実質Universal● ドメイン 実質Universal○ インフラ層 = HTTP経由で MBaaS か BFF を叩くすべてJS、ドメイン駆動開発Copyright CureApp, Inc. All Rights Reserved.
すべてJS、ドメイン駆動開発だとどうなるか● すべてJS○ 学習コスト削減、ノウハウ集積、少人数でもスピード感を出す○ 実質Universalを活かす○ ツール類 統一→ 全プロダクトFlowで型チェック etc● ドメイン駆動開発○ アクターやユースケース 異なるが、同じ問題領域を扱う○ 疾患ごと 専門知識、複雑なロジック等をドメイン内部に隠蔽Copyright CureApp, Inc. All Rights Reserved.
RN ここがよかった！• デバッグ環境やツールが整っている• Reactで 概念や知識が活きた• ライブラリ結構揃ってきた• 困った時 環境振り分け（*.ios.js、*.android.js、Platform.select()）• いざとなれ ネイティブモジュール 自作でゴリ押せる• etc ...Copyright CureApp, Inc. All Rights Reserved.
RN ここがつらい、けど対処可能！• まだ0.x系• クラッシュレポート レイヤが低すぎるCopyright CureApp, Inc. All Rights Reserved.
Copyright CureApp, Inc. All Rights Reserved.
• 検討中• ノウハウある方ぜひお話聞かせてください！RN対応 エラートラッキングCopyright CureApp, Inc. All Rights Reserved.
CureApp禁煙 技術概要（再掲）Copyright CureApp, Inc. All Rights Reserved.？
RN with ポータブル呼気一酸化炭素(CO)濃度測定器Copyright CureApp, Inc. All Rights Reserved.• CureApp製• 機器と アプリと 通信 react-native-bleを採用• なぜCO濃度測定？○ 喫煙すると呼気中 CO濃度が高くなる○ 一本でも吸うと変わる○ 濃度が低い＝禁煙継続できている○ 毎日測ると効果的
← 例え こちら• 個人で 所有できない• 病院など 医療機関に通院して測定する• 毎日測る 難しいもちろん既製品もあるが、Copyright CureApp, Inc. All Rights Reserved.
• 10月から治験を開始• 2年後をめどに薬機法上 承認を取得予定○ web系 製品と 異なるスケジュール感○ 時間もコストもかかる• 国に医療機器として承認され、患者さんを治療するために必要CureApp禁煙 これからCopyright CureApp, Inc. All Rights Reserved.
まとめ• 事業を推進する にRN 相性が良かった○ 製品レベルで使えている○ JSで一貫するシナジー○ 各プラットフォーム対応、既存資源 活用• ハード 製作からIoTやった○ 治療に効果的だから作った、RNでBLEいける• 開発した結果が”治療”になる○ アプリなど 各機能、CO測定器 etcCopyright CureApp, Inc. All Rights Reserved.
もともと医療に親しくなかったJSエンジニアが医療業界 事業をやっている会社でReact Native(RN)を用いて治療アプリを開発している話終わりCopyright CureApp, Inc. All Rights Reserved.
leko
kaznishi
line_developers_tw
ryomaru0825
sbtechnight
ad5jp
masashi_sutou
asazutaiga
yoshinagaiwnl
sparty
mapbox_jp
nasa9084
hanhan1978
jensimmons
mongodb
3n
morganepeng
danielanewman
thoeni
sachag
shpigford
cassininazir
kastner
philhawksworth
reverentgeek