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

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

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

9c5189b33ab575b7f8b155f7f7a0fa60?s=128

Tomoyuki Sugita

August 28, 2016
Tweet

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