Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web to macOS native app

Web to macOS native app

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

Tomokazu Kiyohara

April 21, 2018
Tweet

More Decks by Tomokazu Kiyohara

Other Decks in Technology

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