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

2000年頃のフロントエンド技術

Tomoyuki Sugita
August 28, 2016
Technology
1
8.5k

 2000年頃のフロントエンド技術

16年でフロントエンド技術はここまで変わった。今の20代はFramesetを知らない。今の30代、40代はテクノロジーが変わりまくるこの危機的状況に気づくべきた。

Tomoyuki Sugita

August 28, 2016
Tweet

More Decks by Tomoyuki Sugita

See All by Tomoyuki Sugita
ラズパイマガジン 寄稿ネタDEMO
tomotomo
0
610
PHPでLチカ（PHPカンファレンス2018 懇親会）
tomotomo
0
2.9k
IoTデバイスのつらみ isaaxで解消しましょう
tomotomo
0
79
IoTLT 40回 おめでとう！
tomotomo
2
410
「isaax」を使った PoCからプロダクションまでの開発
tomotomo
0
220
WordPressとサーバーとお金の話
tomotomo
0
720
スタートアップのレガシーシステムをAws活用で改善している話
tomotomo
0
430

Other Decks in Technology

See All in Technology
LOWYAにおける負荷対策と高速化~GraphQL Caching on Amazon CloudFront with AWS Prototyping Program~
datahaikuninja
1
130
Molecule: Using Compose for presentation logic
chrishorner
1
210
アプリケーションエンジニアから見たPostgreSQL15 の新機能/postgresql15-new-information
takahashiikki
5
1.7k
OCI技術資料 : ロード・バランサー 詳細 / Load Balancer 200
ocise
2
6.1k
OpenTelemetryを用いたObservability基盤の実装 with AWS Distro for OpenTelemetry
k6s4i53rx
2
280
PHPバージョンアップのための依存ライブラリとの付き合い方 / phpcon2022
blue_goheimochi
1
950
pod-security-admission-k8s-policy
mochizuki875
1
150
Evolving JUnit 5
marcphilipp
5
1.2k
Symfony Serializer Deep Dive
suzuki
0
240
Android/Chromeで体験できる 認証のための標準化仕様の 現在と未来 @ DroidKaigi 2022
ritou
0
180
Using Change Data Capture for Stack Modernization
kamorisan
0
1.7k
バクラクのOCRで注目する指標について 〜精度の定義は一つじゃない〜 / Bakuraku OCR Metrics
shuntak
0
210

Featured

See All Featured
Why Our Code Smells
bkeepers
PRO
325
55k
It's Worth the Effort
3n
173
26k
Six Lessons from altMBA
skipperchong
15
1.5k
Producing Creativity
orderedlist
PRO
334
37k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
Design by the Numbers
sachag
271
17k
Navigating Team Friction
lara
175
11k
No one is an island. Learnings from fostering a developers community.
thoeni
10
1.4k
Rails Girls Zürich Keynote
gr2m
87
12k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
42
14k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Making Projects Easy
brettharned
100
4.4k

Transcript

  1. 2000೥ࠒͷϑϩϯτΤϯυٕज़ Grand Frontend Osaka 2016࠙਌ձLT ΫοΫϏζגࣜձࣾɹਿా஌ࢸ

  2. ࣗݾ঺հ

  3. 5PNPZVLJ 4VHJUB
 !UPNPUPNPCJMF w ΫοΫϏζגࣜձࣾ w %FWFMPQNFOUNBOBHFS w 3FBDUKTͷνϡʔτϦΞϧ ΍Γ·ͨ͠ʂ

  4. How old are You?

  5. ୅ʁ ୅ʁ ୅લ൒ʁ ୅ޙ൒ʁ ୅Ҏ্ʁ

  6. ୅ʁ ୅ʁ ୅લ൒ʁ ୅ޙ൒ʁ ୅Ҏ্ʁ

  7. ϒϥ΢β ϔομʔ ϝχϡʔ ίϯςϯπ

  8. 2000೥ࠒͷٕज़Ͱ ίʔσΟϯάͯ͠Έ·͢

  9. ϚʔΫΞοϓฤ

  10. ࠓͷίʔσΟϯά <!DOCTYPE html> <html lang="ja"> . . .

  11. 2000೥ࠒͷίʔσΟϯά <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3.org/TR/html4/ loose.dtd">

    <HTML lang="ja"> . . .

  12. 2000೥ࠒͷίʔσΟϯά <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3.org/TR/html4/ loose.dtd">

    <HTML lang="ja"> . . .

  13. 2000೥ࠒͷίʔσΟϯά <HEAD> . . <META name="GENERATOR" content="JustSystems Homepage Builder Version

    15.0.0.0 for Windows"> .

  14. ϨΠΞ΢τฤ

  15. ϒϥ΢β ϔομʔ ϝχϡʔ ίϯςϯπ

  16. ࠓͷϨΠΞ΢τ IFBEFS OBW EJWJElDPOUFOUTz  TFDUJPO

  17. 2000೥͝ΖͷϨΠΞ΢τ IFBEFSIUNM NFOVIUNM JOEFYIUNM 8FC$PNQPOFOUT͸࢖͍·ͤΜΑ

  18. 2000೥ࠒͷίʔσΟϯά <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" “http://www.w3.org/TR/html4/ frameset.dtd">

    <HTML lang="ja"> . . .

  19. 2000೥͝ΖͷϨΠΞ΢τ(վ) 5%JElIFBEFSz 5%JE
 lNFOVz 5%JElDPOUFOUTz

  20. None

  21. DPMTQBO

  22. DPMTQBO ίϯςϯπʹΑͬͯԿނ͔ζϨΔ

  23. TQBDFSHJG IFJHIUQY XJEUIQY ಁ໌(*'ը૾ ͦ͜Ͱొ৔ɾɾɾ

  24. JNHTSDlTQBDFSHJGz
 XJEUIIFJHIU

  25. JNHTSDlTQBDFSHJGz
 XJEUIIFJHIU
 BMUlz 4&0ؾʹ͢Δ੎

  26. XJEUI XJEUI IFJHIU DPMTQBO TQBDFSHJGͳ͠ʁ

  27. XJEUI XJEUI IFJHIU  DPMTQBO TQBDFS HJGͳ ͠ʁ

  28. CSS࢖Θͳͯ͘΋ ϨΠΞ΢τͰ͖Δʂ

  29. ηϯλϦϯάฤ

  30. ϒϥ΢β ϔομʔ ϝχϡʔ ίϯςϯπ ౰ͨΓલ͗ͯ͢࿩୊ʹ͢Β্͕Βͳ͍ ίϯςφͷηϯλϦϯά

  31. ࠓͷίʔσΟϯά div#container { margin: 0 auto; }

  32. 2000೥ࠒͷίʔσΟϯά <center> <table align=“left”> ... </table> </center>

  33. CSS࢖Θͳͯ͘΋ ηϯλϦϯάͰ͖Δʂ

  34. ·ͱΊ • ࠓͷਓ͸֮͑Δ͜ͱ͕ଟͯ͘େมͩͶʂ • Ͱ΋ɺ͋ͷ࣌୅ʹ͸໭Γͨ͘ͳ͍ʂ

  35. αʔόʔαΠυΤϯδχΞืूத ΫοΫϏζגࣜձࣾ