Shifter Oline Meetup 右下にあるチャットの中の人からのお便り

Transcript

1. ӈԼʹ͋Δνϟοτͷதͷਓ͔Βͷ͓ศΓ 2௨໨ TO M O H YC O T S

   U N O DA D I G I TA LC U B E C O. LT D.

2. T E C H N I C A L S

   U P P O R T D I G I TA LC U B E T S U N O DA TO M O H YC O amimoto-ami.com getshifter.io W H O I A M

3. ੜଉ஍ ͜͜

4. ੜଉ஍ ͜͜

5. αϙʔτͷ࢓ࣄ಺༰ αϙʔτͷ͓࢓ࣄʹ͍ͭͯ

6. 1. αϙʔτ༻υΩϡϝϯτͷࣥච (ӳޠ/೔ຊޠ)ɾ຋༁ɻ 2. ͓٬༷͔Βͷ͓໰߹ͤɾ͝૬ஊͷରԠɻ 3. ͓٬༷͔ΒͷϑΟʔυόοΫͷ൓өɻ 4. ػೳɾϓϥάΠϯɾςʔϚɾ֎෦αʔϏεͷಈ࡞ݕূɻ αϙʔτͷ͓࢓ࣄ಺༰

7. ໨࣍ • ͓໰͍߹Θͤͷଟ͍ࣄฑ • αϙʔτ͔Βͷ͓஌Βͤ • αϙʔτ͔Βͷ͓ئ͍

8. ໨࣍ • ͓໰͍߹Θͤͷଟ͍ࣄฑ • αϙʔτ͔Βͷ͓஌Βͤ • αϙʔτ͔Βͷ͓ئ͍

9. ͓໰͍߹Θͤͷଟ͍ࣄฑɹτοϓ5 ײ֮஋) 1. ◦◦͸ಈ͖·͔͢ʁ Shifter ͷ࢓༷΍ςʔϚ/ϓϥάΠϯͷಈ࡞Մ൱ʹ͍ͭͯ) 2. υϝΠϯͷઃఆʹ͍ͭͯ 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷಋೖɾߋ৽ํ๏ʹ͍ͭͯ

   4. σʔλͷϚΠάϨʔγϣϯɾҾͬӽ͠ํ๏ʹ͍ͭͯ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

10. ͓໰͍߹Θͤͷଟ͍ࣄฑɹτοϓ5 ײ֮஋) 1. ◦◦͸ಈ͖·͔͢ʁ Shifter ͷ࢓༷΍ςʔϚ/ϓϥάΠϯͷಈ࡞Մ൱ʹ͍ͭͯ) 2. υϝΠϯͷઃఆʹ͍ͭͯ 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷಋೖɾߋ৽ํ๏ʹ͍ͭͯ

    4. σʔλͷϚΠάϨʔγϣϯɾҾͬӽ͠ํ๏ʹ͍ͭͯ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

11. Shifter ͸੩తαΠτδΣωϨʔλʔɾϗεςΟϯάͰ͢ɻ αʔόαΠυͰͷಈతॲཧ͕ߦ͑·ͤΜɻ ࣍ͷΑ͏ͳॲཧ͸ಈ࡞͠·ͤΜɻ 1. ◦◦͸ಈ͖·͔͢ʁ

12. • Apache/Nginx ౳ͷ Web αʔό΍ PHP, CGI ౳Λಈ͔͢ॲཧ • σʔλϕʔεʹΞΫηε͢Δॲཧ

    • sendmail/postfix ͳͲϝʔϧαʔόΛಈ͔͢ॲཧ • ͦͷଞɼಈతͳॲཧ ಈ࡞͠ͳ͍ॲཧ

13. • IP ΞυϨεʹΑΔΞΫηε੍ݶ • .htaccess Λར༻ͨ͠ϦμΠϨΫτ • αΠτ಺ݕࡧ • ໰߹ͤϑΥʔϜ͔Βͷϝʔϧૹ৴

    • /wp-admin/ ҎԼͷϑΝΠϧΛಡΈࠐΉॲཧ Artifact ʹؚ·Εͳ͍ͨ Ί) ۩ମྫ

