Shifter Meetup West #2 これからのShifter 実践マイグレーション！

Serverless Static Site Generator 「Shifter」のデモを含めた、基本的な使い方の紹介
どういうサイトができるのか、事例などの紹介
GitHub ActionsとShifter Github Plugin Installerを使ったハンズオン

Transcript

1. ͜Ε͔ΒͷShifter
   ࣮ફϚΠάϨʔγϣϯʂ
   Shifter Meetup West #2

   2019.09.12
   

   View Slide

2. Steps
   Who am I
   

   View Slide

3. Atsushi Ando

   ͋ΜͲ͏͋ͭ͠
   DTP/web Design
   Engineer
   ArtDirector /Photograph
   twitter : @Next_Season
   github : AtsushiA
   web : next-season.net
   Solutions Architect - Associate
   

   View Slide

4. Recent works
   Keynote
   MODX
   Concrete5
   WordPress
   AWS
   XD
   Photography
   PhotoShop
   Illustrator
   

   View Slide

5. #SVTI6(
   "EPCF9%6(,PCF

   +"846(,PCF
   $.4େࡕՆࡇΓ
   .0%9ͷ೔
   DPODSFUFΤόϯδΣϦετ
   Kobe
   Community

   &etc…
   

   View Slide

6. View Slide

7. Let’s Shifter
   

   View Slide

8. https://next-season.net/cms/wordpress/1965/
   Check
   લճ : ͸͡ΊͯͷShifter ࣮ફϚΠάϨʔγϣϯʂ
   

   View Slide

9. Topics
   1.ϑΥʔϜͷ໰୊
   2.αΠτ಺ݕࡧ
   3.ςʔϚ/ϓϥάΠϯͷΞοϓσʔτ
   https://go.getshifter.io/admin/guides/extensions
   

   View Slide

10. Memo
    ଎͍͠ɺϝϯςָʹͳΔ͠

    ΊͬͪΌ͍͍ʂʂʂ
    Ͱ΋ɺɺɺ
    

    View Slide

11. Memo
    ࠓ·ͰɺެࣜςʔϚͰ͸ͳࣗ͘࡞ͷςʔϚ΍

    ϓϥάΠϯΛܧଓతʹϝϯς͢Δ

    ඞཁ͕͋Δ࣌ɺগ͠໘౗Ͱͨ͠ɻ
    MEMO : શͯެࣜςʔϚɺϓϥάΠϯΛ࢖͍ͬͯΔ

    orॻ͖׵͑Δඞཁͷͳ͍ςʔϚ΍ϓϥάΠϯΛར༻ͷ৔߹͸ͦͷݶΓͰ͸͋Γ·ͤΜɻ
    

    View Slide

12. Let's start hands-on!
    

    View Slide

13. Topic.1 ϑΥʔϜͷ໰୊
    • Contact Form7 + WP Serverless Forms + Basin

    https://support.getshifter.io/en/articles/1590717-using-wp-serverless-forms-
    wordpress-plugin-with-basin
    • Zendesk

    https://support.getshifter.io/en/articles/762153-zendesk-for-wordpress

    • Typeform, WUFOO, Google Forms
    https://support.getshifter.io/en/collections/1394677-contact-forms
    

    View Slide

14. Topic.2 αΠτ಺ݕࡧ
    • WP Serverless Search

    https://support.getshifter.io/en/articles/2456788-wp-serverless-search
    • Google Custom Search

    https://support.getshifter.io/en/articles/762155-integrating-google-custom-search-
    with-wordpress

    • Algolia

    https://support.getshifter.io/en/articles/762156-integrating-algolia-search-with-
    wordpress
    https://support.getshifter.io/en/collections/1394662-wordpress-search
    

    View Slide

15. Topic.3-1 ςʔϚ/ϓϥάΠϯͷߋ৽
    • Shifter Github Plugin/Theme Installer

    ͋ͳͨͷShifterʹ΋ೖͬͯ·͢ʂ
    

    View Slide

16. Topic.3-2
    A. खಈͰϦϙδτϦͷ”releases”ʹλάΛ͚ͭͯzipΛ഑ஔ

    B. GitHub ActionsΛ࢖ͬͯࣗಈͰιʔε͔ΒA)Λ࡞੒

    C. TravisΛ࢖ͬͯࣗಈσϓϩΠ
    

    View Slide

17. Topic.3-3
    1.Shifter Github Plugin Installer͔Β

    GitHub্ͷςʔϚ/ϓϥάΠϯΛΠϯετʔϧ

    2.ςʔϚ/ϓϥάΠϯΛGitHubʹϓογϡ

    3.GitHub Actions͕ඞཁͳzipϑΝΠϧΛ࡞੒

    4.WordPressͷ؅ཧը໘͔ΒΞοϓσʔτ͕Մೳʂ
    

    View Slide

18. Finish!!
    Have a fan Shifter Life!
    

    View Slide

19. Thank youɹ
    : )
    

    View Slide