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

2000೥ࠒͷϑϩϯτΤϯυٕज़ Grand Frontend Osaka 2016࠙਌ձLT ΫοΫϏζגࣜձࣾɹਿా஌ࢸ

ࣗݾ঺հ

5PNPZVLJ 4VHJUB  !UPNPUPNPCJMF w ΫοΫϏζגࣜձࣾ w %FWFMPQNFOUNBOBHFS w 3FBDUKTͷνϡʔτϦΞϧ ΍Γ·ͨ͠ʂ

How old are You?

୅ʁ ୅ʁ ୅લ൒ʁ ୅ޙ൒ʁ ୅Ҏ্ʁ

ϒϥ΢β ϔομʔ ϝχϡʔ ίϯςϯπ

2000೥ࠒͷٕज़Ͱ ίʔσΟϯάͯ͠Έ·͢

ϚʔΫΞοϓฤ

ࠓͷίʔσΟϯά <!DOCTYPE html> <html lang="ja"> . . .

2000೥ࠒͷίʔσΟϯά <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3.org/TR/html4/ loose.dtd">
<HTML lang="ja"> . . .

2000೥ࠒͷίʔσΟϯά <HEAD> . . <META name="GENERATOR" content="JustSystems Homepage Builder Version
15.0.0.0 for Windows"> .

ϨΠΞ΢τฤ

ϒϥ΢β ϔομʔ ϝχϡʔ ίϯςϯπ

ࠓͷϨΠΞ΢τ IFBEFS OBW EJWJElDPOUFOUTz TFDUJPO

2000೥͝ΖͷϨΠΞ΢τ IFBEFSIUNM NFOVIUNM JOEFYIUNM 8FC$PNQPOFOUT͸࢖͍·ͤΜΑ

2000೥ࠒͷίʔσΟϯά <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" “http://www.w3.org/TR/html4/ frameset.dtd">
<HTML lang="ja"> . . .

2000೥͝ΖͷϨΠΞ΢τ(վ) 5%JElIFBEFSz 5%JE  lNFOVz 5%JElDPOUFOUTz

DPMTQBO

DPMTQBO ίϯςϯπʹΑͬͯԿނ͔ζϨΔ

TQBDFSHJG IFJHIUQY XJEUIQY ಁ໌(*'ը૾ ͦ͜Ͱొ৔ɾɾɾ

JNHTSDlTQBDFSHJGz  XJEUIIFJHIU

JNHTSDlTQBDFSHJGz  XJEUIIFJHIU  BMUlz 4&0ؾʹ͢Δ੎

XJEUI XJEUI IFJHIU DPMTQBO TQBDFSHJGͳ͠ʁ

XJEUI XJEUI IFJHIU DPMTQBO TQBDFS HJGͳ ͠ʁ

CSS࢖Θͳͯ͘΋ ϨΠΞ΢τͰ͖Δʂ

ηϯλϦϯάฤ

ϒϥ΢β ϔομʔ ϝχϡʔ ίϯςϯπ ౰ͨΓલ͗ͯ͢࿩୊ʹ͢Β্͕Βͳ͍ ίϯςφͷηϯλϦϯά

ࠓͷίʔσΟϯά div#container { margin: 0 auto; }

2000೥ࠒͷίʔσΟϯά <center> <table align=“left”> ... </table> </center>

CSS࢖Θͳͯ͘΋ ηϯλϦϯάͰ͖Δʂ

·ͱΊ • ࠓͷਓ͸֮͑Δ͜ͱ͕ଟͯ͘େมͩͶʂ • Ͱ΋ɺ͋ͷ࣌୅ʹ͸໭Γͨ͘ͳ͍ʂ

αʔόʔαΠυΤϯδχΞืूத ΫοΫϏζגࣜձࣾ

More Decks by Tomoyuki Sugita