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
2000年頃のフロントエンド技術
Search
Tomoyuki Sugita
August 28, 2016
Technology
1
10k
2000年頃のフロントエンド技術
16年でフロントエンド技術はここまで変わった。今の20代はFramesetを知らない。今の30代、40代はテクノロジーが変わりまくるこの危機的状況に気づくべきた。
Tomoyuki Sugita
August 28, 2016
Tweet
Share
More Decks by Tomoyuki Sugita
See All by Tomoyuki Sugita
採用でプロダクトの壁を乗り越える
tomotomo
1
390
ラズパイマガジン 寄稿ネタDEMO
tomotomo
0
940
PHPでLチカ(PHPカンファレンス2018 懇親会)
tomotomo
0
3.3k
IoTデバイスのつらみ isaaxで解消しましょう
tomotomo
0
130
IoTLT 40回 おめでとう!
tomotomo
2
480
「isaax」を使った PoCからプロダクションまでの開発
tomotomo
0
300
WordPressとサーバーとお金の話
tomotomo
0
1.1k
スタートアップのレガシーシステムをAws活用で改善している話
tomotomo
0
520
Other Decks in Technology
See All in Technology
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
130
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
340
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
4
3.9k
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
130
AIの全社活用を推進するための安全なレールを敷いた話
shoheimitani
2
530
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
2
9.4k
ビギナーであり続ける/beginning
ikuodanaka
3
760
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
200
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
AWS認定を取る中で感じたこと
siromi
1
190
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
50
20k
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
270
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
RailsConf 2023
tenderlove
30
1.1k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
We Have a Design System, Now What?
morganepeng
53
7.7k
Docker and Python
trallard
44
3.5k
How GitHub (no longer) Works
holman
314
140k
The Cult of Friendly URLs
andyhume
79
6.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Code Reviewing Like a Champion
maltzj
524
40k
Facilitating Awesome Meetings
lara
54
6.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
2000ࠒͷϑϩϯτΤϯυٕज़ Grand Frontend Osaka 2016࠙ձLT ΫοΫϏζגࣜձࣾɹਿాࢸ
ࣗݾհ
5PNPZVLJ 4VHJUB !UPNPUPNPCJMF w ΫοΫϏζגࣜձࣾ w %FWFMPQNFOUNBOBHFS w 3FBDUKTͷνϡʔτϦΞϧ Γ·ͨ͠ʂ
How old are You?
ʁ ʁ લʁ ޙʁ Ҏ্ʁ
ʁ ʁ લʁ ޙʁ Ҏ্ʁ
ϒϥβ ϔομʔ ϝχϡʔ ίϯςϯπ
2000ࠒͷٕज़Ͱ ίʔσΟϯάͯ͠Έ·͢
ϚʔΫΞοϓฤ
ࠓͷίʔσΟϯά <!DOCTYPE html> <html lang="ja"> . . .
2000ࠒͷίʔσΟϯά <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3.org/TR/html4/ loose.dtd">
<HTML lang="ja"> . . .
2000ࠒͷίʔσΟϯά <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3.org/TR/html4/ loose.dtd">
<HTML lang="ja"> . . .
2000ࠒͷίʔσΟϯά <HEAD> . . <META name="GENERATOR" content="JustSystems Homepage Builder Version
15.0.0.0 for Windows"> .
ϨΠΞτฤ
ϒϥβ ϔομʔ ϝχϡʔ ίϯςϯπ
ࠓͷϨΠΞτ IFBEFS OBW EJWJElDPOUFOUTz TFDUJPO
2000͝ΖͷϨΠΞτ IFBEFSIUNM NFOVIUNM JOEFYIUNM 8FC$PNQPOFOUT͍·ͤΜΑ
2000ࠒͷίʔσΟϯά <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" “http://www.w3.org/TR/html4/ frameset.dtd">
<HTML lang="ja"> . . .
2000͝ΖͷϨΠΞτ(վ) 5%JElIFBEFSz 5%JE lNFOVz 5%JElDPOUFOUTz
None
DPMTQBO
DPMTQBO ίϯςϯπʹΑͬͯԿނ͔ζϨΔ
TQBDFSHJG IFJHIUQY XJEUIQY ಁ໌(*'ը૾ ͦ͜Ͱొɾɾɾ
JNHTSDlTQBDFSHJGz XJEUIIFJHIU
JNHTSDlTQBDFSHJGz XJEUIIFJHIU BMUlz 4&0ؾʹ͢Δ
XJEUI XJEUI IFJHIU DPMTQBO TQBDFSHJGͳ͠ʁ
XJEUI XJEUI IFJHIU DPMTQBO TQBDFS HJGͳ ͠ʁ
CSSΘͳͯ͘ ϨΠΞτͰ͖Δʂ
ηϯλϦϯάฤ
ϒϥβ ϔομʔ ϝχϡʔ ίϯςϯπ ͨΓલ͗ͯ͢ʹ͢Β্͕Βͳ͍ ίϯςφͷηϯλϦϯά
ࠓͷίʔσΟϯά div#container { margin: 0 auto; }
2000ࠒͷίʔσΟϯά <center> <table align=“left”> ... </table> </center>
CSSΘͳͯ͘ ηϯλϦϯάͰ͖Δʂ
·ͱΊ • ࠓͷਓ֮͑Δ͜ͱ͕ଟͯ͘େมͩͶʂ • Ͱɺ͋ͷ࣌ʹΓͨ͘ͳ͍ʂ
αʔόʔαΠυΤϯδχΞืूத ΫοΫϏζגࣜձࣾ