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

Shifterミートアップ初のオンライン開催での資料です。テクニカルサポートのTsunodaよりサポートのお仕事内容からよくいただくお問い合わせ話など中の人の声がよくわかる登壇内容です。 #JP_GetShifter

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