これで完璧! Shfterの提案からサイトリリースまで / Shifter Propose Tips

[9/8開催] Shifter オンラインミートアップ！ Shifterを提案する時のベストプラクティスを聞いてみよう!!
で発表したスライドです

https://eventregist.com/e/talk-about-best-practice

Transcript

1. 
   ヘプタゴン ⽴花 拓也
   #JP_GetShifter
   これで完璧！
   
   
   Shfterの提案からサイトリリースまで
   Shifter オンラインミートアップ
   

   View Slide

2. 
   ࣗݾ঺հ
   ཱՖ ୓໵ (36)
   
   
   @biatunky
   
   
   ੨৿ग़਎ઋ୆ܦ༝੨৿ݝࡏॅ݁ߏઋ୆
   
   
   ϔϓλΰϯ୅දऔక໾
   
   
   ೋࣇͷ෕
   
   
   झຯɿαοΧʔ؍ઓɺShifter Shooting
   
   
   ϔϓλΰϯ͸
   
   
   ϕΨϧλઋ୆ / ϰΝϯϥʔϨീށ / γϯτʹτϩΠσϯVV
   
   
   ΛԠԉ͍ͯ͠·͢ɻ
   

   View Slide

3. 
   ໊ࣾ גࣜձࣾϔϓλΰϯ IFQUBHPOJOD
   
   ཧ೦
   إΛ஌Βͳ͍ສਓͷ޾ͤΑΓ΋
   ࣗ෼ͨͪͷ਎ۙͳਓΛςΫϊϩδʔͰ޾ͤʹ
   ୅ද ཱՖ୓໵
   ڌ఺ ੨৿ݝࡾ୔ࢢɺٶ৓ݝઋ୆ࢢ
   ૑ۀ ೥݄̓
   ࣄۀ
   Ϋϥ΢υಋೖʹؔ͢ΔίϯαϧςΟϯά
   Ϋϥ΢υͷߏஙอकӡ༻
   Ϋϥ΢υωΠςΟϒͳ։ൃ
   8PSE1SFTTͷΠϯετʔϧը໘Λग़͢͜ͱ
   ձࣾ֓ཁ
   

   View Slide

4. 
   Shifter Premiere Partner
   

   View Slide

5. 
   Shifter StaticͷఏҊʙαΠτϦϦʔε·Ͱͷ͓࿩
   

   View Slide

6. 
   ฐࣾͷShifterΛ࢖ͬͨϓϩδΣΫτͰͷཱͪҐஔ
   

   View Slide

7. 
   ੍࡞΍͍ͬͯ·ͤΜ
   

   View Slide

8. 
   ੍࡞ձࣾ͞Μ
   ΤϯυϢʔβʔ͞Μ
   

   View Slide

9. 
   ੍࡞ձࣾ͞Μ ΤϯυϢʔβʔ͞Μ
   

   View Slide

10. 
    ੍࡞ձࣾ͞Μ
    ΤϯυϢʔβʔ͞Μ
    ΤϯυϢʔβʔ͞Μ
    ੍࡞ձࣾ͞Μ
    Shifterͷઃఆ
    
    
    αΠτ੾Γସ͑
    
    
    Shifterͷαϙʔτ
    

    View Slide

11. 
    Ӧۀ΋΍͍ͬͯ·ͤΜ
    

    View Slide

12. 
    طଘͷ͓٬͞Μ͕ShifterΛݟ͚ͭΔ
    
    
    ↓
    
    
    ύʔτφʔαΠτͰฐࣾΛݟ͚ͭΔ
    
    
    ↓
    
    
    ໰͍߹Θ͕ͤདྷΔ
    

    View Slide

13. 
    ະऔҾͷ͓٬͞Μ͕ShifterΛݟ͚ͭΔ
    
    
    ↓
    
    
    ύʔτφʔαΠτ͔ΒฐࣾΛબΜͰ͍ͨͩ͘
    
    
    ↓
    
    
    ໰͍߹Θ͕ͤདྷΔ
    

    View Slide

