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

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

Avatar for Tomoyuki Sugita Tomoyuki Sugita
August 28, 2016
Technology
11k
1

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

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

Avatar for Tomoyuki Sugita

Tomoyuki Sugita

August 28, 2016

More Decks by Tomoyuki Sugita

See All by Tomoyuki Sugita
「１行もコードを書かない」Unityゲーム開発
Avatar for Tomoyuki Sugita tomotomo
0
86
採用でプロダクトの壁を乗り越える
Avatar for Tomoyuki Sugita tomotomo
1
500
ラズパイマガジン 寄稿ネタDEMO
Avatar for Tomoyuki Sugita tomotomo
0
1k
PHPでLチカ（PHPカンファレンス2018 懇親会）
Avatar for Tomoyuki Sugita tomotomo
1
3.4k
IoTデバイスのつらみ isaaxで解消しましょう
Avatar for Tomoyuki Sugita tomotomo
0
160
IoTLT 40回 おめでとう！
Avatar for Tomoyuki Sugita tomotomo
2
510
「isaax」を使った PoCからプロダクションまでの開発
Avatar for Tomoyuki Sugita tomotomo
0
330
WordPressとサーバーとお金の話
Avatar for Tomoyuki Sugita tomotomo
0
1.3k
スタートアップのレガシーシステムをAws活用で改善している話
Avatar for Tomoyuki Sugita tomotomo
0
580

Other Decks in Technology

See All in Technology
2026-09-04 SRE Tech Talk #15 怠惰なTerraform / Lazy Terraform
Avatar for SUZUKI Masashi masasuzu
0
230
Azure Cost Management の FOCUS コストデータを迷わず読むための“3つの軸”
Avatar for Tetsuya Odashima tetsuyaooooo
0
160
Kiro Crewしか勝たん！？
Avatar for Kazuki Miura miu_crescent
PRO
0
190
スクラムで身についていた動き方を、XPで捉え直してみた
Avatar for コドモン開発チーム codmoninc
PRO
1
310
2026-09-10 【Snowflake World Tour Tokyo 2026】dbt Core と Snowflake で実現する多層的なデータガバナンス / Multi-Layered Data Governance Powered by dbt Core and Snowflake
Avatar for civitaspo civitaspo
0
210
コスト最適化の「めんどくさい」を AWS FinOps Agent でチョット楽にする
Avatar for kaz classmethod_kaz
0
270
現場に行くだけでは足りない——プロダクトエンジニアが業務の流れを捉える観点と、その鍛え方
Avatar for 匠技研工業株式会社 / Takumi Engineering, inc. takumiengineering
0
330
Backstageでつくるセルフサービスな社内開発基盤
Avatar for Sakazaki Kikunosuke kikunosuke75
1
360
Bet AI Day 2026丨バクラク Autopilot、業務システムの再設計
Avatar for LayerX layerx
PRO
2
1.6k
Where Is JetBrains AI Heading- — Central CLI, Air Alpha, and the Agentic Development Stack
Avatar for Daisuke Masuda x5gtrn
PRO
0
140
WAF 運用改善の承認サイクル/SRE_BizReach_MIXI_1
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
370
Oracle Cloud Infrastructure IaaS 新機能アップデート 2026/6 - 2026/8
Avatar for oracle4engineer oracle4engineer
PRO
0
120

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.7k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.4k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
550
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
660
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
270
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
470
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
890

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. αʔόʔαΠυΤϯδχΞืूத ΫοΫϏζגࣜձࣾ