IT Hiyoko - 15 years war of web design

ʮࡳຈ *5ͻΑ ͜ձʯ 2018.10.13 WEBσβΠ ϯ15೥ઓ૪ ʙ੍࡞ऀͷੜଘઓུʙ

00.ࣗݾ঺հ ˝ ੴҪ޹໌ ೥ੜ·Ε ʢࡀʣ ೥͘Β͍ ʢେֶ࣌୅ʣ ͔ΒಠֶͰ)1੍࡞Λ͸͡Ίɺ ೥ʹॅ୐ ɾ
ΠϯςϦΞܥࣄۀձࣾͷ8FC੍࡞෦໳ʹΞγελϯτͱͯ͠ΞϧόΠτೖࣾ͠ɺ Ҏ߱ෳ਺ͷ੍࡞ձࣾɺ ΤʔδΣϯγʔͳͲΛܦݧ͍ͯ͠·͢ɻ جຊσβΠφʔͰɺ σΟϨΫγϣϯܦݧ΋͋Γɻ ͜͜਺೥͸σβΠφʔͷνʔϜϏϧσΟϯά΍Ϛωδϝϯτ΋͍ͯ͠·͢ɻ ϓϥΠϕʔτͰ͸ࣇͷ෕ɻ OPUFͱ͔΋ॻ͍ͯ·͢ ʢIUUQTOPUFNVUBLBBLJ@JTIJJʣ ɻ ωύʔϧൃ঵ͷΫϥϒϛϡʔδοΫ ʲ(03(& ʢΰϧδΣʣ ʳ Λ঺հ͢ΔԻָϨʔϕϧͷӡӦ΋ɻ ೥௒ͷແବʹ௕͍8&#σβΠφʔྺͷதͰମݧ͖ٕͯͨ͠ज़΍σβΠϯτϨϯυͷભΓมΓɺ ௠෗Խ ͷྺ࢙Λ͝঺հ͠ͳ͕Βɺ ੲ࿩͚ͩͯ͠΋͠ΐ͏͕ͳ͍ͷͰɺ ͦͷܦݧͷத͔ΒࢲͳΓʹߟ͑Δ੍࡞ऀͷ ੜଘઓུʹ͍͓ͭͯ࿩͠·͢ɻ

01.લఏ ˝ डୗ੍࡞த৺Ͱ͖ͨͨΊɺ ͋͘·Ͱ΋ࢲݸਓͷ؍ଌൣғ಺Ͱͷ͓࿩Ͱ͢ɻ ྫ͑͹ήʔϜۀքͱ͔αʔϏεͷελʔτΞοϓͱ͔ɺ ࣄۀձࣾܥͷ࣮ଶʹ͸͋·Γ໌Δ͋͘Γ·ͤΜɻ ˝ σβΠϯʵϚʔΫΞοϓʵ$44ઃܭ͔Β࣮૷ ͨ·ʹ͸K2VFSZͰ%0.ૢ࡞ͯ͠ ੲ͸'MBTIͷΦʔαϦϯά΋΍ͬͯʜʜ
ͱׂͱҰਓͰ׬݁ͪ͠Όͬͯͨݹ͍λΠϓͷ8FCσβΠφʔͰ͢ɻ ˝ ओʹσβΠφʔ໨ઢʹΑΔ 8FCσβΠϯʙϑϩϯτΤϯυͷ͓࿩ʹͳΓ·͢ɻ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ೥౰࣌ ϒϥ΢β͸*& ʢ.BD*&ͱ͍͏ͷ΋ଘࡏʣ ͱ/FUTDBQF
ʢޙͷ.P[JMMB'JSFGPYʣ ͷೋڧ ίʔσΟϯά͸UBCMFϨΠΞ΢τҰ୒ ʢ೥࢈ͷTQBDFSHJGʜʜʣ %SFBNXFBWFS΍'MBTI͸·ͩ.BDSPNFEJBͱ͍͏ձࣾͷ੡඼Ͱͨ͠ .BDSPNFEJB'JSFXPSLTͱ͍͏ెՖ΋ʜʜ ʢ"EPCFങऩޙ$4Ͱ։ൃऴྃʜʜʣ Ϟχλղ૾౓͸ʷ͕ϝΠϯ ʢ ʷ·ͰλʔήοτʹؚΊ͍ͯͨʣ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ೥౰࣌ QY ࠨدͤ ͦΜͳʹ
มΘΒͳ͍ʁ QY

hoge { zoom: 1; } 02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ
˝ $44ͷקࠂ͸೥͕ͩɺ ࣮༻͕࢝·ͬͨͷ͸ʙ೥͘Β͍ͷҹ৅ɻ ˝ ೥ɺ *&ϦϦʔε ʢ*&΋࢒ଘɺ .BD*&͸ʣ ɻ *&͸$44όάͷๅݿɻ $44IBDLΛۦ࢖ͨ͠਺ଟͷόουϊ΢ϋ΢ͷཛྷཛྷཛྷʜʜ IBT-BZPVUϓϩύςΟ͕σϑΥϧτ ʲGBMTFʳ ͷͨ Ίɺ όάͬͨ࣌͸ͱΓ͋͑ͣɺ ͱࢦఆͯ͠ΈΔͱ௚Δɺ ͱ͔ɻ .piyo { float: left; margin-left: 10px; _margin-left: 10px; } GMPBUͤͨ͞ཁૉʹରͯ͠ɺ GMPBUͨ͠ํ޲ͱಉํ޲ ʹNBSHJOΛࢦఆ͢Δͱɺ NBSHJO͕ഒʹͳΔ ʜʜ ϓϩύςΟͷલʹΞϯμʔείΞΛ͚ͭΔͱ *&ͷΈʹద༻͞ΕΔ ʢ$44IBDLʣ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict //EN"> ɹˠඪ४४ڌϞʔυ ɹˠޙํޓ׵Ϟʔυ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ͍·͸໾ʹཱͨͳ͍஌ࣝ EPDUZQFεΠ ον

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ͜ͷࠒͷ+BWBTDSJQU͸ϘλϯͷϩʔϧΦʔόʔͱ͔ϙοϓΞοϓ΢Οϯυ΢Λ։ ͘͘Β͍͔͠࢖ΘΕ͍ͯ·ͤΜͰͨ͠ɻ μΠφϛοΫ)5.- ʢ%)5.-ʣ
ͱ͔͍͏֓೦΋ଘࡏ͠·ͨ͠ ʢ͠·͢ʣ ͕ɺ ϒϥ΢βΛ৐ͬऔΔΑ͏ ͳѱ࣭ͳαΠτ ʢϒϥΫϥʣ ΋͋ͬͨΓɺ Ϋϩεϒϥ΢β͡Όͳ͔ͬͨΓɺ Ή͠ΖݏΘΕ͍ͯͨҹ৅ɻ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ΠϯλϥΫςΟϒͳ ʢಛʹϓϩϞʔγϣϯʣ αΠτ͸'MBTIαΠτ͕શ੝ɻ தଜ༐ޗ͞Μʹ୅ද͞ΕΔΫϦΤΠλʔͷ࣌୅ɻ
&$050/0)" ʢ5)"೥ʣ IUUQUIBKQ 5)&&$0;00 ʢSPYJL৓ށխߦ͞Μ೥ʣ IUUQSPYJLDPNW '0/51"3,ʛ.03*4"8" ʢ5)"೥ʣ IUUQTXXXZPVUVCFDPNXBUDI WHQLD@7;VH ݪඒज़ؗ ʢʁ೥͘Β͍ʣ IUUQTXXXZPVUVCFDPNXBUDI W[1&PV1:* ʢಈըग़యɿIUUQTJDTNFEJBFOUSZʣ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ೥୅ͷ8&#σβΠφʔ͸ɺ ɾσβΠϯ ɾϚʔΫΞοϓ ɾ$44ઃܭɺ
࣮૷ ɾ+BWBTDSJQU࣮૷ ɾ$.4ߏங ɾ'MBTIΦʔαϦϯά ·ͰؤுΕ͹͍͍ͩͨҰਓͰग़དྷͯ͠·͏ͷ͕ٯʹ໘ന͔ͬͨɻ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ೥ʹ'MBTI$4ʹͯ"4͕࣮૷ɻ ΑΓ001ࢤ޲ʹͳΓίϛϡχςΟ ʢ'MBTI%FWFMPQͱ͍͏Φʔϓϯιʔε։ൃ؀ڥɺ %ͱ͔෺ཧԋࢉ
ϥΠϒϥϦͷ։ൃɺ ηϛφʔ΋੝Μʣ ΋੎͍ͮ͘΋ͷͷʜʜ ʢ൓໘͜ͷ͋ͨΓ͔Β͍ͭͯߦ͚ͳ͘ͳΔσβΠφʔ΋ଟ਺ʜʜʣ ˝ ೥ॳ୅J1IPOFൃചɻ ˝ ೥ɺ ͔ͷ༗໊ͳεςΟʔϒɾδϣϒζ͞Μͷ ʮ'MBTIࡴ͢ʯ એݴɻ ͜Μͳ࣌୅͕͍ͭ·Ͱ΋ଓ͘ͱࢥ͍ͬͯͨʜʜ ଟ͘ͷ'MBTIFS͕҉ҋʹಥ͖མͱ͞ΕΔ͜ͱʹʜʜ 8&#༮೥ظͷऴΘΓ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ΫϥΠΞϯτ΍୅ཧళͳͲ΋ؚΊͯɺ ͠͹Β͘ ʮ೿खͳಈ͖ͱ͔͍Βͳ͍ΑͶʯ ͱ͍͏࿦ௐ͕େ੎Λ઎Ί͍ͯͨɻ
ʢݸਓͷײ૝Ͱ͢ʣ ˝ ʢࢲ͸͋·Γ੍࡞ܦݧ͕͋Γ·ͤΜ͕ʣ ΨϥέʔαΠτͱ͍͏ͷ΋ଘࡏɻ ύέઅ໿ͷͨΊŜŦŜū͸൒֯ɺ ը૾ςΩετؚΊ,#Ҏ಺ɺ ΩϟϦΞґଘͷֆจࣈɺ ओཁΩϟϦΞ޲͚ʹIUNMΛ෼͚ͨΓʜʜ ˝ εϚʔτϑΥϯͷരൃతීٴͱϞόΠϧτϥϑΟοΫͷ૿େɻ ೥ࠒ͔ΒϨεϙϯγϒ΢ΣϒσβΠϯ͕ٸܹʹҰൠԽɻ ʜʜͷ͸͕ͣ೥͘Β͍·Ͱ͸*&ରԠͱ͔ී௨ʹݴΘΕΔɻ ʢݸਓͷݟղͰ͢ʣ DTTNFEJBRVFSJFTKTɺ IUNMKTɺ JFKTɺ *&ಠ࣮ࣗ૷ͷ৚݅෇͖ίϝϯτɺ FUD ·ͨ΋΍όουϊ΢ϋ΢ͷཛྷʜʜ $44ͷ࣌୅౸དྷ ʂ $44Ξ χ ϝʔγ ϣ ϯ ͱ ͔ ʂ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ͍·͸໾ʹཱͨͳ͍஌ࣝ *&ಠ࣮ࣗ૷ͷ৚݅෇͖ίϝϯτ ɹ *&͔Βഇࢭʜʜ

