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

by DigitalCube Inc.

Slide 1

Slide 1 text

ӈԼʹ͋Δνϟοτͷதͷਓ͔Βͷ͓ศΓ 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.

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

ੜଉ஍ ͜͜

Slide 4

Slide 4 text

ੜଉ஍ ͜͜

Slide 5

Slide 5 text

αϙʔτͷ࢓ࣄ಺༰ αϙʔτͷ͓࢓ࣄʹ͍ͭͯ

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

͓໰͍߹Θͤͷଟ͍ࣄฑɹτοϓ5 ײ֮஋) 1. ○○͸ಈ͖·͔͢ʁ Shifter ͷ࢓༷΍ςʔϚ/ϓϥάΠϯͷಈ࡞Մ൱ʹ͍ͭͯ) 2. υϝΠϯͷઃఆʹ͍ͭͯ 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷಋೖɾߋ৽ํ๏ʹ͍ͭͯ 4. σʔλͷϚΠάϨʔγϣϯɾҾͬӽ͠ํ๏ʹ͍ͭͯ 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

Slide 10

Slide 10 text

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

• Apache/Nginx ౳ͷ Web αʔό΍ PHP, CGI ౳Λಈ͔͢ॲཧ • σʔλϕʔεʹΞΫηε͢Δॲཧ • sendmail/postfix ͳͲϝʔϧαʔόΛಈ͔͢ॲཧ • ͦͷଞɼಈతͳॲཧ ಈ࡞͠ͳ͍ॲཧ

Slide 13

Slide 13 text

• IP ΞυϨεʹΑΔΞΫηε੍ݶ • .htaccess Λར༻ͨ͠ϦμΠϨΫτ • αΠτ಺ݕࡧ • ໰߹ͤϑΥʔϜ͔Βͷϝʔϧૹ৴ • /wp-admin/ ҎԼͷϑΝΠϧΛಡΈࠐΉॲཧ Artifact ʹؚ·Εͳ͍ͨ Ί) ۩ମྫ

Slide 14

Slide 14 text

• ΞΫηε੍ݶ: ؆қతͳ BASIC ೝূΛඪ४Ͱ࢖͑·͢ɻ αϙʔτυΩϡϝϯτ: Simple Basic Authentication for Shifter Static Sites • ϦμΠϨΫτ: Redirection ϓϥάΠϯΛ༻͍ͨϦμΠϨΫτɻ αϙʔτυΩϡϝϯτ: Redirects • αΠτ಺ݕࡧ: ݕࡧ SaaS ͷ Algolia ΍ WP Serverless Search ͳͲɻ αϙʔτυΩϡϝϯτ: WordPress Search • ໰߹ͤϑΥʔϜ: ϑΥʔϜ SaaS ͷ Formspree ΍ WP Serverless Forms ͳͲɻ αϙʔτυΩϡϝϯτ: Contact Forms ಈ͘΋ͷ

Slide 15

Slide 15 text

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

DNS ϓϩόΠμผͷઃఆΨΠυ DNS Providers Guides - Setting up Custom Domains υϝΠϯͷొ࿥͔Βެ։·Ͱͷ࡞ۀΛ͓͞Β͍

Slide 22

Slide 22 text

DNS ϓϩόΠμผͷઃఆΨΠυ ܝࡌϓϩόΠμ • AWS Route 53 • Cloudflare • GoDaddy • GoogleDomains • ϜʔϜʔυϝΠϯ • Name.com • Namecheap • Value Domain • ໊͓લ.com

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

αϙʔτυΩϡϝϯτ: Developing with Shifter ೔ຊޠղઆ: Shifter Github Plugin/Theme Installer Λ࢖ͬͯࣗ࡞ςʔ ϚɾϓϥάΠϯΛΞοϓσʔτ͠Α͏ #JP_Getshifter 3. ࣗ࡞ςʔϚ΍ϓϥάΠϯͷΠϯετʔϧɾߋ৽ํ๏

Slide 28

Slide 28 text

Slide 29

Slide 29 text

All-in-One WP Migration Λ࢖ͬͨϚΠάϨʔγϣϯ͕קΊͰ͢ɻ αϙʔτυΩϡϝϯτ: Migrating to Shifter using the All-in-One WP Migration WordPress Plugin 4. σʔλͷҾͬӽ͠ํ๏

Slide 30

Slide 30 text

Shifter ͷ All-in-One WP Migration ʹ͸ Unlimited Extension ͕ඪ४Π ϯετʔϧ͞Ε͍ͯ·͢ɻ େྔͷը૾΍େن໛αΠτͷϚΠάϨʔγϣϯ΋ָʑ αϙʔτυΩϡϝϯτ: Migrating to Shifter 4. σʔλͷҾͬӽ͠ํ๏

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

τϥϒϧγϡʔτͷखॱ: Troubleshooting while migrating with All-in-One WP Migration pluginɹ 4. σʔλͷҾͬӽ͠ํ๏

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

ͦ΋ͦ΋ Shifter μογϡϘʔυ͔Β͸ ύεϫʔυϨεϩάΠϯͳͷͰͳΜΒ໰୊͸͋Γ·ͤΜ αϙʔτυΩϡϝϯτ Passwordless login and magic links on Shifter explained 4. σʔλͷҾͬӽ͠ํ๏

Slide 36

Slide 36 text

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

੾Γ෼͚ʹ͓קΊ • Safe ModeͰ WordPress Λىಈ ࢀর: Safe Mode • σόοάϞʔυͰ WordPress Λىಈ ࢀর: Enable debug mode on Shifter • Shifter-local Ͱσόοά ࢀর: Shifter-local - Developing with Shifter 5. ಈ࡞͕͓͔͍͠ɾಈ͔ͳ͍

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

ςʔϚ/ϓϥάΠϯͷಈ࡞ঢ়گ Ҋ֎ಈ͖·͢ɻ ྫ1 Infinite Scroll and Autoload next post plugins (ແݶεΫϩʔϧ) ๭ΤϯδχΞᐌ͘ʮΪϦΪϦͷۮવ͘Β͍ͷϥΠϯͰ੒Γཱ͍ͬͯΔʯ ྫ2 Plugins categorized as calculator (ݟੵΓϓϥάΠϯ) ※ Ϋʔϙϯؔ܎͸ಈ͖·ͤΜ DB΁ͷΞΫηε͕͋ΔͨΊ) αϙʔτ͔Βͷ͓஌Βͤ

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

৽ػೳ: ϝσΟΞͷ WebP ഑৴ Shifter MediaCDN and WebP support MediaCDN ͕༗ޮͰ͋Ε͹ࣗಈతʹ WebP ϑΥʔϚοτͰ഑৴͞Ε·͢ɻ /wp-content/uploads/ ഑Լͷը૾Λ WebP ʹม׵ͯ͠ CDN ͔Β഑৴͢ΔΦ ϓγϣϯͰ͢ɻը૾͕ଟ͍ํʹΦεε ϝɻ αϙʔτ͔Βͷ͓஌Βͤ

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

࠷ॳͷ໰߹ͤͷࡍʹ࣍ͷ߲໨Λ఻͍͑ͯͩ͘͞ɻ ௐࠪͱղܾ͕ૣ͍Ͱ͢ɻ • Ϣʔβ ID / ϝʔϧΞυϨε • τϥϒϧͷग़͍ͯΔ Site ID Settings ϝχϡʔ಺ʹ͋Γ·͢) • τϥϒϧͷग़͍ͯΔ Artifact ID Overview ϝχϡʔ಺ͷ Artifacts ηΫγϣϯʹ͋Γ·͢) • υϝΠϯ໊ (ྫ: www.example.com, getshifter.io ) • τϥϒϧ಺༰΍۩ମతʹ࣮ߦ͍ͨ͜͠ͱ αϙʔτ͔Βͷ͓ئ͍

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

޷·͍͠ྫ WordPress Λىಈͯ͠ abcd ͱ͍͏ϓϥάΠϯΛೖΕɼઃఆΛ͠·ͨ͠ɻ ͦͷޙ generate ͨ͠ͱ͜ΖɼShifter dashboard ্Ͱ Fail] ͷϝοηʔδ͕ग़ͯ generate ͕׬ྃͤͣɺ ߋ৽಺༰͕ެ։Ͱ͖·ͤΜɻ generate ࣌ʹΤϥʔ͕ग़͍ͯΔ͔Λௐ΂͍ͯͩ͘͞ɻ SiteID abcd-123-def-456 Artifact ID ghi-789-jlk-0-mnop αϙʔτ͔Βͷ͓ئ͍

Slide 51

Slide 51 text

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

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

T H A N K YO U F O R YO U R T I M E