Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
510
ラズパイマガジン 寄稿ネタ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-09 【sigma_ucj#1】Sigma を IaC 管理したい！ / IaC for Sigma
Avatar for civitaspo civitaspo
0
120
AI活用の現在地、 ちゃんと見えてますか？/XPfest-2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
210
Where Is JetBrains AI Heading- — Central CLI, Air Alpha, and the Agentic Development Stack
Avatar for Daisuke Masuda x5gtrn
PRO
0
160
Snowflakeのコスト最適化を支えるアーキテクチャ設計
Avatar for Tatsuya Koreeda ktatsuya
1
1.5k
AIオーケストレーションを活用した 開発ワークフローの設計と実践
Avatar for bqnq bqnq
0
150
Sigmaで作る業務アプリ
Avatar for kazushiro_honma kazushiro_honma
0
120
OpenTelemetry eBPF Instrumentationの舞台裏 / Behind the Scenes of OpenTelemetry eBPF Instrumentation
Avatar for ymotongpoo ymotongpoo
4
1.2k
Deploying a Full-Stack Bun-Native Framework on Cloudflare Workers
Avatar for daiki7nohe 7nohe
0
150
安心して変更できるWebフロントエンドの作り方
Avatar for Hiroyuki ANAI pirosikick
4
1.7k
幾何アルゴリズムで なめらかなピン操作を / iOSDC Japan 2026 / smoothpin
Avatar for nade kazumanagano
0
290
生成AIのテナント制御とシャドーMCP対策 | AIを"止めずに"、情報を守る
Avatar for yu yukun
0
160
アプリログインとWeb認証基盤をつなぐ ASWebAuthenticationSession 作法
Avatar for Go Takagi shimastripe
1
230

Featured

See All Featured
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.8k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
920
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
230
Fireside Chat
Avatar for paigeccino paigeccino
43
4k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
520
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
3.9k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
65k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
3
53k

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