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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Tomoyuki Sugita
August 28, 2016
Technology
11k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
2000年頃のフロントエンド技術
16年でフロントエンド技術はここまで変わった。今の20代はFramesetを知らない。今の30代、40代はテクノロジーが変わりまくるこの危機的状況に気づくべきた。
Tomoyuki Sugita
August 28, 2016
More Decks by Tomoyuki Sugita
See All by Tomoyuki Sugita
「1行もコードを書かない」Unityゲーム開発
tomotomo
0
78
採用でプロダクトの壁を乗り越える
tomotomo
1
490
ラズパイマガジン 寄稿ネタDEMO
tomotomo
0
1k
PHPでLチカ(PHPカンファレンス2018 懇親会)
tomotomo
1
3.4k
IoTデバイスのつらみ isaaxで解消しましょう
tomotomo
0
160
IoTLT 40回 おめでとう!
tomotomo
2
500
「isaax」を使った PoCからプロダクションまでの開発
tomotomo
0
320
WordPressとサーバーとお金の話
tomotomo
0
1.3k
スタートアップのレガシーシステムをAws活用で改善している話
tomotomo
0
580
Other Decks in Technology
See All in Technology
20260807_第6回_関東kaggler会LT_claw系bot xangiと始める、"寂しくない" kaggle
sugupoko
0
270
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
オートロックマンションなのに、各部屋は施錠なし!? 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
nttcom
1
4k
TypeScript入門 2026
recruitengineers
PRO
3
580
【CEDEC2026】ゲームシナリオライターを支援するAIツール開発の実践 ― 設計とプロンプトの工夫 ―
cygames
PRO
1
850
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏~
cygames
PRO
1
1.3k
Head First モブプログラミング / Head First Mobprogramming
takaking22
10
12k
FDEの心得
noriakioji
4
5.7k
Model Studio CLI × Token Plan
maigo999
0
180
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
19k
Goでデータパイプラインを作ろう
sansantech
PRO
1
450
【CEDEC2026】グラフィックスエンジニアのためのニューラルシェーディング入門
cygames
PRO
0
150
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Curse of the Amulet
leimatthew05
2
14k
The Cult of Friendly URLs
andyhume
79
7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
73
41k
[SF Ruby Conf 2025] Rails X
palkan
2
1.3k
Into the Great Unknown - MozCon
thekraken
41
2.7k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
350
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
BBQ
matthewcrist
89
10k
Embracing the Ebb and Flow
colly
88
5.1k
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Θͳͯ͘ ηϯλϦϯάͰ͖Δʂ
·ͱΊ • ࠓͷਓ֮͑Δ͜ͱ͕ଟͯ͘େมͩͶʂ • Ͱɺ͋ͷ࣌ʹΓͨ͘ͳ͍ʂ
αʔόʔαΠυΤϯδχΞืूத ΫοΫϏζגࣜձࣾ