IJZPLP ˝ $44͸ˠͱετϨʔτʹདྷ͍ͯ·͕͢ɺ )5.-͸೥ͷ)5.-ˠ9)5.-ˠͱ͖ͯ 9)5.-ʹͳΔ͸͕ͣԿނ͔)5.-ʹʜʜ ࡦఆஂମ͕8$ͱ8)"58(ʹ෼྾ɺ ͦͷޙ͸8$΋)5.-Λ։ൃʜʜ 9)5.-ΑͲ͜΁ʜʜ ˝ σβΠϯτϨϯυ͸8FCతϓϦϓϦςΧςΧ͠
ͨΞΫΞσβΠϯɺ ݱ࣮ʹ͋Δ෺࣭ͷ࣭ײͳͲΛ໛ ฿ͨ͠εΩϡʔϞʔϑΟοΫσβΠϯ͔Βɺ Ұؾʹ ϑϥοτσβΠϯ΁ɻ σβΠϯ΋γϯϓϧʹɻ ˝ ͦͷޙ(PPHMFϚςϦΞϧσβΠϯͷొ৔ɻ ͏ͬ͢Βυϩοϓγϟυ΢΍͏ͬ͢Βάϥσɺ ;࣠ Λ࣋ͬͨϨΠϠʔͷ֓೦ͳͲɺ ݱ࣮քͷϝλϑΝʔ Λ࠶౓औΓೖΕ͍ͯΔܗɻ 02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ QJZP

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ +BWBTDSJQU͸೥୅ޙ൒ ʢهԱᐆດʣ ͔ΒϑϨʔϜϫʔΫ͕ొ৔ɻ ࠷ॳQSPUPUZQFKTɺ
೥͘Β͍͔Βܹ͘͠K2VFSZʹґଘɻ ແ਺ͷϓϥάΠϯͷ਺ʑɻ "KBYͱ͍͏ಾϫʔυɻ /PEFKT͕ग़࢝Ίͨࠒ͔ΒঃʑʹϑϩϯτΤϯυΤϯδχΞͱ͍͏৬छ͕໨ʹͭ͘Α͏ʹͳΓɺ ୤K2VFSZˠ৽+4ϑϨʔϜϫʔΫ ʢ3FBDUɺ "OHVMBSʣ ͷهࣄ΋ଟ͘ͳΔɻ ʢݸਓతʹ͸͜ͷ΁ΜͰΤϯδχΞϦϯά͸୤མʣ ˝ /PEFKTͷొ৔Ҏ߱ϑϩϯτΤϯυࢧԉٕज़͕ཚཱ $44ϓϦϓϩηοαˠ4BTTɺ 4UZMVTɺ 1PTU$44 IUNMςϯϓϨʔτΤϯδϯˠ)BNMɺ &+4ɺ 1VH λεΫϥϯφʔ ˠ(VMQɺ (SVOU ˝ όʔδϣϯ؅ཧ͸(JU͕σϑΝΫτελϯμʔυʹ ˝ ϑϧελοΫΤϯδχΞ ʢσβΠφʔʣ Έ͍ͨͳಾ৬छʜʜ ͔ͭͯͷ'MBTIFS͸͍·ϑϩϯτΤϯυΤϯδχΞͱͯ͠ੜ͖Ԇͼ͍ͯΔʜʜͷ͔ʜʜʁ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ $44(SJEͷ֨ࢠঢ়ͷϚε໨͕UBCMFϨΠΞ΢τʹࠅࣅ͍ͯ͠Δ݅ɻ IFBEFS GPPUFS DPOUFOUT
OBWJ display:grid; display:grid; grid-row:1/2; grid-column:1/3; grid-row:1/2; grid-column:1/3; grid-row:2/3; grid-column:1/2; grid-row:2/3; grid-column:1/2; grid-row:3/4; grid-column:1/3; grid-row:3/4; grid-column:1/3; grid-row:2/3; grid-column:2/3; grid-row:2/3; grid-column:2/3; IFBEFS GPPUFS DPOUFOUT OBWJ <table> <table> <tr> <tr> <td> <td> <tr> <tr> <td> <td> <td> <td> <tr> <tr> <td> <td>

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ΠϯλϥΫςΟϒͳίϯςϯπ͸8FC(-શ੝ͷ͍·ɻ FYʣ IUUQTIPNVODVMVTKQ ɹ4BGBSJͷո͛͠ͳಈ޲ʜʜ
ɹ8FC(-ͷ໌೔͸Ͳͬͪͩʜʜ ɹ"QQMFᐌ͘ ʮ0QFO(-͋Μ·࢖Θͳ͍ͰͶʯ

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ೥ݱࡏ Ϩεϙϯγϒ͸౰ͨΓલ σβΠϯγεςϜͬͯʁ ϒϥ΢βؒͷ࣮૷ͷࠩҟ͸ݮͬͨ ΋ͷͷɺ ϞόΠϧ؀ڥͷൃୡʹΑ ΓϢʔβʔͷӾཡ؀ڥ͸͔͑ͬͯ
๲େʹ 69σβΠϯ΋ඞཁ͔ͩΒௐࠪ෼ੳ ϑΣʔζ͔ΒؔΘͬͯʔɺ ఏҊʹ٬ ઌʹ΋ಉߦͯ͠ʔ ϓϩτλΠϐϯάπʔϧ͸ͲΕʁ 9% ʁ 1SPUU ʁ *O7JTJPO ʁ (JUIVCͰόʔδϣϯ؅ཧͯ͠ɺ +FOLJOT͸ඞཁʁ 8"*"3*"ͱ͔ΞΫηγϏϦςΟͷ ஌ࣝ ύϑΥʔϚϯενϡʔχϯά ͦΖͦΖ&4ʹʜʜ #BCFM͔ͳ5ZQF4DSJQU͔ͳ J04ͷ6*σβΠϯ΍ΔͳΒ9$PEF ͰετʔϦʔϘʔυ͞ΘͬͯϨΠΞ ΢τௐ੔͘Β͍Ͱ͖ͳ͍ͱ ։ൃख๏͸ʁΞδϟΠϧʁ -FBO69Ͱ ʁσβΠϯεϓϦϯτ ʁ 4FMFOJVN ͬͯʜʜʁͳʹʁಟʁ ࣮૷΋Ͱ͖ͳ͍ͱʂ 4BTTͱHVMQ͸ඞਢͰɺ XFCQBDL΋ೖ ΕͨΓͯ͠ $44ΞʔΩςΫνϟʔ͸ʁ #&.ʁ 00$44ʁ 4."$44ʁ '-0$44ʁ ςϯϓϨʔτΤϯδϯ͸ʁ )BNM ʁ FKTʁ QVHʁ +4ϑϨʔϜϫʔΫ͸ʁ "OHVMBSʁ 3FBDUʁ 7VFʁ

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ͏Θʜʜ΍Δ͜ͱߟ͑Δ͜ͱଟ͗͢ʜʜ ʢݱ࣮తʹແཧʣ ˝ ͞Βʹ͸ʜʜ σβΠϯ૊৫ͩʂͱ͔σβΠϯࢥߟͷ૊৫Πϯετʔϧͩʂͱ͔ɺ $%0ɺ $90ͱ͔ݴͬͯϏδωε΍ܦӦʹ·Ͱޱग़ͤͱݴΘΕΔɻ
ਖ਼௚్ํʹ͘Ε·͢ʜʜ

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ͜͜ͰҰ୴ɺ ࣗ෼ͷาΜͰ͖ͨಓΛৼΓฦΓੜ͖ΔͨΊͷώϯ τΛಘ·͢ɻ ಉ͡&$."4DSJQUϕʔε͔ͩΒҰੜݒ໋΍ͬͨ"4͸ແବͰ͸ͳ͍ɻ +4ͷ5XFFOΤϯδϯͳΜ͔͸"4͔Βͷ Ҡ২ͷ΋ͷ΋ଟ͍ɻ Ͱ΋ࠓޙ͸ʜʜϑϨʔϜϫʔΫ·Ͱ͍͘ͱͪΐͬͱखʹෛ͑ͳ͍ײʜʜ
"DUJPO4DSJQUͰ+BWBTDSJQUͷ౔୆ΛֶΜͩͱࢥ͍ͬͯΔ 8FCαΠτ͸+JNEPͱ͔8J9Ͱे෼͍ͬͯ͏ΫϥΠΞϯτ΋౰વग़͖ͯ·͚͢Ͳɺ ීวతͳσβΠϯྗͱ͔ σβΠϯʹΑΔϏδωε্ͷ՝୊ղܾ͍ͬͯ͏ͷ͸͋Δͱࢥ͏ͷͰɺ ࣗવʹσβΠϯίϯαϧతͳཱͪճΓ ͕Ͱ͖ͨΒΑ͍ͳ͊ɻ σβΠϯɺ σΟϨΫγϣϯͷܦݧ஋ खΛಈ͔ͭͭ͠΋ɺ σβΠφʔͷνʔϜϏϧσΟϯά͔ΒνʔϜӡӦɺ Ϛωδϝϯτͷܦݧ஋ΛੵΉɻ Ϛωδϝϯτͷܦݧ஋ ख࣋ͪͷٕज़ͷΞοϓσʔτͰ͋Δఔ౓·Ͱ͸Ξδϟετ͍͚ͯ͠Δɻ ·ͨిࢠॻ੶ͱ͔ϒϥ΢βήʔϜɺ 8FCΞϓϦͳͲͷϓϥοτϑΥʔϜٕज़ͱͯ͠΋࢖ΘΕ͍ͯΔɻ )5.-$44͸ٕज़ൃలͷྲྀΕΛݟ͍ͯΔͱ͙͢ʹ͸ফ͑ͳ͍ ʢফ͑ͯ͠·ͬͨΒεΠϚηϯɻ ɻ ɻ ʣ

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ܦݧʹֶͿ ݶΒΕͨਓੜͷ࣌ؒͷதͰɺ Ͳ͜ʹֶशίετΛ͔͚Δ͔ɺ ࢓ࣄΛ௨࣮ͨ͠຿ܦݧͷ޲͚ ઌΛͲ͜ʹ͢Δ͔ɺ ͦͷݟۃΊ͕௒ॏཁɻ ಛʹޙऀ͸͋Δఔ౓ίϯτϩʔϧ͕ޮཱ͘৔ʹͳΕΔ·Ͱ
ʮϚωʔδϝϯτ΋΍Γ·͢ʂʯ ͱݴͬͯ ΈΔ΋ͷ৔߹ʹΑͬͯ͸ΞϦ͔΋ɻ ʢࣾ಺ମ੍ʹ΋ΑΓ·͕͢ʣ Ͳ͜ʹֶशίετΛ͔͚Δ͔ ࢓ࣄΛ௨࣮ͨ͠຿ܦݧͷ޲͚ ઌΛͲ͜ʹ͢Δ͔ ࣗ෼ͷ೔ৗͷ࢓ࣄ΍ΠϯϓοτͷதͰීวతͳ΋ͷ͸Կ͔ɺ ͦͷ৘ใ΍ٕज़ͷ଱༻೥਺͸͍͔ ΄Ͳ͔ɺ ҙࣝͯ͠ΈΔɻ Ξ΢τϓοτࢸ্ओٛɺ ੒ՌओٛʹؕΓ͗͢ͳ͍͜ͱɻ ͱಉ࣌ʹɺ స৬ҙࢤͷ༗ແͱ͸ผʹస৬ࢢ৔ʹग़ͨ࣌ͷࣗ෼ͷࢢ৔Ձ஋΋ҙࣝͯ͠ΈΔͱ͍·ֶͿ΂ ͖͜ͱͷҰ୺͕ݟ͑ͯ͘Δɻ ීวతͳ΋ͷ ଱༻೥਺͸͍͔ ΄Ͳ Ξ΢τϓοτࢸ্ओٛɺ ੒ՌओٛʹؕΓ͗͢ͳ͍ ͻͱͭͷྖҬΛਂ۷Γ͢Δͱؔ࿈͢ΔपลྖҬͷεΩϧ΋Ҿ͖ͣΒΕ͍ͯͬͭͯ͘͘Δɻ ͸͡Ί͸޷ ͖ ʢಘҙɺ ָ͍͠ʣ ͱࢥ͑ΔྖҬʹಛԽͯ͠ΤΩεύʔτΛ໨ࢦ͢ͷ΋͋Γɻ ΤΩεύʔτΛ໨ࢦ͢ͷ΋͋Γ ઌഐ΍·ΘΓͷਓͷΞυόΠεΛड͚Δͷ΋Α͍ɻ ٕज़ܥͷษڧձ͚ͩͰͳ͘ɺ Ұݟ͙͢ʹ໾ཱͨͳͦ͏ͳ ςʔϚ ʢϚʔέʁͱ͔ܦӦʁͱ͔σβΠϯ૊৫ʁͱ͔ʣ Ͱ΋ηϛφʔʹࢀՃͯ͠ΈΔͷ΋Α͍ɻ

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ܦݧʹউΔ஌ࣝͳ͠ʂ ˝ VOMFBSO͢Δ͜ͱͷେ੾͞ʂ ˝ ͍ͣΕʹͤΑ໨ઌɾ଍ݩͷ࢓ࣄ͚ͩͰͳ͘ɺ ͱ͖ʹࢹઢΛ͋͛ͯ ˃
ʢઌ͚ͩͰͳ͘աڈ΋ʣ ݟ౉ͯ͠ΈΔ͜ͱ͕ඞཁʂ ͱ͍͏͜ͱͰ͸ͳ͍Ͱ͠ΐ͏͔ɻ

ʮࡳຈ *5ͻΑ ͜ձʯ 2018.10.13 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ʂ

IT Hiyoko - 15 years war of web design

IT Hiyoko - 15 years war of web design

Takaaki Ishii

Other Decks in Design

Featured

Transcript

ʮࡳຈ *5ͻΑ ͜ձʯ 2018.10.13 WEBσβΠ ϯ15೥ઓ૪ ʙ੍࡞ऀͷੜଘઓུʙ

00.ࣗݾ঺հ ˝ ੴҪ޹໌ ೥ੜ·Ε ʢࡀʣ ೥͘Β͍ ʢେֶ࣌୅ʣ ͔ΒಠֶͰ)1੍࡞Λ͸͡Ίɺ ೥ʹॅ୐ ɾ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ೥౰࣌ ϒϥ΢β͸& ʢ.BD&ͱ͍͏ͷ΋ଘࡏʣ ͱ/FUTDBQF

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ೥౰࣌ QY ࠨدͤ ͦΜͳʹ

hoge { zoom: 1; } 02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict //EN"> ɹˠඪ४४ڌϞʔυ ɹˠޙํޓ׵Ϟʔυ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ͜ͷࠒͷ+BWBTDSJQU͸ϘλϯͷϩʔϧΦʔόʔͱ͔ϙοϓΞοϓ΢Οϯυ΢Λ։ ͘͘Β͍͔͠࢖ΘΕ͍ͯ·ͤΜͰͨ͠ɻ μΠφϛοΫ)5.- ʢ%)5.-ʣ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ΠϯλϥΫςΟϒͳ ʢಛʹϓϩϞʔγϣϯʣ αΠτ͸'MBTIαΠτ͕શ੝ɻ தଜ༐ޗ͞Μʹ୅ද͞ΕΔΫϦΤΠλʔͷ࣌୅ɻ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ೥୅ͷ8&#σβΠφʔ͸ɺ ɾσβΠϯ ɾϚʔΫΞοϓ ɾ$44ઃܭɺ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ೥ʹ'MBTI$4ʹͯ"4͕࣮૷ɻ ΑΓ001ࢤ޲ʹͳΓίϛϡχςΟ ʢ'MBTI%FWFMPQͱ͍͏Φʔϓϯιʔε։ൃ؀ڥɺ %ͱ͔෺ཧԋࢉ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ΫϥΠΞϯτ΍୅ཧళͳͲ΋ؚΊͯɺ ͠͹Β͘ ʮ೿खͳಈ͖ͱ͔͍Βͳ͍ΑͶʯ ͱ͍͏࿦ௐ͕େ੎Λ઎Ί͍ͯͨɻ

<!--[if gt IE 8]> IE8

IJZPLP ˝ $44͸ˠͱετϨʔτʹདྷ͍ͯ·͕͢ɺ )5.-͸೥ͷ)5.-ˠ9)5.-ˠͱ͖ͯ 9)5.-ʹͳΔ͸͕ͣԿނ͔)5.-ʹʜʜ ࡦఆஂମ͕8$ͱ8)"58(ʹ෼྾ɺ ͦͷޙ͸8$΋)5.-Λ։ൃʜʜ 9)5.-ΑͲ͜΁ʜʜ ˝ σβΠϯτϨϯυ͸8FCతϓϦϓϦςΧςΧ͠

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ +BWBTDSJQU͸೥୅ޙ൒ ʢهԱᐆດʣ ͔ΒϑϨʔϜϫʔΫ͕ొ৔ɻ ࠷ॳQSPUPUZQFKTɺ

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ $44(SJEͷ֨ࢠঢ়ͷϚε໨͕UBCMFϨΠΞ΢τʹࠅࣅ͍ͯ͠Δ݅ɻ IFBEFS GPPUFS DPOUFOUT

02.8&#σβΠ ϯɺ ٕज़τ Ϩϯ υͷӫރ੝ਰ ˝ ΠϯλϥΫςΟϒͳίϯςϯπ͸8FC(-શ੝ͷ͍·ɻ FYʣ IUUQTIPNVODVMVTKQ ɹ4BGBSJͷո͛͠ͳಈ޲ʜʜ

<meta keyword=”hoge,hogehoge,piyo,hiyoko”> <li>ϘλϯͰ͢</li> li { width: 200px; height: 100px; background:

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ೥ݱࡏ Ϩεϙϯγϒ͸౰ͨΓલ σβΠϯγεςϜͬͯʁ ϒϥ΢βؒͷ࣮૷ͷࠩҟ͸ݮͬͨ ΋ͷͷɺ ϞόΠϧ؀ڥͷൃୡʹΑ ΓϢʔβʔͷӾཡ؀ڥ͸͔͑ͬͯ

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ͏Θʜʜ΍Δ͜ͱߟ͑Δ͜ͱଟ͗͢ʜʜ ʢݱ࣮తʹແཧʣ ˝ ͞Βʹ͸ʜʜ σβΠϯ૊৫ͩʂͱ͔σβΠϯࢥߟͷ૊৫Πϯετʔϧͩʂͱ͔ɺ $%0ɺ $90ͱ͔ݴͬͯϏδωε΍ܦӦʹ·Ͱޱग़ͤͱݴΘΕΔɻ

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ܦݧʹֶͿ ݶΒΕͨਓੜͷ࣌ؒͷதͰɺ Ͳ͜ʹֶशίετΛ͔͚Δ͔ɺ ࢓ࣄΛ௨࣮ͨ͠຿ܦݧͷ޲͚ ઌΛͲ͜ʹ͢Δ͔ɺ ͦͷݟۃΊ͕௒ॏཁɻ ಛʹޙऀ͸͋Δఔ౓ίϯτϩʔϧ͕ޮཱ͘৔ʹͳΕΔ·Ͱ

03.ܦݧʹֶͿ8&#੍࡞ऀͷੜଘઓུͱ͸ ʁ ˝ ܦݧʹউΔ஌ࣝͳ͠ʂ ˝ VOMFBSO͢Δ͜ͱͷେ੾͞ʂ ˝ ͍ͣΕʹͤΑ໨ઌɾ଍ݩͷ࢓ࣄ͚ͩͰͳ͘ɺ ͱ͖ʹࢹઢΛ͋͛ͯ ˃

ʮࡳຈ *5ͻΑ ͜ձʯ 2018.10.13 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ʂ