14. • ΞΫηε੍ݶ: ؆қతͳ BASIC ೝূΛඪ४Ͱ࢖͑·͢ɻ αϙʔτυΩϡϝϯτ: Simple Basic Authentication for

    Shifter Static Sites • ϦμΠϨΫτ: Redirection ϓϥάΠϯΛ༻͍ͨϦμΠϨΫτɻ αϙʔτυΩϡϝϯτ: Redirects • αΠτ಺ݕࡧ: ݕࡧ SaaS ͷ Algolia ΍ WP Serverless Search ͳͲɻ αϙʔτυΩϡϝϯτ: WordPress Search • ໰߹ͤϑΥʔϜ: ϑΥʔϜ SaaS ͷ Formspree ΍ WP Serverless Forms ͳͲɻ αϙʔτυΩϡϝϯτ: Contact Forms ಈ͘΋ͷ

15. ͓໰͍߹Θͤͷଟ͍ࣄฑɹτοϓ5 ײ֮஋) 1. ◦◦͸ಈ͖·͔͢ʁ Shifter ͷ࢓༷΍ςʔϚ/ϓϥάΠϯͷಈ࡞Մ൱ʹ͍ͭͯ) 2. υϝΠϯͷઃఆʹ͍ͭͯ 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷಋೖɾߋ৽ํ๏ʹ͍ͭͯ

    4. σʔλͷϚΠάϨʔγϣϯɾҾͬӽ͠ํ๏ʹ͍ͭͯ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

16. Q. ʰಠࣗυϝΠϯͷઃఆ͸ϋϚΓ΍͍͢ʱͱ͍͏ᷚ͸ຊ౰Ͱ͔͢ʁ 2. υϝΠϯͷઃఆʹ͍ͭͯ

17. A. ຊ౰Ͱ͢ɻ 2. υϝΠϯͷઃఆʹ͍ͭͯ

18. ཧ༝: खॱ͕൥ࡶɻ 2. υϝΠϯͷઃఆʹ͍ͭͯ

19. 1. ࢖͏υϝΠϯ໊Λ Shifter μογϡϘʔυ͔Βొ࿥Λ͢Δɻ 2. ೝূ༻Ϩίʔυ͕ൃߦ͞ΕΔɻ 3. ൃߦ͞Εͨೝূ༻ͷϨίʔυΛ DNS αʔόͷ؅ཧը໘ʹొ࿥͢Δɻ

    4. υϝΠϯ໊͕ೝূ͞ΕΔɻ 5. Shifter μογϡϘʔυ্ͰυϝΠϯΛαΠτʹΞλον͢Δɻ 6. Generate ϘλϯΛΫϦοΫͯ͠ɼυϝΠϯ໊͕Ξλον͞Εͨ Artifact Λੜ੒͢Δɻ 7. Shifter μογϡϘʔυͰൃߦ͞Ε͍ͯΔ DNS ϨίʔυΛ DNS αʔόͷ؅ཧը໘Ͱઃఆ͢Δɻ υϝΠϯͷొ࿥͔Βެ։·Ͱͷ࡞ۀΛ͓͞Β͍

20. ͲΕ΋֎ͤͳ͍࡞ۀͳͷͰಠཱͨ͠υΩϡϝϯτΛ࡞Γ·ͨ͠ɻ υϝΠϯͷొ࿥͔Βެ։·Ͱͷ࡞ۀΛ͓͞Β͍

21. DNS ϓϩόΠμผͷઃఆΨΠυ DNS Providers Guides - Setting up Custom Domains

    υϝΠϯͷొ࿥͔Βެ։·Ͱͷ࡞ۀΛ͓͞Β͍

