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

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

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

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

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

Tomoyuki Sugita

August 28, 2016
Tweet

More Decks by Tomoyuki Sugita

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

Other Decks in Technology

See All in Technology
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
820
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会（#AI道場）
Avatar for you（@youtoy） you
PRO
0
1.3k
AWS CDK 入門ガイド これだけは知っておきたいヒント集
Avatar for Anan Kikuchi anank
5
760
「Chatwork」のEKS環境を支えるhelmfileを使用したマニフェスト管理術
Avatar for hanayo04 hanayo04
1
400
AWS Well-Architected から考えるオブザーバビリティの勘所 / Considering the Essentials of Observability from AWS Well-Architected
Avatar for SMS tech sms_tech
1
110
ABEMAの本番環境負荷試験への挑戦
Avatar for Miyazaki Taiga mk2taiga
5
1.3k
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
Avatar for mackerelio mackerelio
3
2k
三視点LLMによる複数観点レビュー
Avatar for リリカル mhlyc
0
230
AI Ready API ─ AI時代に求められるAPI設計とは？/ AI-Ready API - Designing MCP and APIs in the AI Era
Avatar for Yoichi Kawasaki yokawasa
9
2.5k
20250708オープンエンドな探索と知識発見
Avatar for Sakana AI sakana_ai
PRO
4
1k
AIエージェントが書くのなら直接CloudFormationを書かせればいいじゃないですか何故AWS CDKを使う必要があるのさ
Avatar for watany watany
18
7.6k
AIでテストプロセス自動化に挑戦する
Avatar for K_SAK sakatakazunori
1
530

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
108
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Side Projects
Avatar for Sacha Greif sachag
455
42k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
830
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k

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