Webとネットワーク見直さNight
by
Yoshihiro Mitsuyuki
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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 Google20187݄ʹϦϦʔε͢Δ༧ఆͷ ϒϥβʮ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ͷུͩͬͨΓͯ͠ϋοͱͤ͞ΒΕΔࣄ ͕ʑ͋ΔͷͰɺҙຯ͔Βͳ͍ͱ͖ௐͨํ͕ΠΠʂ ʢHTTPSMTPFTPPͷҙຯϓϩτίϧͩͬͨΓʣ ࠓ͔͑ͨͬͨ͜ͱ ࣮
Slide 37
Slide 37 text
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT