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
0
380
Webとネットワーク見直さNight
Yoshihiro Mitsuyuki
November 06, 2018
Tweet
Share
Featured
See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
150
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
160
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
110
Agile that works and the tools we love
rasmusluckow
331
21k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
350
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Become a Pro
speakerdeck
PRO
31
5.8k
Chasing Engaging Ingredients in Design
codingconduct
0
140
Optimising Largest Contentful Paint
csswizardry
37
3.6k
WCS-LA-2024
lcolladotor
0
480
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