22. DNS ϓϩόΠμผͷઃఆΨΠυ ܝࡌϓϩόΠμ • AWS Route 53 • Cloudflare •

    GoDaddy • GoogleDomains • ϜʔϜʔυϝΠϯ • Name.com • Namecheap • Value Domain • ໊͓લ.com

23. ௥ՃϦΫΤετΛड෇த DNS ϓϩόΠμผͷઃఆΨΠυ

24. ͓໰͍߹Θͤͷଟ͍ࣄฑɹτοϓ5 ײ֮஋) 1. ◦◦͸ಈ͖·͔͢ʁ Shifter ͷ࢓༷΍ςʔϚ/ϓϥάΠϯͷಈ࡞Մ൱ʹ͍ͭͯ) 2. υϝΠϯͷઃఆʹ͍ͭͯ 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷಋೖɾߋ৽ํ๏ʹ͍ͭͯ

    4. σʔλͷϚΠάϨʔγϣϯɾҾͬӽ͠ํ๏ʹ͍ͭͯ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

25. 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷΠϯετʔϧɾߋ৽ํ๏ A. WordPress ͷμογϡϘʔυͷςʔϚɾϓϥάΠϯϖʔδͰ ΞοϓϩʔυͱΠϯετʔϧΛ͢Δ B. Shifter GitHub Plugin/Theme

    Installer Λ࢖ͬͯ Github ͔Βμ΢ϯϩʔυɾߋ৽Λ͢Δ

26. ιʔε͕ GitHub ͷϦϙδτϦʹ͋Δ৔߹΍ සൟʹΞοϓσʔτ͢Δ৔߹͸ B ͷํ๏͕͓קΊͰ͢ɻ 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷΠϯετʔϧɾߋ৽ํ๏

27. αϙʔτυΩϡϝϯτ: Developing with Shifter ೔ຊޠղઆ: Shifter Github Plugin/Theme Installer Λ࢖ͬͯࣗ࡞ςʔ

    ϚɾϓϥάΠϯΛΞοϓσʔτ͠Α͏ #JP_Getshifter 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷΠϯετʔϧɾߋ৽ํ๏

28. ͓໰͍߹Θͤͷଟ͍ࣄฑɹτοϓ5 ײ֮஋) 1. ◦◦͸ಈ͖·͔͢ʁ Shifter ͷ࢓༷΍ςʔϚ/ϓϥάΠϯͷಈ࡞Մ൱ʹ͍ͭͯ) 2. υϝΠϯͷઃఆʹ͍ͭͯ 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷಋೖɾߋ৽ํ๏ʹ͍ͭͯ

    4. σʔλͷϚΠάϨʔγϣϯɾҾͬӽ͠ํ๏ʹ͍ͭͯ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

29. All-in-One WP Migration Λ࢖ͬͨϚΠάϨʔγϣϯ͕קΊͰ͢ɻ αϙʔτυΩϡϝϯτ: Migrating to Shifter using the

    All-in-One WP Migration WordPress Plugin 4. σʔλͷҾͬӽ͠ํ๏

30. Shifter ͷ All-in-One WP Migration ʹ͸ Unlimited Extension ͕ඪ४Π ϯετʔϧ͞Ε͍ͯ·͢ɻ

    େྔͷը૾΍େن໛αΠτͷϚΠάϨʔγϣϯ΋ָʑ αϙʔτυΩϡϝϯτ: Migrating to Shifter 4. σʔλͷҾͬӽ͠ํ๏

31. All-in-One WP Migration ͷϚΠάϨʔγϣϯͰॲཧ͕׬ྃ͠ͳ͍৔߹ ·ͣ͸σʔλͱϝσΟΞ͚ͩͰ΋Ҿͬӽ͠·͠ΐ͏ 4. σʔλͷҾͬӽ͠ํ๏

32. All-in-One WP Migration ͷϚΠάϨʔγϣϯͰॲཧ͕׬ྃ͠ͳ͍৔߹ 1. ॲཧΛΩϟϯηϧ͠·͢ɻ 2. σʔλϕʔεͱϝσΟΞ͚ͩΛҾͬӽ͠·͢ɻ 3. ςʔϚ΍ϓϥάΠϯ͸खಈͰΠϯετʔϧ͠·͢ɻ

    4. σʔλͷҾͬӽ͠ํ๏

33. τϥϒϧγϡʔτͷखॱ: Troubleshooting while migrating with All-in-One WP Migration pluginɹ 4.

    σʔλͷҾͬӽ͠ํ๏

34. ͪͳΈʹɼAll-in-One WP Migration ͰσʔλΛҾͬӽͨ͠৔߹ɼ WordPress Ϣʔβͷύεϫʔυ͸Ҿ͖ܧ͕Ε·ͤΜɻ 4. σʔλͷҾͬӽ͠ํ๏

35. ͦ΋ͦ΋ Shifter μογϡϘʔυ͔Β͸ ύεϫʔυϨεϩάΠϯͳͷͰͳΜΒ໰୊͸͋Γ·ͤΜ αϙʔτυΩϡϝϯτ Passwordless login and magic links

    on Shifter explained 4. σʔλͷҾͬӽ͠ํ๏

36. ͓໰͍߹Θͤͷଟ͍ࣄฑɹτοϓ5 ײ֮஋) 1. ◦◦͸ಈ͖·͔͢ʁ Shifter ͷ࢓༷΍ςʔϚ/ϓϥάΠϯͷಈ࡞Մ൱ʹ͍ͭͯ) 2. υϝΠϯͷઃఆʹ͍ͭͯ 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷಋೖɾߋ৽ํ๏ʹ͍ͭͯ

    4. σʔλͷϚΠάϨʔγϣϯɾҾͬӽ͠ํ๏ʹ͍ͭͯ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

37. ݪҼ͸༷ʑͰͨ͠ɻ • Shifter Ͱ͸ಈ͔ͳ͍ςʔϚ΍ϓϥάΠϯɺػೳΛ࢖͍ͬͯͨɻ • όοΫΤϯυ͕ෆௐͩͬͨɻ • ۮવʹ΋ෆ۩߹Λ౿Έൈ͍ͨɻ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

38. ੾Γ෼͚ʹ͓קΊ • Safe ModeͰ WordPress Λىಈ ࢀর: Safe Mode •

    σόοάϞʔυͰ WordPress Λىಈ ࢀর: Enable debug mode on Shifter • Shifter-local Ͱσόοά ࢀর: Shifter-local - Developing with Shifter 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

39. ͦΕͰ΋͓͔͍͠ͱࢥͬͨΒ·ͣ͸αϙʔτʹ૬ஊΛʂ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

40. ໨࣍ • ͓໰͍߹Θͤͷଟ͍ࣄฑ • αϙʔτ͔Βͷ͓஌Βͤ • αϙʔτ͔Βͷ͓ئ͍

41. ςʔϚ/ϓϥάΠϯͷಈ࡞ঢ়گ Ҋ֎ಈ͖·͢ɻ ྫ1 Infinite Scroll and Autoload next post plugins

    (ແݶεΫϩʔϧ) ๭ΤϯδχΞᐌ͘ʮΪϦΪϦͷۮવ͘Β͍ͷϥΠϯͰ੒Γཱ͍ͬͯΔʯ ྫ2 Plugins categorized as calculator (ݟੵΓϓϥάΠϯ) ※ Ϋʔϙϯؔ܎͸ಈ͖·ͤΜ DB΁ͷΞΫηε͕͋ΔͨΊ) αϙʔτ͔Βͷ͓஌Βͤ

42. Q. ͜ͷϓϥάΠϯɾςʔϚ͸ Shifter Ͱಈ࡞͠·͔͢ʁ αϙʔτ͔Βͷ͓஌Βͤ

