Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Webとネットワーク見直さNight
Search
Yoshihiro Mitsuyuki
November 06, 2018
380
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Webとネットワーク見直さNight
Yoshihiro Mitsuyuki
November 06, 2018
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
10k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Practical Orchestrator
shlominoach
191
12k
KATA
mclloyd
PRO
35
15k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
320
So, you think you're a good person
axbom
PRO
2
2.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
We Have a Design System, Now What?
morganepeng
55
8.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
The Curious Case for Waylosing
cassininazir
1
500
Paper Plane
katiecoart
PRO
2
53k
Transcript
WebͱωοτϫʔΫݟ͞Night ൃදऀ @MICCI_0627 ʙ httpͬͯφχ!? ʙ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT Hyper Text Transfer Protocol ུͯ͠http
ʻLTͷ༰ʼ ɾWebϓϩάϥϛϯάֶशΛ࢝Ίͨࠒɺhttp ΛཧղͤͣʹਐΊ్ͯதͰཧղ͠ϋοͱͨ͠ ͷͰhttpΛօ͞Μૣ͑͘Δ ɾϓϩάϥϛϯάΛ࢝ΊΑ͏ͱࢥ͍ͬͯΔ͕ɺ৭Μͳ༻ޠ͕Ͱͯ ͖ͯཧͰ͖͍ͯͳ͍ํɹɹ ʻରͷํʼ ɾhttpͱhttpsͷҧ͍͕͔Βͳ͍ํ ɾͯ͛WEBֶͼ͍ͨํ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ
WEBͱωοτϫʔΫݟ͞NIGHT
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹWEBͱωοτϫʔΫݟ͞NIGHT ʻࣗݾհʼ MICCIʢϛονʔʣ ٶ࡚ݝग़ WebΤϯδχΞʢ͔͚ͩ͠ʣ DJ ʻڵຯ&͖ʼ PHPɺJavaScriptɺVue.jsɺ WordPressɺDockerɺGit @MICCI_0627
WEBʹग़ձ͏·Ͱɾɾɾ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ւ֎ʹಌΕͯɺࣄྉཧਓʂ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ࡏઌͷγΣΞϋεͰɺੈͷதʹRUBY ͱ͍͏ϓϩάϥϛϯάݴޠ͕͋ͬͯɺWEB ͷੈքͰੜ׆͍ͯ͠Δਓ͕͍Δ͜ͱΛΔʂ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ؼࠃޙɺମྗతͳෆ҆Λཧ༝ʹ ύιίϯͰࣄ͍ͨ͠ͱҰେܾ৺ʂ WEBۀքΛ౿ΈೖΕΔɻɻɻ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ͱΓ͋͑ͣϓϩάϥϛϯάͷษڧΛ͠·͘Δͧʂʂ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
݄ྲྀΕɺ͋Δಥવ ;ͱٙʹࢥ͏ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ͳΜͷҝʹίʔυ͔͍ͯΔΜ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ͦͦԿͰΠϯλʔωοτͬͯ ಈ͍ͯΔΜɻɻɻ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT Πϯλʔωοτͱ͍͏ωοτϫʔΫͷதͰ HTTPͱ͍͏ϓϩτίϧͰσʔλʢhtml,CSS, ը૾ʣΛΓͱΓͯ͠ΔΜͰʂʂ
ͬ͘͟Γͱઆ໌͍͖ͯ͠·͢ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT Web = World wide web
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT Webϒϥβ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT WebϒϥβͰݕࡧ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT Webϒϥβͷ্ͷํ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT httpͱ͍͏ϓϩτίϧ ͰΞΫηε͍ͯ͠Δ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT HTTPΛͬͯαʔόʔʹΞΫηε͢Δ HTTPͰݕࡧͨ͠αΠτͷσʔλ͕͘Δ αʔόʔʹαΠτͷσʔλ͕ อଘ͞Ε͍ͯΔ!!
ҙ֎ͱγϯϓϧ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT http͡Όͳͯ͘ httpsͳΜͰ͚͢Ͳ… ϓϩτίϧ͍ͬͯΘΕͯ…
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT Hyper Text Transfer Protocol ུͯ͠http
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT ͩͬͨΜͰ͕͢
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT Hyper Text Transfer Protocol Secure ུͯ͠https ˎ҆શͳଓΛߦ͏
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT HTTP + SSL = HTTPS SSL= Secure Socket
Layer ใͷ҉߸Խ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT ௨৴༰͕҉߸Խ͞Ε͍ͯΔ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT Google20187݄ʹϦϦʔε͢Δ༧ఆͷ ϒϥβʮChrome 68ʯ͔ΒɺHTTPଓ ͞Ε͍ͯΔαΠτʹ͍ͭͯʮ҆શͰͳ͍ʯ ͱදࣔͤ͞ΔํΛൃද͠·ͨ͠ɻ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT ϓϩτίϧʹ͍ͭͯ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT SMTP= Simple Mail Transfer Protocol ిࢠϝʔϧͷૹ৴ʹ༻͍ΒΕΔϓϩτίϧ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT SMTP= Simple Mail Transfer Protocol
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT FTP= File Transfer Protocol ϑΝΠϧΛసૹ͢ΔͨΊͷϓϩτίϧ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT FTP= File Transfer Protocol ϑΝΠϧΛసૹ͢ΔͨΊͷϓϩτίϧ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT ৭ʑͳϓϩτίϧΛͬͯαʔόʔͱΓͱΓΛ ͍ͯͯ͠WebωοτϫʔΫͷੈք͕ಈ͍͍ͯΔ
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT JSON= Java Script Object Notation ϓϩάϥϛϯάΛษڧ͍ͯ͠Δͱ্هͷΑ͏ʹJSONͱ͍ ͏ݴ༿͕ग़͖ͯͨΓͯ͠ԿͩͦΕͬͯͳΔ͕ɺௐΔͱJS ͷ෦JavaScriptͷུͩͬͨΓͯ͠ϋοͱͤ͞ΒΕΔࣄ
͕ʑ͋ΔͷͰɺҙຯ͔Βͳ͍ͱ͖ௐͨํ͕ΠΠʂ ʢHTTPSMTPFTPPͷҙຯϓϩτίϧͩͬͨΓʣ ࠓ͔͑ͨͬͨ͜ͱ ࣮
ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ WEBͱωοτϫʔΫݟ͞NIGHT