github-pages

2017 アジャイル事業部 年始のご挨拶

https://esminc.connpass.com/event/47039/

Transcript

1. (株)永和システムマネジメント
   @mtsmfm
   松島 史秋
   GitHub pages
   

   View Slide

2. 松島 史秋
   GitHub, Twitter
   @mtsmfm
   

   View Slide

3. 今年の抱負
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. GitHub pages
   使ったことある人?
   

   View Slide

8. Emoji provided free by Emoji One
   

   View Slide

9. https://pages.github.com
   

   View Slide

10. GitHub のリポジトリ
    から静的サイトを配信
    

    View Slide

11. https://github.com/esminc/esminc.github.io
    

    View Slide

12. http://agile.esm.co.jp
    

    View Slide

13. esminc/esminc.github.io
    http://esminc.github.io
    GitHub CDN
    HTML
    CSS
    JS
    

    View Slide

14. esminc/esminc.github.io
    http://agile.esm.co.jp
    GitHub CDN
    CNAME
    agile.esm.co.jp
    HTML
    CSS
    JS
    

    View Slide

15. View Slide

16. View Slide

17. http://agile.esm.co.jp/members/developers/colorbox.html
    

    View Slide

18. Heroku review app
    esminc/agile.esm.co.jp
    PR 作成
    esminc/esminc.github.io
    Merge Circle CI で
    build & push
    

    View Slide

19. Pros:
    - 何も管理しなくていい
    - 無料
    

    View Slide

20. Cons:
    - 時限公開が大変
    - カスタムドメインだと
    HTTPS化がめんどう
    

    View Slide

21. カスタムドメインでHTTPSは
    Cloudflare
    使うしかなさそう?
    https://sheharyar.me/blog/free-ssl-for-github
    -pages-with-custom-domains/
    

    View Slide

22. デモ
    https://github.com/mtsmfm/mtsmfm-overlay
    

    View Slide