14. 
    - ShifterΛ͋Β͔͡Ί஌͍ͬͯΔਓ΁ͷఏҊ
    
    
    - ܾࡁऀ/Ϛωʔδϟʔ/։ൃऀ΁ͷఏҊ
    ࠓճͷείʔϓ͸
    ʹͳΓ·͢
    

    View Slide

15. 
    Why Shifter?
    - WordPressΛ͢Ͱʹ࢖͍ͬͯΔ/࢖͍׳Ε͍ͯΔ
    
    
    - ηΩϡϦςΟʹ՝୊Λ͍࣋ͬͯΔ
    

    View Slide

16. 
    WordPress ੩తԽ
    
    
    WordPress Ξοϓσʔτ ࣗಈ
    
    
    WordPress ηΩϡϦςΟ
    

    View Slide

17. 
    

    View Slide

18. 
    

    View Slide

19. 
    ΈΜͳେ޷͖WordPressͰ
    
    
    ؆୯ʹ੩తԽͰ͖ͯ
    
    
    ࣗಈͰΞοϓσʔτͯ͘͠Εͯ
    
    
    ηΩϡϦςΟରࡦ΋͞Εͯͯ
    
    
    ͜Ε࠷ߴ͡ΌΜʂ
    

    View Slide

20. 
    ͱ͍͏ײ͡Ͱظ଴஋MAXͰฐࣾʹ໰͍߹Θ͕ͤདྷΔ
    

    View Slide

21. 
    ͱΓ͋͑ͣ
    
    
    མͪண͚
    

    View Slide

22. 
    ·ͣ͸Shifter͕ຊ౰ʹద੾͔Ͳ͏͔Λ
    
    
    ώΞϦϯά/આ໌/͢Γ߹Θͤͯ͠
    
    
    ظ଴஋Λదਖ਼ʹ͢Δ
    

    View Slide

23. 
    Πϝʔδ͠΍͍͢Α͏ʹσϞΛݟͤͭͭ
    
    
    ৔߹ʹΑͬͯ͸ShifterͰ͸ͳ͘AMIMOTOΛఏҊ͢Δ͜ͱ΋
    AMIMOTO΋͍͍ͧʂ
    

    View Slide

24. 
    ϓϩδΣΫτΛਐΊΔ্Ͱͷ஫ҙ఺Λઆ໌
    

    View Slide

25. 
    ੍࡞ձࣾ͞Μ
    ΤϯυϢʔβʔ͞Μ
    ΤϯυϢʔβʔ͞Μ
    ੍࡞ձࣾ͞Μ
    ࣗ෼͚ͨͪͩͰ׬݁Ͱ͖ΔͳΒͲ͏ͱͰ΋ͳΔ͚Ͳ…
    

    View Slide

26. 
    ̍ Ғ͍ਓ޲͚ͷઆ໌
    
    
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    ̏ ੾Γସ͑࣌ͷઆ໌
    

    View Slide

27. 
    ̍ Ғ͍ਓ޲͚ͷઆ໌
    

    View Slide

28. 
    ̍ Ғ͍ਓ޲͚ͷઆ໌
    
    
    Χʔυࢧ෷͍ͩΑ
    
    
    υϧݐͯͩΑ
    
    
    ೥෷͍/݄෷͍ʁ
    
    
    ܖ໿ऀ͸Ͳ͏͢Δͷʁ
    
    
    ηΩϡϦςΟنఆͱͷઓ͍
    

    View Slide

29. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    

    View Slide

30. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    ίϯςϯπʹ͸PHP࢖͑ͳ͍Α
    

    View Slide

31. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    PHP࢖͑ͳ͍Α
    

    View Slide

32. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    PHP࢖͑ͳ͍Α
    

    View Slide

33. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    PHP࢖͑ͳ͍Α
    

    View Slide

34. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    ࢖͑ͳ͍ϓϥάΠϯ΋͋ΔΑ
    

    View Slide

35. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    ͋ͱhtaccess΋࢖͑ͳ͍Α
    

    View Slide

36. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    ΋͏Ұ౓ݴ͏͚Ͳ
    PHP࢖͑ͳ͍Α
    

    View Slide

37. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌ɹطଘαΠτ͔ΒͷҠઃฤ
    
    
    طଘαΠτͷ
    
    
    https://example.com/lp.html
    
    
    ΍
    
    
    https://expample.com/toiawase.php
    
    
    ΋ҰॹʹҠ͍ͨ͠!!
    

    View Slide

38. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌ɹطଘαΠτ͔ΒͷҠઃฤ
    
    
    WordPress؅ཧ֎ͷϑΝΠϧ͸ஔ͚ͳ͍Α
    

    View Slide

39. 
    ̎ ੍࡞νʔϜ΁ͷઆ໌ɹطଘαΠτ͔ΒͷҠઃฤ
    
    
    ͡Ό͋ͤΊͯϦμΠϨΫτ͍ͨ͠ʁ
    

    View Slide

40. 
    htaccess΋࢖͑ͳ͍Α
    ̎ ੍࡞νʔϜ΁ͷઆ໌ɹطଘαΠτ͔ΒͷҠઃฤ
    
    
    

    View Slide

41. 
    https://support.getshifter.io/en/articles/2106782-wordpress-redirects-on-shifter-using-the-redirection-plugin
    

    View Slide

42. 
    https://support.getshifter.io/en/articles/2106782-wordpress-redirects-on-shifter-using-the-redirection-plugin
    

    View Slide

43. 
    طଘαʔόͷSSLΛҠ͍ͨ͠ʂ
    ̎ ੍࡞νʔϜ΁ͷઆ໌ɹطଘαΠτ͔ΒͷҠઃฤ
    
    
    

    View Slide

44. 
    ShifterͰ͸AWSͷSSLΛ࢖͏ܗʹͳΓ·͢
    ̎ ੍࡞νʔϜ΁ͷઆ໌ɹطଘαΠτ͔ΒͷҠઃฤ
    
    
    

    View Slide

45. 
    ̏ ੾Γସ͑࣌ͷઆ໌
    

    View Slide

46. 
    چαʔό͔ΒShifter΁ͷ੾Γସ͑
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

47. 
    Shifter΁ͷ੾Γସ͑
    
    
    DNS΁ೝূ༻Ϩίʔυઃఆ
    
    
    ↓
    
    
    υϝΠϯΛαΠτ΁Ξλον
    
    
    ↓
    
    
    δΣωϨʔτ
    
    
    ↓
    
    
    DNSͷ੾Γସ͑
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

48. 
    Shifter΁ͷ੾Γସ͑
    
    
    DNS΁ೝূ༻Ϩίʔυઃఆ
    
    
    ↓
    
    
    υϝΠϯΛαΠτ΁Ξλον
    
    
    ↓
    
    
    δΣωϨʔτ
    
    
    ↓
    
    
    DNSͷ੾Γସ͑
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

49. 
    DNS໰୊
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

50. 
    DNS໰୊
    
    
    - DNSͷมߋͷϑϩʔΛ֬ೝ
    
    
    - TTLΛ୹͓ͯ͘͘͠
    
    
    - ApexυϝΠϯ΁ͷରԠ
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

51. 
    DNS໰୊
    
    
    - DNSͷมߋͷϑϩʔΛ֬ೝ
    
    
    - TTLΛ୹͓ͯ͘͘͠
    
    
    - ApexυϝΠϯ΁ͷରԠ
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

52. 
    ApexυϝΠϯ΁ͷରԠ
    
    
    ShifterͰ͸CloudFrontΛ࢖͍ͬͯΔͷͰɺ
    
    
    DNSϨίʔυʹ͸CNAMEͰࢦఆΛߦ͏ɻ
    
    
    ApexυϝΠϯ(αϒυϝΠϯͷͳ͍υϝΠϯ)͸
    
    
    CNAMEʹରԠͰ͖ͳ͍DNSαʔό(αʔϏε)͕͋Δ
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

53. 
    ApexυϝΠϯͰ΋
    
    
    CNAMEΛ࢖͑ΔDNSαʔϏεʹ͋Β͔͡Ί
    
    
    DNSΛҠͯ͠΋Β͏ඞཁ͕͋Δ
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

54. 
    ShifterؒͷҠઃͷ৔߹
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

55. 
    ShifterؒͷҠઃͷ৔߹
    
    
    CloudFrontͷ࢓্༷
    
    
    ෳ਺ͷαΠτʹಉ͡υϝΠϯΛ
    
    
    ׂΓ౰ͯΔ͜ͱ͕Ͱ͖ͳ͍
    
    
    ʢΞΧ΢ϯτΛލ͙৔߹Ͱ΋ಉҰΞΧ΢ϯτ಺Ͱ΋NGʣ
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

56. 
    ShifterؒͷҠઃͷ৔߹
    
    
    ଞͷαΠτͰ࢖ΘΕ͍ͯΔυϝΠϯΛ
    
    
    Ξλον͠Α͏ͱ͢Δͱ
    
    
    Failed to assign a domain
    
    
    Request failed with status code 409
    
    
    ͱ͍͏ΤϥʔʹͳΓ·͢
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

57. 
    ShifterؒͷҠઃͷ৔߹
    
    
    ར༻தͷαΠτͰυϝΠϯΛσλον্ͨ͠Ͱ
    
    
    ৽͍͠αΠτͰΞλονΛ͢Δඞཁ͕͋Γ·͢ɻ
    
    
    υϝΠϯ෇͚ସ͑ͷμ΢ϯλΠϜΛ
    
    
    ߟྀ͢Δඞཁ͕͋Γ·͢ɻ
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    

    View Slide

58. 
    4 ੾Γସ͑ޙ
    

    View Slide

59. 
    4 ੾Γସ͑ޙ (࣮ࡍ͋ͬͨ࿩)
    
    
    εϚϗ͔ΒݟΔͱදࣔมͩͳ…
    

    View Slide

60. 
    :
    
    
    if(is_mobile()){
    
    
    :
    

    View Slide

61. 
    PHP࢖͑ͳ͍Α!!!!
    4 ੾Γସ͑ޙ (࣮ࡍ͋ͬͨ࿩)
    
    
    

    View Slide

62. 
    ͪΐͬͱͳΒ͍͍͔ͱࢥͬͯ…
    4 ੾Γସ͑ޙ (࣮ࡍ͋ͬͨ࿩)
    
    
    

    View Slide

63. 
    PHP࢖͑ͳ͍Α
    

    View Slide

64. 
    ̌ ظ଴஋ͷ͢Γ߹Θͤ
    
    
    ̍ Ғ͍ਓ޲͚ͷઆ໌
    
    
    ɹ- Shifterܖ໿·ΘΓ(ܖ໿ऀ/Χʔυ/υϧݐͯ)
    
    
    - ηΩϡϦςΟنఆͱͷ͢Γ߹Θͤ
    
    
    ̎ ੍࡞νʔϜ΁ͷઆ໌
    
    
    ɹ- PHP΍htaccess͕࢖͑ͳ͍
    
    
    ɹ- ࢖͑ͳ͍ϓϥάΠϯ͕͋Δ
    
    
    ɹ- ಛʹطଘαΠτͷϚΠάϨʔγϣϯͷ৔߹͸Ұ૚஫ҙ
    
    
    ̏ ੾Γସ͑࣌ͷઆ໌
    
    
    ɹ- DNS໰୊(ಛʹApexυϝΠϯ)
    
    
    ɹ- Shifter͔ΒShifter΁ͷҠઃ
    ఏҊ࣌ʹؾΛ͚͓ͭͯ͘͜ͱͷ·ͱΊ
    

    View Slide

65. 
    շదͳShifter LifeΛ!!
    

    View Slide