落としたくないWebサイトのためのアーキテクチャ

Slide 1

Slide 1 text

མ ͱ ͠ ͨ ͘ ͳ ͍ W E B α Π τ ͷ ͨ Ί ͷ Ξʔ Ω ς Ϋ ν ϟ D i g i t a l C u b e I n c . : K a z u e I G A R A S H I [ ઋ ୆ ] ϑ Ϧ ʔ ς ʔϚ Ͱ A W S Λ ޠ Δ ձ

Slide 2

Slide 2 text

K a z u e I G A R A S H I ʢ ޒ े ཛྷ ࿨ ܙ ʣ @ g a t e s p a c e _ k •https://gatespace.jp/ •https://qiita.com/gatespace •DigitalCube Inc. : Director •AWS : Advanced Technology Partner •_s (Underscores) : Contributor •JAWS-UG

Slide 3

Slide 3 text

https://jaws-ug.jp/ https://underscores.me/

Slide 4

Slide 4 text

མ ͱ ͠ ͨ ͘ ͳ ͍ W E B α Π τ ͷ ͨ Ί ͷ Ξʔ Ω ς Ϋ ν ϟ • ΞΫηεʹରͯ͠ͷ࠷ڧͷWebαΠτ • CMSΛ࢖͏৔߹ͷΞʔΩςΫνϟ

Slide 5

Slide 5 text

ΞΫ η ε ʹ ର ͯ͠ ͷ ࠷ ڧ ͷ W E B α Π τ

Slide 6

Slide 6 text

ΞΫ η ε ʹ ର ͯ͠ ͷ ࠷ ڧ ͷ W E B α Π τ • .html͚ͩͷ੩తͳWebαΠτɻJAMstackͳαΠτɻ • ը૾, CSS, JavaScript, API, Markup • αʔόʔαΠυͰಈ࡞͢ΔΞϓϦέʔγϣϯ΍σʔλϕʔε͸࢖Θͳ͍ • PHP, MySQL etc…

Slide 7

Slide 7 text

AW S Ͱ ੩ త ͳ W E B α Π τ Λ • S3 Ͱ WebαΠτϗεςΟϯά • ඞཁʹԠͯ͡CloudFront ʢCDNʣ΍ Route53

Slide 8

Slide 8 text

C M S Λ ࢖ ͏ ৔ ߹ ͷ Ξʔ Ω ς Ϋ ν ϟ   Ͳ ͏ ͢ Δʁ

Slide 9

Slide 9 text

Ұ ൠ త ͳ Ϩϯ λϧα ʔ όʔ ʴ C M S ͷ W E B α Π τ ͷ ΞΫ η ε ͕ ૿ ͑ ͨ ࣌ • 50xΤϥʔ΍ಡΈࠐΈ͕ऴΘΒͳ͍ʹΠϯϑϥଆ͕଱͑ΒΕͳ͍ • ଳҬɾWebαʔόʔɺσʔλϕʔεαʔόʔͷεϖοΫෆ଍ͰΞΫηε Ͱ͖ͳ͘ͳΔ • ڞ༻αʔόʔͷ৔߹ɺଞͷར༻ऀʹ໎࿭͕͔͔Δ

Slide 10

Slide 10 text

Ϋ ϥ ΢ υ ͷ ϝ Ϧ ο τ • WebαʔόʔɺσʔλϕʔεαʔόʔͷεϖοΫΛ͙͢มߋͰ͖Δ

Slide 11

Slide 11 text

AW S Ͱ C M S Λ ࢖ ͬ ͨ W E B α Π τ • EC2 ඞཁʹԠͯ͡ • S3ɿόέοτ • RDSɿσʔλϕʔεαʔόʔ • ELBɿϩʔυόϥϯαʔ

Slide 12

Slide 12 text

ΞΫ η ε ૿ ΁ ͷ ύλ ʔϯ 1   εέ ʔ ϧΞ ο ϓ • ੑೳΛ্͛Δ • AWSͳΒ࣌ؒ՝ۚͳͷͰΞΫηε ͕ݮͬͨΒεέʔϧμ΢ϯ • ͨͩ͠Πϯελϯεͷ࠶ىಈ͕ඞ ཁɻCloudFrontʹΩϟογϡΛஔ ͘ͳͲͯ͠ճආ͢Δඞཁ͋Γ

Slide 13

Slide 13 text

ΞΫ η ε ૿ ΁ ͷ ύλ ʔϯ 2   εέ ʔ ϧΞ ΢ τ • αʔόʔΛ૿΍͢ • ͖͍͠஋ΛܾΊͯࣗಈԽ • CMSͷ৔߹ɺDB΍ը૾ϑΝΠϧͷॻ ͖ࠐΈ͕ൃੜ͢ΔͷͰɺRDS΍S3ʹ σʔλΛ෼཭͓͔ͯ͠ͳ͍ͱࠩ෼͕ ൃੜ

Slide 14

Slide 14 text

ࣗ ෼ Ͱ ߏ ੒ ΍ ࣗ ಈ Խ Λ ؤ ு Γ ͨ ͘ ͳ ͍   Ί Μ Ͳ ͘ ͞ ͍ ͱ ײ ͡ Δ ͋ ͳ ͨ ΁

Slide 15

Slide 15 text

A m a z o n L i g h t s a i l AW S M a r k e t p l a c e • Amazon Lightsail • શ෦ೖΓͰ͙͢ʹ࢖͑Δ؀ڥΛ  ֹ݄ϓϥϯͰ • AWS Marketplace • ϕϯμʔ͕࡞੒ͨ͠AWS؀ڥൢച Ϛʔέοτ

Slide 16

Slide 16 text

A M I M O T O Ϛ ω ʔ δ υ ϗ ε ς Ο ϯ ά • https://ja.amimoto-ami.com/ • શ෦ೖΓ WordPress ϗεςΟϯά • MediumϓϥϯҎ্͸  ΦʔτεέʔϦϯάରԠ

Slide 17

Slide 17 text

S h i f t e r • https://www.getshifter.io/japanese/ • Serverless Static WordPress Hosting • CMS ͸ WordPress  ੩తͳ HTML ϑΝΠϧΛ࡞੒ɾ  ϗεςΟϯά͢Δ SaaS • CMSͷϝϯςφϯεϑϦʔ

Slide 18

Slide 18 text

ࠓ ೔ ͷ · ͱ Ί • .html͚ͩͷ੩తͳWebαΠτɺJAMstackͳαΠτ͕ରΞΫηεͰ͸࠷ڧ • εέʔϧΞοϓͱεέʔϧΞ΢τͷҧ͍ • ΦʔτεέʔϦϯά͸͘͢͝ศར • શ෦ೖΓύοέʔδ͸ͲΜͲΜ࢖͓͏ʂ

Slide 19

Slide 19 text

T H A N K S !