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
Introduction to Web Technologies
Search
Takaya Deguchi
February 23, 2013
Technology
17
2.1k
Introduction to Web Technologies
大学内の勉強会に呼ばれたので学部生向けにお話しました
Takaya Deguchi
February 23, 2013
Tweet
Share
More Decks by Takaya Deguchi
See All by Takaya Deguchi
Figmaでデザインを"ひらく" / Design for Everyone by Figma
dex1t
1
1.3k
キャリアの分岐点 / the intersection of my carrier
dex1t
3
270
コードを書きながらデザインする意味と効果 / The intersection of design & engineering
dex1t
7
2.6k
Cookpad Summer Internship 2018, 5 days Product Course
dex1t
3
7.5k
Machine Learning for Rapid Prototyping #CIIDSummerSchool
dex1t
8
4.9k
2018 Cookpad Spring Internship Service Develoment Course
dex1t
3
3.3k
体験を売るためのサービスづくり
dex1t
3
810
ユーザーと向き合いながらつくるSaaS #service_dev
dex1t
3
9.6k
Kibela meets Stripe - Stripeを使って新規SaaSを立ち上げた話 #JP_Stripes
dex1t
12
4.7k
Other Decks in Technology
See All in Technology
Claude Code 10連ガチャ
uhyo
3
660
Flutterコントリビューションのススメ
d_r_1009
1
350
ステートレスなLLMでステートフルなAI agentを作る - YAPC::Fukuoka 2025
gfx
6
720
Redux → Recoil → Zustand → useSyncExternalStore: 状態管理の10年とReact本来の姿
zozotech
PRO
9
4.4k
どうなる Remix 3
tanakahisateru
2
360
Copilotの精度を上げる!カスタムプロンプト入門.pdf
ismk
10
3.4k
決済システムの信頼性を支える技術と運用の実践
ykagano
0
490
エンジニアに定年なし! AI時代にキャリアをReboot — 学び続けて未来を創る
junjikoide
0
180
Dart and Flutter MCP serverで実現する AI駆動E2Eテスト整備と自動操作
yukisakai1225
0
350
エンジニアにとってコードと並んで重要な「データ」のお話 - データが動くとコードが見える:関数型=データフロー入門
ismk
0
470
AIと共に開発する時代の組織、プロセス設計 freeeでの実践から見えてきたこと
freee
3
600
「データ無い! 腹立つ! 推論する!」から 「データ無い! 腹立つ! データを作る」へ チームでデータを作り、育てられるようにするまで / How can we create, use, and maintain data ourselves?
moznion
7
3.7k
Featured
See All Featured
Bash Introduction
62gerente
615
210k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
How STYLIGHT went responsive
nonsquared
100
5.9k
Code Reviewing Like a Champion
maltzj
527
40k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
Become a Pro
speakerdeck
PRO
29
5.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Mobile First: as difficult as doing things right
swwweet
225
10k
Transcript
ೖ ͷ͘͠Έ Web Introduction to Web Technology Deguchi Takaya 7)',*82¹Ð¨
ÜºÚ ³¾Ċ¥ ÉđïóÌ @ à< PV: =?Rc B\G? >C[K
?òä¹Ð¤ >7)',*82a¦[b^D[Q
etix ÂSp #)&pÚFlÅð×ÿ _³¨Ed[ >YXMehċÃbĔßG`IDPdQ
qJLZJL^Sõ JLM¢9S 15'2/ .&-0 JLõ
"SàÙ¿ÞS¼« QK8LgtbK<X >ùHDM\bîDZBOXKkGąPdQ
etix §Ýa|¡ "bÀ:^´Ô¿Þ _³¨Ed[
"qg|
u¡ #350(#-()#)& gw~y|S½Í£SK
"SÏÕ %00- (+,3)"!$"0.+/#".%3#&)"/3,.!-."// ,* ".+'-$
"SÏÕ %00- (+,3)"!$"0.+/#".%3#&)"/3,.!-."// ,* ".+'-$ çÁS§ÅVCI^8aN<B]9ó
by Tim Berners-Lee
´Ô¿Þ
hk½kQl ĈµQl ĀëQl
ql L R ~yw rueSZ bDB]EU qlge|ē[¨ąQlVfa¡ yusHjÑRąPHLl¼¶
vy}Nuzwuo} L R ~yw ruWEL T87O9G ("% 2$%
87!% 9!% āç±Í\Taûâ ʜ & #* :* 135<; ʜ
uz|u yusaéÕp«ÊP^D¼¶ L R ~yw 4'("%)+$# .,-/)06("% õõõ
L R ~yw dgeSZ OSruWi°
I ¡rua¢Ó^誶¼¶
"\púeÀoSVgaIyw ¡ÁÇay_gªEgl L R 8K4@C?8 6B@ ~yw ;GGC 8K4@C?8
6B@ ;B:8 ;G@? m[b bDB]EU
L R 8K4@C?8 6B@ ~yw ;GGC 8K4@C?8 6B@ ;B:8%0*) m[b
#)&£[ÛôpĀëQlVfax¡ # IÊ˯ ėĆùb·ÔĖĘ
hk½kQl ĈµQl ĀëQl "S´Ô¿Þ " #$!$
" .*,/&-+ " ()'% ³° #)&pÚFl×ÿ,774 %1;273%
etix §Ýa|¡ #)&pÚFlÅð×ÿ sQ©9VM
M7¹îO9PJL^Sõ
Èsqg|bòÇQBL7 r=sQ©9VMQ OcP¿Þ=¢a_L8^S< >^lcK»øº ØĉºPZGąPdQ
˘ ýèXVP^qH©nE
"hr #)&a¯k¾Slge|
S¦¬ ]a¡_syQlaHpÞñ
qUSlju| L R /856BB>C47 6B@ ~ywz !BFG6BB>C47 6B@
"pg\_v~Iywpč¬ s¡bĎÎ!ywNml M!,,)g©`]uéÇg/85dRRlZ N Õ£TC46;8!,,)+8EI8EâÌC46;8':<AK""+
uuS±¥ L R ~ywz , !,,) !BFG6BB>C47 6B@ /856BB>C47 6B@
ywp}¡[²ìPZQl !,,) ($ BAG8AG,LC8G8KG ;G@?6;4EF8GHG9 4G8E< 85 &, G4:97:4L:6 8 9 +8EI8E+$&+4 +8GBB><8>8LI4?H8>8L I4?H8 +G4GHF ($ .4ELHF8E:8AG BAA86G<BA?BF8 yx
(,1);G@?)-%" / , 0!,&% ,E4AF<G<BA4? ';GGC JJJ J BE: ,*
K;G@? , K;G@? GE4AF<G<BA4? 7G7 ;G@? ;847 @8G4;GGC8DH<IBAG8AG,LC8 6BAG8AGG8KG ;G@?6;4EF8GHG9 ?<A>E8?4?G8EA4G8@87<4;4A7;8?7 GLC8G8KG ;G@?;E89;GGC @ 6BB>C47 6B@ ?<A>E8?4CC?8GBH6;<6BA;E89 <@4:8F 78I<68 4CC?8GBH6;<6BA CA: ?<A>GLC84CC?<64G<BA BC8AF84E6;78F6E<CG<BAK@?E8?F84E6; G<G?8~~ÅÏ;E89 BF7 K@? G<G?8ÅÏ'B ê¿Èß[s fq~~ G<G?8@8G46BAG8AG ά¿È(($)V`Vk` eE86<C8A4@8>8LJBE7F @8G4 6BAG8AGÁñh¿ÈyP uÝSsO¢rÀuÅÏcUsPµ¹ uu ÆÁ{f WWgT ÙáXtbRs æT\hllÜ nhiYveR
xm v~I!pâíPZĀëQl | ,E<78AG"/85><G;EB@8+494E<(C8E4 86>B<E8BK
æ ¿waâíQê8ICl a¼Ä
AAVMM»ÒSäÛ }¡\yusa
˘
ölylô
¨»lju| L R /856BB>C47 6B@ ~ywz =a IĂVD §Ïb}¡a²ì_YDZGąPdQ O9Ö:^6
FYFY L R /85 ~yw 8K4@C?8 6B@ GB@4GB3C4FG4 ;G@? um[bè
"pÙËPZKmVjąb»ø ÙËNmV¡pČQWLWXVbR I 731%73$4%67%,710 I '5)%1$4%67%,710 I 5%1)2,710 I 8(32,710 ñÑPSì¥
"=ðD^QK_L ¡~æ_ďE¡pЬPVD ÑQbK?`9ó TgTg!pÈĒ_õì[J^D gX\{p _PVD ¸ åËÑ M ¸¡ªhÚ
"qg|bÑQ zzĄćA!IÑā L R yØÛ ~ywyØÛ *H5L )!) )8E? #4I4
)LG;BA #4I4+6E<CG ?4F; 6G<BA+6E<CG M~yw¤izT¶»ZsºÖTQshcéä¾ÒT·fR zc«¢
TÑ̾D^@O íÖ®\^l¡]EõìPiE {wuQ¤·B]9ó ¸ åËÑ M£SjhÄ¿¼¯
{wuSе !íÖ_Ñā^ÒÆpDmZGK q ÂáÜ´Ē©ü : 367+5) 5%'0))7' 3
32+3)(-61)1'%',)()7'
qg|É×=OcOcßð¯ gX\¸êiK}upåöPVD lb¢;9ó ¸ åËÑ M_p`d®ÍcZTP
"e ns lSе #)&}up¸êþK©lVfaãúe ă÷hytaĕÀ w &.w}~( * |x }{ 8&:32%-068&:%/)
.%2+3:7,320%:%9%)7'
A_VMbéV:^N R yus =a IĂVD "q L w qqg}ãå l
q {wu ÝD^sS³8²aE s s I bÑ̾ h×cZ
K8Q||uwSá= ë¸lge|qg} ãå=hrM¡
AAVMM»ÒSäÛ }¡\yusa
»ÒTÓÎ MaGDPTEĖ ˘ ¡~
ösN©:Hô
kuuÄØ