Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Webとネットワーク見直さNight
Search
Yoshihiro Mitsuyuki
November 06, 2018
390
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
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.8k
Become a Pro
speakerdeck
PRO
31
6.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
RailsConf 2023
tenderlove
30
1.6k
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.2k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
570
From π to Pie charts
rasagy
1
400
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
580
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.8k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
730
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