Slide 1

Slide 1 text

WebͱωοτϫʔΫݟ௚͞Night ൃදऀ @MICCI_0627 ʙ httpͬͯφχ!? ʙ

Slide 2

Slide 2 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Hyper Text Transfer Protocol ུͯ͠http

Slide 3

Slide 3 text

ʻLTͷ಺༰ʼ ɾWebϓϩάϥϛϯάֶशΛ࢝Ίͨࠒɺhttp ΛཧղͤͣʹਐΊ్ͯதͰཧղ͠ϋοͱͨ͠ ͷͰhttpΛօ͞Μ΁ૣ͘఻͑Δ ɾϓϩάϥϛϯάΛ࢝ΊΑ͏ͱࢥ͍ͬͯΔ͕ɺ৭Μͳ༻ޠ͕Ͱͯ ͖ͯ੔ཧͰ͖͍ͯͳ͍ํɹɹ ʻର৅ͷํʼ ɾhttpͱhttpsͷҧ͍͕෼͔Βͳ͍ํ ɾͯ͛WEBֶͼ͍ͨํ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 4

Slide 4 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹWEBͱωοτϫʔΫݟ௚͞NIGHT ʻࣗݾ঺հʼ MICCIʢϛονʔʣ ٶ࡚ݝग़਎ WebΤϯδχΞʢ͔͚ͩ͠ʣ DJ ʻڵຯ&޷͖ʼ PHPɺJavaScriptɺVue.jsɺ WordPressɺDockerɺGit @MICCI_0627

Slide 5

Slide 5 text

WEBʹग़ձ͏·Ͱɾɾɾ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 6

Slide 6 text

ւ֎ʹಌΕͯɺ࢓ࣄ͸ྉཧਓʂ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 7

Slide 7 text

଺ࡏઌͷγΣΞϋ΢εͰɺੈͷதʹRUBY ͱ͍͏ϓϩάϥϛϯάݴޠ͕͋ͬͯɺWEB ͷੈքͰੜ׆͍ͯ͠Δਓ͕͍Δ͜ͱΛ஌Δʂ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 8

Slide 8 text

ؼࠃޙɺମྗతͳෆ҆Λཧ༝ʹ ๻΋ύιίϯͰ࢓ࣄ͍ͨ͠ͱҰେܾ৺ʂ WEBۀք΁଍Λ౿ΈೖΕΔɻɻɻ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 9

Slide 9 text

ͱΓ͋͑ͣϓϩάϥϛϯάͷษڧΛ͠·͘Δͧʂʂ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 10

Slide 10 text

݄೔͸ྲྀΕɺ͋Δ೔ಥવ ;ͱٙ໰ʹࢥ͏ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 11

Slide 11 text

ͳΜͷҝʹίʔυ͔͍ͯΔΜ΍ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 12

Slide 12 text

ͦ΋ͦ΋ԿͰΠϯλʔωοτͬͯ ಈ͍ͯΔΜ΍ɻɻɻ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 13

Slide 13 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Πϯλʔωοτͱ͍͏ωοτϫʔΫͷதͰ HTTPͱ͍͏ϓϩτίϧͰσʔλʢhtml,CSS, ը૾ʣΛ΍ΓͱΓͯ͠ΔΜ΍Ͱʂʂ

Slide 14

Slide 14 text

ͬ͘͟Γͱઆ໌͍͖ͯ͠·͢ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 15

Slide 15 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Web = World wide web

Slide 16

Slide 16 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Webϒϥ΢β

Slide 17

Slide 17 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Webϒϥ΢βͰݕࡧ

Slide 18

Slide 18 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Webϒϥ΢βͷ্ͷํ

Slide 19

Slide 19 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT httpͱ͍͏ϓϩτίϧ ͰΞΫηε͍ͯ͠Δ

Slide 20

Slide 20 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 21

Slide 21 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT HTTPΛ࢖ͬͯαʔόʔʹΞΫηε͢Δ HTTPͰݕࡧͨ͠αΠτͷσʔλ͕͘Δ αʔόʔʹαΠτͷσʔλ͕ อଘ͞Ε͍ͯΔ!!

Slide 22

Slide 22 text

ҙ֎ͱγϯϓϧ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT

Slide 23

Slide 23 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT http͡Όͳͯ͘ httpsͳΜͰ͚͢Ͳ… ϓϩτίϧ͍ͬͯΘΕͯ΋…

Slide 24

Slide 24 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Hyper Text Transfer Protocol ུͯ͠http

Slide 25

Slide 25 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT ͩͬͨΜͰ͕͢

Slide 26

Slide 26 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Hyper Text Transfer Protocol Secure ུͯ͠https ˎ҆શͳ઀ଓΛߦ͏

Slide 27

Slide 27 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT HTTP + SSL = HTTPS SSL= Secure Socket Layer ৘ใͷ҉߸Խ

Slide 28

Slide 28 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT ௨৴಺༰͕҉߸Խ͞Ε͍ͯΔ

Slide 29

Slide 29 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT Google͸2018೥7݄ʹϦϦʔε͢Δ༧ఆͷ ϒϥ΢βʮChrome 68ʯ͔ΒɺHTTP઀ଓ ͞Ε͍ͯΔαΠτʹ͍ͭͯʮ҆શͰͳ͍ʯ ͱදࣔͤ͞Δํ਑Λൃද͠·ͨ͠ɻ

Slide 30

Slide 30 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT ϓϩτίϧʹ͍ͭͯ

Slide 31

Slide 31 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT SMTP= Simple Mail Transfer Protocol ిࢠϝʔϧͷૹ৴ʹ༻͍ΒΕΔϓϩτίϧ

Slide 32

Slide 32 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT SMTP= Simple Mail Transfer Protocol

Slide 33

Slide 33 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT FTP= File Transfer Protocol ϑΝΠϧΛసૹ͢ΔͨΊͷϓϩτίϧ

Slide 34

Slide 34 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT FTP= File Transfer Protocol ϑΝΠϧΛసૹ͢ΔͨΊͷϓϩτίϧ

Slide 35

Slide 35 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT ৭ʑͳϓϩτίϧΛ࢖ͬͯαʔόʔͱ΍ΓͱΓΛ ͍ͯͯ͠Web΍ωοτϫʔΫͷੈք͕ಈ͍͍ͯΔ

Slide 36

Slide 36 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT JSON= Java Script Object Notation ϓϩάϥϛϯάΛษڧ͍ͯ͠Δͱ্هͷΑ͏ʹJSONͱ͍ ͏ݴ༿͕ग़͖ͯͨΓͯ͠ԿͩͦΕͬͯͳΔ͕ɺௐ΂ΔͱJS ͷ෦෼͸JavaScriptͷུͩͬͨΓͯ͠ϋοͱͤ͞ΒΕΔࣄ ͕౓ʑ͋ΔͷͰɺҙຯ෼͔Βͳ͍ͱ͖͸ௐ΂ͨํ͕ΠΠʂ ʢHTTP΋SMTP΋FTP΋Pͷҙຯ͸ϓϩτίϧͩͬͨΓʣ ࠓ೔఻͔͑ͨͬͨ͜ͱ ࣮͸

Slide 37

Slide 37 text

ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ௚͞NIGHT ׬