オンライン通院システム「CLINICS（クリニクス）」の舞台裏

LifeTech - meetup for engineer #01
3/23(水) 19:30 〜 21:30 @ FiNC本社
http://lifetech.connpass.com/event/27536/

■ 話し手
株式会社メドレー 平木 聡

■概要
医療ヘルスケア業界をITの力で変えていくFiNC・エムスリー・メドレーが集まったLTセッションにて、オンライン通院システム「CLINICS」の開発について紹介しました。

■利用画像
https://flic.kr/p/9rotTP
https://flic.kr/p/dwWHw5
https://flic.kr/p/a39Tyi

■ 参考リンク
https://medley.life/
https://job-medley.com/
https://www.kaigonohonne.com/
https://clinics.medley.life/
http://www.medley.jp/special/your-creativity-empowers-us/

Transcript

1. ΦϯϥΠϯ௨ӃγεςϜ
   ʮCLINICSʢΫϦχΫεʣʯͷ෣୆ཪ
   Layzie@Medley, Inc. / LifeTech - meetup for engineer #01
   

   View Slide

2. ࣗݾ঺հ
   

   View Slide

3. ࣗݾ঺հ
   → ฏ໦૱
   → id:Layzie
   → MedleyΤϯδχΞ
   → ೖࣾ4ϲ݄໨ʹಥೖ
   → લ৬͸ौ୩ͷ྘ͷαΠόʔΤʔδΣ
   ϯτͰͨ͠
   

   View Slide

4. GitHub
   https://github.com/Layzie
   

   View Slide

5. Blog
   http://layzie.hatenablog.com/
   

   View Slide

6. CLINICSͱ͸?
   https://clinics.medley.life/
   

   View Slide

7. CLINICSͱ͸?
   → ԕִҩྍͷϓϥοτϑΥʔϜ
   → ϏσΦ௨࿩Λ࢖ͬͨԕִ਍ྍ͕Մೳ
   → ΫϨδοτΧʔυܾࡁͰɺ༧໿͔Β਍
   ྍɺࢧ෷͍·ͰϫϯετοϓͰՄೳ
   

   View Slide

8. ௨ӃͷखؒՋΛແ͍ͨ͘͠!
   

   View Slide

9. CLINICSͷΞʔΩςΫνϟ
   

   View Slide

10. CLINICSͷΞʔΩςΫνϟ
    → ։ൃΤϯδχΞ͸3ਓ
    → ϩʔϯν·Ͱͷ։ൃظؒ͸1ϲ݄
    → লྗԽͰ͖Δͱ͜Ζ͸ɺলྗԽ͢Δ
    

    View Slide

11. CLINICSͷΞʔΩςΫνϟ
    Server
    → Ruby on Rails - 4.2.5.2
    → MongoDB - 3.0.9
    → Heroku
    → Amazon S3
    

    View Slide

12. CLINICSͷΞʔΩςΫνϟ
    Frontend
    → sassc - 1.8.4
    → Mithril.js - 0.2.3
    → browserify - 13.0.0
    → babelify - 7.2.0
    → PureCSS
    

    View Slide

13. ։ൃͰ੒ޭͨ͠఺ɾۤ࿑ͨ͠఺
    

    View Slide

14. ੒ޭͨ͠఺
    → ϝϯόʔ͕׳Ε͍ͯͨͷͰɺHerokuͰ
    ͷσϓϩΠͳͲ͕εϜʔζʹ͍ͬͨ
    → ςʔϒϧઃܭ͕ॊೈͳMongoDBΛ࢖ͬ
    ͨͷ͸ྑ͔ͬͨ
    → ϢʔβʔͷརศੑΛߟ͑ͯSPAʹͨ͠఺
    

    View Slide

15. ੒ޭͨ͠఺
    → Mithril.jsΛ࢖͕ͬͨɺബ͍͚Ͳϑϧελ
    οΫͩͬͨͷͰ࢖͍উख͕ྑ͔ͬͨ
    → ES2015͸ɺίʔσΟϯάϧʔϧΛܾΊ
    ͳͯ͘΋౷੍͕औΕΔίʔυʹͳͬͨ
    → CSS͸RailsͷSprocketsͦͷ··࢖ͬͨ
    ͷͰ೰·ͣʹࡁΉ
    

    View Slide

16. ۤ࿑ͨ͠఺
    

    View Slide

17. ۤ࿑ͨ͠఺
    → ࢓༷ͷݕ౼͸ڈ೥ͷՆ͔Β࢝·ͬͨ
    ͕ɺ։ൃ͸࣮࣭1ϲ݄ऑ
    → ๏཯తղऍɺ݈߁อݥͷ࢓૊ΈɺΫϦ
    χοΫͷΦϖϨʔγϣϯͳͲͷݕ౼
    → Mithril.jsͷϕετϓϥΫςΟεΛݟ෇͚
    Δ·Ͱ͸݁ߏ໎૸ͨ͠
    

    View Slide

18. ۤ࿑ͨ͠఺
    → ES2015ͱMithril.jsͷ૊Έ߹Θ͕ͤॳظ
    ͷ͜Ζ͸݁ߏେมͩͬͨ
    → ݩʑϑϩϯτΤϯδχΞͩͬͨͷͰɺ
    Rails΋ۤ࿑ͯ͠Δ͠ɺ͞ΒʹSPAͱ
    MongoDBͱ͍͏ҰൠͷRailsΞϓϦͱҧ
    ͏ͱ͜Ζ΋ۤ࿑ͯ͠Δ
    

    View Slide

19. ·ͱΊ
    

    View Slide

20. ·ͱΊ
    → ϓϩμΫτͷੑ֨͸݁ߏ߈Ί͍ͯΔͱ
    ࢥ͏͕ɺத਎͸ൺֱతΦʔιυοΫε
    ʹͳ͍ͬͯΔ
    → ΞʔΩςΫνϟࣗମ͸αʔόʔɾΠϯ
    ϑϥ͕ൺֱత҆ఆ͍ͯ͠Δ΋ͷ + ϑϩ
    ϯτ͸ͦͦ͜͜৽نੑͷ͋Δ΋ͷͰό
    ϥϯε͕औΕ͍ͯΔͷͰ͸?
    

    View Slide

21. ·ͱΊ
    → ӡ༻ɾվળϑΣʔζ͕ͩେ࿮͸େ͖ͳ
    ໰୊ͳ͠
    → ࠓͷͱ͜Ζޙչͯ͠·ͤΜ!
    

    View Slide

22. Thank you!!
    

    View Slide