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

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

Transcript

1. 2000೥ࠒͷϑϩϯτΤϯυٕज़ Grand Frontend Osaka 2016࠙਌ձLT ΫοΫϏζגࣜձࣾɹਿా஌ࢸ
2. ࣗݾ঺հ
3. 5PNPZVLJ
   4VHJUB
 !UPNPUPNPCJMF w ΫοΫϏζגࣜձࣾ
   w %FWFMPQNFOU
   NBOBHFS
   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 EJW
    JElDPOUFOUTz
    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
21. DPMTQBO
22. DPMTQBO ίϯςϯπʹΑͬͯԿނ͔ζϨΔ
23. TQBDFSHJG IFJHIU
    
    QY
    XJEUI
    
    QY
    ಁ໌(*'ը૾ ͦ͜Ͱొ৔ɾɾɾ
24. JNH
    TSDlTQBDFSHJGz

    XJEUI
    IFJHIU
25. JNH
    TSDlTQBDFSHJGz

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