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

github-pages

 github-pages

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

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

Fumiaki MATSUSHIMA

January 11, 2017
Tweet

More Decks by Fumiaki MATSUSHIMA

Other Decks in Programming

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