Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Architecture

Avatar for Inndy Inndy
May 11, 2016
Technology
430
0

Web Architecture

那些在瀏覽器背後發生的大小事情

Avatar for Inndy

Inndy

May 11, 2016

More Decks by Inndy

See All by Inndy
工程師一定要懂的 Text Encoding
Avatar for Inndy inndy
1
770
資訊安全：麻瓜的黑魔法防禦術
Avatar for Inndy inndy
3
3.1k
HackmeCTF 平台背後的心酸血淚史
Avatar for Inndy inndy
2
870
COSCUP 2018 Lightning Talk - 審稿好難，所以我們來寫程式吧
Avatar for Inndy inndy
0
500
逆向工程：從入門到放棄
Avatar for Inndy inndy
7
3.6k
HITCON 2017 Zeroday 發表會
Avatar for Inndy inndy
0
1.4k
No More Crypto Fails
Avatar for Inndy inndy
34
8.3k
你再共用密碼啊
Avatar for Inndy inndy
1
800
CTF From Zero To One
Avatar for Inndy inndy
5
5.3k

Other Decks in Technology

See All in Technology
秘密度ラベル初心者が第1歩でつまづかないための「設計・運用」ポイント
Avatar for seafay seafay
PRO
0
350
Oracle Cloud Infrastructure：2026年6月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
150
螺旋型キャリアの生存戦略 / kinoko-conf2026
Avatar for Rakus_Dev rakus_dev
0
140
GitHub Copilot app最速の発信の裏側
Avatar for tomokusaba tomokusaba
1
200
サイバーエージェントにおけるAI推進戦略と変革への取り組み
Avatar for shotaTsuge shotatsuge
0
250
iOS アプリの「これって不具合ですか？」を AI に調べてもらう
Avatar for Yuki Miida miichan
0
110
ぼっちではじめた登壇が「51名」「241件」の発信に化けた
Avatar for subroh_0508 subroh0508
1
260
気軽に使える"情報のハブ"としてのNotion活用　〜フロー情報の集積点 と、 Claude Code × Notion AI〜
Avatar for Ryo Okubo syucream
1
160
「勝手に広まる」人気 AI エージェントを爆速で作ろう！（AWS Summit Japan 2026講演資料）
Avatar for みのるん minorun365
PRO
10
2.1k
データレイクの「見えない問題」を可視化する
Avatar for SansanTech sansantech
PRO
1
130
アジャイルな経理と Claude Code と 経営の未来
Avatar for Yasunobu Kawaguchi kawaguti
PRO
3
170
Kiro Ambassador を目指す話
Avatar for Kazuki Adachi k_adachi_01
0
110

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
480
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
107
250k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
400
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
280
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k

Transcript

  1. WEB ARCHITECTURE NTUST CODING CLUB

  2. WEB ARCHITECTURE OUTLINE ▸ Server & Client ▸ HTTP? ▸

    ೲӥ Enter ԏ盅咳ኞጱԪ ▸ 蝢懱㶧ਧ ▸ 礚፡ HTTP 獉਻

  3. ֑๐瑊 / ਮ䜛ᒒ Ӟ獤傶ԫ

  4. CLIENT SERVER ———— 翕᪠蝫娄 ————

  5. WEB ARCHITECTURE ਮ䜛ᒒ ▸ ֦ጱ倵薩瑊 ▸ 礓㮆 App ҁֺই物Facebook҂ ▸

    curl, netcatҁLinux 瞲犤҂ ▸ request ҁNodeJS ጱ HTTP client library҂

  6. WEB ARCHITECTURE ֑๐瑊 ▸ Apache ▸ LAMP — Linux /

    Apache / MySQL / PHP ▸ nginx ▸ 斕ᰁ玕ᘒӬ穉斃盠ጱ֑๐瑊 ▸ IIS ▸ 盏敟ڊߝ牧砇蟴 ASP.NET 螀֢ࣁ Windows Ӥ

  7. HTTP?

  8. HYPER TEXT TRANSFER PROTOCOL HTTP WEB ARCHITECTURE

  9. ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐

  10. None
  11. None
  12. None

  13. 奾๳牐

  14. WEB ARCHITECTURE ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 ▸ DNS 礚扇 ▸ ಩翕࣎旉矦౮

    IP ֖࣎ ▸ TCP 蝫娄 ▸ ݻ֑๐瑊咳蚏 TCP 蝫娄ᥝ穩 ▸ ୌ缏 HTTP 藶穩㪔Ӭ蝑ڊ ▸ 虏౯㮉㬵፡፡ HTTP ጱ獉਻牦 蝡犚Ԫ眐᮷ฎኧਮ䜛ᒒਠ౮ጱ

  15. WEB ARCHITECTURE ▸ Routing ▸ 䲆礯䌘䛑 / 碝ᄤጱ敟誢᪠ኧ ▸ Controller

    / Script / CGI ▸ ݢ胼ฎӞ㮆 php 䲆礯牧犖ݢ胼ฎ NodeJS ጱ纷ୗ ▸ 蜴ࢧ HTTP ࢧ䛑妔ਮ䜛ᒒ ▸ 匍ࣁ֦ݢ犥፡ک Google Ḓ殷ԧ牦 ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 蝡犚Ԫ眐᮷ฎኧ֑๐瑊ਠ౮ጱ

  16. WEB ARCHITECTURE ▸ 倵薩瑊ӥ斉ٌ犢虻碘 (瑽粙, CSS, ...) ▸ 叨ኞๅग़ጱ HTTP

    藶穩 ▸ HTML ჉礕୚砻樄ত向ڊ翕殷 ▸ JavaScript ୚砻樄ত᪒ JavaScript 纷ୗ ▸ 匍ࣁ֦ݢ犥ࣁ Facebook Ӥ咳䔂෈ԧ牦 ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 蝡犚Ԫ眐᮷ฎኧਮ䜛ᒒਠ౮ጱ

  17. WEB ARCHITECTURE HTTP 藶穩 GET / HTTP/1.1\r\n Host: localhost\r\n Accept:

    text/html\r\n \r\n

  18. WEB ARCHITECTURE HTTP/1.1 200 OK\r\n Content-Length: 45\r\n Content-Type: text/html\r\n \r\n

    <html><body><h1>Hello, Web</h1></body></html> HTTP ࢧ䛑