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
11k
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
420
ラズパイマガジン 寄稿ネタDEMO
tomotomo
0
970
PHPでLチカ(PHPカンファレンス2018 懇親会)
tomotomo
0
3.3k
IoTデバイスのつらみ isaaxで解消しましょう
tomotomo
0
140
IoTLT 40回 おめでとう!
tomotomo
2
490
「isaax」を使った PoCからプロダクションまでの開発
tomotomo
0
310
WordPressとサーバーとお金の話
tomotomo
0
1.2k
スタートアップのレガシーシステムをAws活用で改善している話
tomotomo
0
530
Other Decks in Technology
See All in Technology
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.9k
AWSと生成AIで学ぶ!実行計画の読み解き方とSQLチューニングの実践
yakumo
2
240
AIエージェントを5分で一気におさらい!AIエージェント「構築」元年に備えよう
yakumo
1
140
迷わない!AI×MCP連携のリファレンスアーキテクチャ完全ガイド
cdataj
0
260
ソフトウェアエンジニアとAIエンジニアの役割分担についてのある事例
kworkdev
PRO
1
370
1万人を変え日本を変える!!多層構造型ふりかえりの大規模組織変革 / 20260108 Kazuki Mori
shift_evolve
PRO
5
850
AI: The stuff that nobody shows you
jnunemaker
PRO
1
160
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
330
I tried making a solo advent calendar!
zzzzico
0
130
Oracle Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
3
260
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
「違う現場で格闘する二人」——社内コミュニティがつないだトヨタ流アジャイルの実践とその先
shinichitakeuchi
0
100
Featured
See All Featured
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
0
37
Statistics for Hackers
jakevdp
799
230k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
Are puppies a ranking factor?
jonoalderson
0
2.6k
How to build a perfect <img>
jonoalderson
1
4.8k
GraphQLとの向き合い方2022年版
quramy
50
14k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
130
The SEO identity crisis: Don't let AI make you average
varn
0
46
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
530
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
61
48k
The SEO Collaboration Effect
kristinabergwall1
0
320
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
92
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Θͳͯ͘ ηϯλϦϯάͰ͖Δʂ
·ͱΊ • ࠓͷਓ֮͑Δ͜ͱ͕ଟͯ͘େมͩͶʂ • Ͱɺ͋ͷ࣌ʹΓͨ͘ͳ͍ʂ
αʔόʔαΠυΤϯδχΞืूத ΫοΫϏζגࣜձࣾ