43. A. ͢Έ·ͤΜɻ ͦͷϓϥάΠϯɾςʔϚɾαʔϏεͷ࢖༻ܦݧ͕ͳ͍ͷͰɼ ಈ࡞Մ൱ͷ൑அͱ͓౴͕͑ݱ࣌఺Ͱ͸Ͱ͖·ͤΜɻ αϙʔτ͔Βͷ͓஌Βͤ

44. Ͱ΋ɼ͋ͱͰಈ࡞ݕূ͸͍ͯ͠·͢ɻ αϙʔτ༻ͷυΩϡϝϯτͷ࡞੒΋ؚΊͯɻ αϙʔτ͔Βͷ͓஌Βͤ

45. ࢼͯ͠΋ΒͬͯϑΟʔυόοΫ͕͋Δͱ๻͕خ͍͠ɻ αϙʔτ͔Βͷ͓஌Βͤ

46. ৽ػೳ: ϝσΟΞͷ WebP ഑৴ Shifter MediaCDN and WebP support MediaCDN

    ͕༗ޮͰ͋Ε͹ࣗಈతʹ WebP ϑΥʔϚοτͰ഑৴͞Ε·͢ɻ /wp-content/uploads/ ഑Լͷը૾Λ WebP ʹม׵ͯ͠ CDN ͔Β഑৴͢ΔΦ ϓγϣϯͰ͢ɻը૾͕ଟ͍ํʹΦεε ϝɻ αϙʔτ͔Βͷ͓஌Βͤ

47. ໨࣍ • ͓໰͍߹Θͤͷଟ͍ࣄฑ • αϙʔτ͔Βͷ͓஌Βͤ • αϙʔτ͔Βͷ͓ئ͍

48. ࠷ॳͷ໰߹ͤͷࡍʹ࣍ͷ߲໨Λ఻͍͑ͯͩ͘͞ɻ ௐࠪͱղܾ͕ૣ͍Ͱ͢ɻ • Ϣʔβ ID / ϝʔϧΞυϨε • τϥϒϧͷग़͍ͯΔ Site

    ID Settings ϝχϡʔ಺ʹ͋Γ·͢) • τϥϒϧͷग़͍ͯΔ Artifact ID Overview ϝχϡʔ಺ͷ Artifacts ηΫγϣϯʹ͋Γ·͢) • υϝΠϯ໊ (ྫ: www.example.com, getshifter.io ) • τϥϒϧ಺༰΍۩ମతʹ࣮ߦ͍ͨ͜͠ͱ αϙʔτ͔Βͷ͓ئ͍

49. ޷·͘͠ͳ͍ྫ WordPress Λىಈͯ͠ϓϥάΠϯΛೖΕͨΜͰ͚͢ͲɺΤϥʔ ͕ग़ͯ͏·͘ެ։Ͱ͖ͳ͍ΜͰ͚͢Ͳʁ αϙʔτ͔Βͷ͓ئ͍

50. ޷·͍͠ྫ WordPress Λىಈͯ͠ abcd ͱ͍͏ϓϥάΠϯΛೖΕɼઃఆΛ͠·ͨ͠ɻ ͦͷޙ generate ͨ͠ͱ͜ΖɼShifter dashboard ্Ͱ

    Fail] ͷϝοηʔδ͕ग़ͯ generate ͕׬ྃͤͣɺ ߋ৽಺༰͕ެ։Ͱ͖·ͤΜɻ generate ࣌ʹΤϥʔ͕ग़͍ͯΔ͔Λௐ΂͍ͯͩ͘͞ɻ SiteID abcd-123-def-456 Artifact ID ghi-789-jlk-0-mnop αϙʔτ͔Βͷ͓ئ͍

51. ΞϨοͱࢥͬͨΒαϙʔτʹ૬ஊΛʂ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

52. ͓͔͍͠ͱࢥͬͨΒαϙʔτʹ૬ஊΛʂ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

53. Ϣʔβ IDɼSite IDɼτϥϒϧ಺༰Λఴ͑ͯαϙʔτʹ૬ஊΛʂ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

54. T H A N K YO U F O R

    YO U R T I M E