GitHub Pages を Web API として使う

Transcript

1. Use GitHub Pages as a Web API GitHub Pages Λ

   Web API ͱͯ͠࢖͏ Kansai Front-end users group 2016.06.11 ϑϩϯτΤϯυͷਓ͕Web APIΛޠΔձ

2. WordPress core contributor Ruby on Rails contributor Wocker developer Bathe

   developer Frasco developer Web & graphic designer Programmer Kite KITERETZ inc. CEO & Funder ! kite.koga " ixkaito # ixkaito WHO AM I?

3. ຊ೔ͷςʔϚ͸ GitHub API Ͱ͸ͳ͘ɺ Jekyll Pages API Λ࢖͍ GitHub Pages

   Ͱ Web API Λ ఏڙ͢Δ͜ͱͰ͋Δɻ

4. Jekyll Pages API ͱ͸ • Jekyll ͷϓϥάΠϯ • Jekyll αΠτ಺ͷ͢΂ͯͷϖʔδɺ౤ߘɺυΩϡϝϯτɺ੩త

   ϑΝΠϧͷσʔλΛجʹ JSON ϑΝΠϧΛੜ੒͢Δ • API ͸ http://example.com/api/v1/pages.json ͷΑ͏ͳURL ͰऔಘՄೳ

5. GitHub Pages ΍ Jekyll Λ࢖͏ ϝϦοτ • GitHub Pages Λ࢖͏͜ͱͰɺΠϯϑϥͷϝϯςφϯε͕ෆཁ

   • Git ʹΑΔιʔε؅ཧ • API ͷΧελϚΠζ͕ࣗ༝ • ελςΟοΫͳϑΝΠϧͷ഑৴ͳͷͰɺηΩϡϦςΟϦεΫ͕௿͍ • ύϒϦοΫϦϙδτϦͰ͔ͭಠࣗυϝΠϯΛ࢖༻͠ͳ͍৔߹͸ແ ྉ • ଞͷαʔϏε΁ͷҠߦ΋༰қ

6. ໰୊఺ GitHub Pages ͸ 
 GitHub Pages dependencies ʹ͋Δ
 ϓϥάΠϯҎ֎͸αϙʔτ͍ͯ͠ͳ͍

   ͦͷ·· gh-pages ϒϥϯνͳͲʹϓογϡͯ͠΋ɺJSON ϑΝ Πϧ͸ੜ੒͞Εͳ͍

7. ղܾํ๏ • ϩʔΧϧͰੜ੒͠ɺखಈͰ gh-pages ϒϥϯνͳͲʹϓογϡ ͢Δ • Travis CI ͳͲͷ֎෦αʔϏεΛ࢖ͬͯࣗಈԽ͢Δ

   • Rakefile ͳͲͰσϓϩΠΛ؆୯ʹ͢Δ

8. खಈσϓϩΠ ϝϦοτ • ֶशίετ͕௿͍ • ͙͢ʹެ։͞ΕΔ σϝϦοτ • ໘౗͍͘͞

9. Travis CI ͳͲʹΑΔσϓϩΠ ϝϦοτ • ௨ৗͷ GitHub Pages/Jekyll ͷӡ༻ͱશ͘ಉ͡ σϝϦοτ

   • Travis CI ͳͲͷֶशίετ͕͔͔Δ • GitHub Pages ʹެ։͞ΕΔ·Ͱ͕͔͔࣌ؒΔ

10. Travis CI ʹΑΔσϓϩΠͷࣄྫ IUUQTHJUIVCDPNDXEJTBTUFSJOGPSNBUJPO

11. Rakefile ͳͲʹΑΔσϓϩΠ ϝϦοτ • ֎෦αʔϏεʹཔΔඞཁ͕ͳ͘ɺσϓϩΠͷखؒ΋͔͔Βͳ͍ • GitHub Pages ʹ͙͢ʹެ։͞ΕΔ •

    Travis CI ͳͲΑΓ͸ֶशίετ͕௿͍ σϝϦοτ • Rakefile Λ࡞Δඞཁ͕͋Δ • `git push` Ҏ֎ʹɺσϓϩΠ༻ͷίϚϯυΛ࣮ߦ͢Δඞཁ͕͋Δ

12. Rakefile ͷϘΠϥʔϓϨʔτ IUUQTHJUIVCDPNJYLBJUPKFLZMMBQJCPJMFSQMBUF

13. ࢖͍ํ 1. Jekyll API Boilerplate ΛϑΥʔΫ 2. ϑΥʔΫͨ͠ϦϙδτϦΛΫϩʔϯ 3. Ϋϩʔϯͨ͠σΟϨΫτϦ಺ͰԼهΛ࣮ߦ


    $ bundle install --path vendor/bundle
 $ bundle exec jekyll serve --baseurl /jekyll-api-boilerplate 4. http://localhost:4000/jekyll-api-boilerplate/api/v1/ pages.json ʹΞΫηε͢Δ͜ͱͰ JSON API Λ֬ೝͰ͖Δ

14. GitHub Pages ʹσϓϩΠ 1. `_config.yml` ಺ͷ `url` Λࣗ͝਎ͷ΋ͷʹมߋ 2. σΟϨΫτϦ಺ͰԼهΛ࣮ߦ


    $ bundle exec rake deploy 3. http://username.github.io/jekyll-api-boilerplate/api/v1/ pages.json ͷΑ͏ͳ URL ʹɺJSON API ͕ެ։͞Ε·͢

15. Thank You!