Web to macOS native app

よく利用するサイトを macOS 上でネイティブアプリのように利用する方法の紹介。
kanazawa.rb meetup 68 LT 発表資料。

Transcript

1. 8FCUPNBD04OBUJWFBQQ
   ,BOB[BXBSCNFFUVQ
   
   

   View Slide

2. 18"ͷ࿩͸͠·ͤΜ
   
   

   View Slide

3. Α͘࢖͏8FCαΠτΛ
   NBD04্Ͱ
   ωΠςΟϒΞϓϦԽ͍ͨ͠
   

   View Slide

4. ཧ༝
   w ͢͹΍͘ϑΥʔΧενΣϯδ͍ͨ͠
   w ϒϥ΢βʹΞϓϦεΠονˠλϒΛεΠονͱ͔ͩΔ͍
   w 4QPUMJHIUͱ͔"MGSFEͰ͠Ό͖ͬΓϙϯͱ͏ͭΓ͍ͨ
   

   View Slide

5. ཧ༝
   w ͢͹΍͘ෳ਺ΞΧ΢ϯτΛ੾Γସ͍͑ͨ
   w ʮ࢓ࣄΞΧ΢ϯτ(NBJMBQQʯ

   ͱ

   ʮϓϥΠϕʔτΞΧ΢ϯτ(NBJMBQQʯ

   ͷΑ͏ͳΠϝʔδ
   w ΞϓϦຖʹಠཱͨ͠4FTTJPOΛѻ͑ΔΑ͏ʹ͍ͨ͠
   

   View Slide

6. Ͳ͏͢Δ͔
   

   View Slide

7. TPMVUJPO
   w ϒϥ΢βίϨΫλʔ
   w OBUJWFpFS
   w 'MVJE
   

   View Slide

8. TPMVUJPO
   w ϒϥ΢βίϨΫλʔ
   w OBUJWFpFS
   w 'MVJE
   

   View Slide

9. ϒϥ΢βίϨΫλʔ
   w ੈʹ͋Δ༷ʑͳϒϥ΢βΛͦΕͧΕಛఆαΠτઐ༻ͷ

   ΠϯλʔϑΣΠεͱͯ͠࢖ͬͯ͠·͏
   w 4BGBSJ͸ීஈ࢖͍Ͱ$ISPNF͸(NBJM༻Ͱ'JSFGPY
   ͸'BDFCPPL༻Ͱʜ
   w $ISPNF IUUQTXXXHPPHMFDPKQDISPNF
   
   w 'JSFGPY IUUQTXXXNP[JMMBPSHKBpSFGPY
   
   

   View Slide

10. ѥछϒϥ΢β
    w 0QFSB IUUQTXXXPQFSBDPN
    
    w 7JWBMEJ IUUQTWJWBMEJDPN
    
    w #SBWF IUUQTCSBWFDPN
    
    w 4MFJQOJS IUUQTXXXGFOSJSJODDPNKQTMFJQOJS
    
    w ʜ
    

    View Slide

11. ϒϥ΢βίϨΫλʔ
    ϝϦοτɾσϝϦοτ
    w ϝϦοτ
    w ಛผͳ஌ࣝ͸ෆཁʢΠϯετʔϧ͚ͩʣ
    w σϝϦοτ
    w ଟ͘ͷϦιʔεΛ࢖͏ʢओʹϝϞϦʣ
    w εΠονϯάΩʔϫʔυ͕8FCͱରԠ͠ͳ͍
    

    View Slide

12. TPMVUJPO
    w ϒϥ΢βίϨΫλʔ
    w OBUJWFpFS
    w 'MVJE
    

    View Slide

13. OBUJWFpFS
    IUUQTHJUIVCDPNKJBIBPHOBUJWFpFS
    

    View Slide

14. OBUJWFpFS
    w OPEFϕʔεͷίϚϯυϥΠϯπʔϧ
    w OQNͰΠϯετʔϧͯ͠ར༻͢Δ
    w &MFDUSPO1BDLBHFSΛ࢖ͬͨύοέʔδϯά
    w ͭ·Γ&MFDUSPO $ISPNF
    ϕʔε
    w ࡞੒ͨ͠ύοέʔδ͸OPEF͕ͳ͍؀ڥͰ΋ಈ࡞͢Δ
    

    View Slide

15. OBUJWFpFS
    ϝϦοτɾσϝϦοτ
    w ϝϦοτ
    w $ISPNFϕʔεʢ໰୊͕ى͖ΔαΠτ͕΄΅ͳ͍ʣ
    w γϯϓϧ
    w σϝϦοτ
    w ʢ࡞੒ʹ͸ʣOPEF؀ڥ͕ඞཁ
    w ϝϞϦ΋ͦͦ͜͜࢖͏
    

    View Slide

16. TPMVUJPO
    w ϒϥ΢βίϨΫλʔ
    w OBUJWFpFS
    w 'MVJE
    

    View Slide

17. 'MVJE
    IUUQqVJEBQQDPN
    

    View Slide

18. 'MVJE
    w NBD04༻(6*ΞϓϦ
    w ೥͔ΒͱͦΕͳΓʹྺ࢙ͷ͋ΔϓϩμΫτ
    w 8FCLJUΛ΋͍ͪͨύοέʔδϯάγεςϜ
    w ͭ·Γ4BGBSJϕʔε
    w ࡞੒ͨ͠ύοέʔδ͸'MVJE͕ͳ͍؀ڥͰ΋ಈ࡞͢Δ
    

    View Slide

19. 'MVJE
    ϝϦοτɾσϝϦοτ
    w ϝϦοτ
    w ʢ(6*ͳͷͰʣಛผͳ஌͕ࣝͳͯ͘΋͙͔ͭ͑͢Δ
    w εΫϦϓτγεςϜ౳ʮػೳʯ͕๛෋
    w ൺֱతগͳ͍ϦιʔεͰಈ࡞͢Δ
    w σϝϦοτ
    w ։ൃ଎౓ʢ04Ξοϓσʔτ΁ͷ௥ैʣ͕΍΍஗͍
    w TFTTJPO෼཭ͷػೳ͕༗ྉʢʣ
    

    View Slide

20. ͓͢͢Ί͸ʁ
    

    View Slide

21. ·ͣ͸
    'MVJEແྉ൛
    

    View Slide

22. σϞ
    

    View Slide

23. ิ଍
    w ϒϥ΢βίϨΫλʔํࣜͰ΋ ͪΐͬͱ͕Μ͹Ε͹
    

    ೚ҙͷΩʔϫʔυ HNBJM౳
    ͱ೚ҙͷϒϥ΢βΛඥ෇͚Δ͜ͱ͕Ͱ͖Δ
    w ద౰ͳ໊લ
    TIΛ࡞Ε͹Α͍
    w ಺෦తʹ͸PQFOίϚϯυΛׂΓ౰ͯΔ

    

    w 'MVJE΍OBUJWFpFS͸ʮϓϥάΠϯʯͷ࢓૊Έ͕࢖͑ͳ͍
    w "ECMPDLͰ͖ͳ͍ɺͱ͍ͬͨ఺ͰࠔΔਓ΋͍Δ͔΋
    CJOTI
    PQFOB'JSFGPY
    

    View Slide

24. ·ͱΊ
    w 8FC4JUFΛOBUJWFBQQԽ͢Δํ๏͸͍Ζ͍Ζ͋Δ
    w ͦΕ΋ͦΜͳʹ೉͘͠ͳ͍
    w ੜ࢈ੑ͕ඈ༂తʹ޲্͢ΔՄೳੑΛ൱ఆ͢Δ໌֬ͳ

    ΤϏσϯε͸ଘࡏ͠ͳ͍ͱݴ͑ΔΑ͏ͳؾ഑͕ײ͡औΕΔ
    w ·ͣ͸͓ࢼ͠िؒ
    

    View Slide

25. Thank you
    Tomokazu Kiyohara
    http://github.com/kiyohara
    http://facebook.com/tomokazu.kiyohara
    

    View Slide