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

by Takuya Tachibana

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Shifter Premiere Partner

Slide 5

Slide 5 text

Shifter StaticͷఏҊʙαΠτϦϦʔε·Ͱͷ͓࿩

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

੍࡞΍͍ͬͯ·ͤΜ

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

Ӧۀ΋΍͍ͬͯ·ͤΜ

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

ͱ͍͏ײ͡Ͱظ଴஋MAXͰฐࣾʹ໰͍߹Θ͕ͤདྷΔ

Slide 21

Slide 21 text

ͱΓ͋͑ͣ མͪண͚

Slide 22

Slide 22 text

·ͣ͸Shifter͕ຊ౰ʹద੾͔Ͳ͏͔Λ ώΞϦϯά/આ໌/͢Γ߹Θͤͯ͠ ظ଴஋Λదਖ਼ʹ͢Δ

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

̍ Ғ͍ਓ޲͚ͷઆ໌

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

̎ ੍࡞νʔϜ΁ͷઆ໌

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

̏ ੾Γସ͑࣌ͷઆ໌

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

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

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

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

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

4 ੾Γସ͑ޙ

Slide 59

Slide 59 text

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

Slide 60

Slide 60 text

: if(is_mobile()){ :

Slide 61

Slide 61 text

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

Slide 62

Slide 62 text

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

Slide 63

Slide 63 text

PHP࢖͑ͳ͍Α

Slide 64

Slide 64 text

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

Slide 65

Slide 65 text

շదͳShifter LifeΛ!!