Save 37% off PRO during our Black Friday Sale! »

Uploaded Webレイアウトの歴史と新時代「Grid」

Uploaded Webレイアウトの歴史と新時代「Grid」

TOWNビアバッシュ 2017/4 公開

1e424524ccaf46f35fad0ecb39e91afc?s=128

Kazuyoshi Goto

May 02, 2017
Tweet

Transcript

  1. 8FCϨΠΞ΢τͷྺ࢙ͱ
 ৽࣌୅ʮ(SJEʯ ޙ౻࿨ྑ

  2. ࣗݾ঺հ ޙ౻࿨ྑ ΫϦΤΠςΟϒຊ෦$* ,B[VZPTIJ(PUP

  3. ͜Ε͸૖େͳ8FCσβΠϯ࢙ͷ෺ޠᴷᴷ ࠓճ͸ͦͷҰ୴Λ঺հ͍ͨ͠ɻ

  4. 5BCMFϨΠΞ΢τ "%9ʙʮ8FC૑੒ظʯ

  5. 8FCσβΠϯͷ໷໌͚ ͦΕ͸ૉ๿ͳ޻෉͔Β࢝·ͬͨ

  6. $44͕ීٴ͢ΔҎલʹ)5.-ͷ
 UBCMFͰ࡞ΒΕͨϨΠΞ΢τɻ IFBEFS TJEF NBJO TJEF GPPUFS

  7. 
 UBCMF
 USDPMTQBO
 UEIFBEFSUE
 US
 US
 UETJEFUE
 UENBJOUE
 UETJEFUE
 US


    ʙ
 UBCMF

  8. શମϨΠΞ΢τͷ΄͔ɺ
 ؙ֯ͷදݱʹ΋ଟ༻͞Ε͍ͯͨɻ ը૾ ը૾ ը૾ ը૾

  9. 5BCMFϨΠΞ΢τͷಛ௃ w )5.-֮͑͑͞Ε͹࢖͑Δ w ϝϯςφϯεੑ͕ۃѱ w จॻߏ଄ͷ֓೦Λࣺ͍ͯͯΔ w γεςϜͱͷ਌࿨ੑʁͳʹͦΕʁ

  10. ͨͩͻͨ͢Βʹɺ
 $44͕ະൃୡͳ࣌୅ͷҨ෺

  11. $44΍4&0ͷීٴ΍
 UBCMFङΓʹ௥ΘΕ
 ࣍ୈʹ౫ଡ͞Ε͍ͯͬͨʜ ςʔϒϧङΓʹۈ͠Ή8$ݪཧओٛऀʢϞώΧϯʣ

  12. 'MPBUϨΠΞ΢τ "%9ʙʮ8FCීٴظʯ

  13. େ$44࣌୅౸དྷʂ ࣗ༝౓ͱ߹ཧੑΛಘͨɺ
 8FCσβΠϯ༂ਐͷ࣌୅ʂ

  14. $44ͷճΓࠐΈ qPBU Λར༻͠
 จॻߏ଄ͱσβΠϯੑΛཱ྆ͨ͠ϨΠΞ΢τɻ GPPUFS IFBEFS TJEF TJEF NBJO

  15. EJWDMBTTIFBEFSIFBEFSEJW
 EJWDMBTTDPOUBJOFS
 EJWDMBTTTJEFTJEFEJW
 EJWDMBTTTJEFTJEFEJW
 EJWDMBTTNBJONBJOEJW
 EJW
 EJWDMBTTGPPUFSGPPUFSEJW

  16. 
 DPOUBJOFS\
 QPTJUJPOSFMBUJWF
 ^
 DPOUBJOFSTJEF\
 qPBUMFGU
 XJEUIQY
 ^
 DPOUBJOFSTJEF\
 qPBUSJHIU


    XJEUIQY
 ^

  17. 'MPBUϨΠΞ΢τͷಛ௃ w )5.-ʹՃ͑$44͕ඞཁ w ϝϯςφϯεੑྑ޷ w จॻߏ଄͕อͨΕ4&0తʹ޷·͍͠ w ϒϥ΢β͝ͱͷղऍͷࠩͱઓͬͨྺ࢙͋Γ

  18. ͔͠͠ຊདྷ
 ʮճΓࠐΈʯͱ͸ˣͷΑ͏ͳ΋ͷ ը૾ ͳ͕ʔ͍จষɻͳ͕ʔ͍จষɻͳ ͕ʔ͍จষɻͳ͕ʔ͍จষɻͳ͕ʔ ͍จষɻͳ͕ʔ͍จষɻͳ͕ʔ͍จ ষɻͳ͕ʔ͍จষɻͳ͕ʔ͍จষɻͳ͕ʔ͍ จষɻͳ͕ʔ͍จষɻͳ͕ʔ͍จষɻ

  19. ຊ࣭తʹϨΠΞ΢τ༻Ͱ͸ͳ͘
 ૑ҙ޻෉ʹΑΔ࢈෺ɻ

  20. ݱࡏͳ͓࠷େ੎ྗɻ ͔͠͠$44ͷීٴʹΑΓ
 ݮগ͍ͯ͘͠ͱߟ͑ΒΕΔɻ

  21. 'MFYϨΠΞ΢τ "%9ʙʮ8FCൃలظʯ

  22. ࢈ۀֵ໋ͷൃੜʂ ϑΟʔϧυ͸ϞόΠϧ΁޿͕Δ $44 )5.- 

  23. qFYCPY $44Ͱ௥Ճ͞ΕͨʮEJTQMBZqFYʯͰ
 ֓೦తʹਖ਼͍͠ϨΠΞ΢τ͕࣮ݱɻ TJEF TJEF NBJO

  24. EJWDMBTTqFYCPY
 EJWDMBTTTJEFTJEFEJW
 EJWDMBTTNBJONBJOEJW
 EJWDMBTTTJEFTJEFEJW
 EJW

  25. qFYCPY\
 EJTQMBZqFY
 qFYXSBQXSBQ
 KVTUJGZDPOUFOUTQBDFBSPVOE
 ^
 qFYCPYTJEF\
 XJEUI
 ^
 qFYCPYNBJO\
 XJEUI


    ^
  26. 'MFYϨΠΞ΢τͷಛ௃ w ϑϩʔτϨΠΞ΢τʹൺ΂ɺ่Εͳ͍ w ϦετͳͲ܁Γฦ͠ཁૉͷఆָ͕ٛ w ϨεϙϯγϒϨΠΞ΢τରԠָ͕ w $44Ͱ͸ऑ͔ͬͨॎ෯ͷϨΠΞ΢τָ͕

  27. ैདྷͷ$44͸ۤखͱ͍ͯͨ͠
 ॎํ޲ͷ੍ޚ͕ࣗ༝ࣗࡏʹͳͬͨɻ

  28. զʑ͸ݶΓͳ͘
 ࠷ڧʹ͍ۙ෢ثΛಘͨʂ

  29. ͔͠͠ʜ

  30. ཱͪ;͕͞Δ࠷ڧʹͯ͠࠷ѱͷఢɻ

  31. $44'MFYͷ࢓༷͸
 ೥ࠒΑΓଘࡏ͢Δ͕
 Ұ޲ʹ࣮૷͸ਐ·ͳ͍ɻ

  32. 8FCϨΠΞ΢τख๏ ఀ଺ͷ࣌୅ ϑϩʔτϨΠΞ΢τ͕͍·ͩ࠷େ੎ྗͳͷ͸
 ͜ͷ࣌ظ͕௕͗ͨͨ͢Ίͱݴ͑Δɻ

  33. ͔͜͠͠ͷੈ͸੝ऀඞਰɻ

  34. ೥αϙʔτऴྃ

  35. 'MFYϨΠΞ΢τ͸
 ݱࡏී௨ʹ࢖ͬͯ0,

  36. ͔͠͠ఀ଺ظ͕௕͗ͨͨ͢Ί
 ѻ͑Δਓ͕·ͩগͳ͍ҹ৅ɻ

  37. (SJEϨΠΞ΢τ "%ɹݱ୅

  38. ೥8FCσβΠϯͷཱྀ ͻͱͭͷ౸ୡ఺

  39. IFBEFS TJEF TJEF ೥݄̏ʹ$ISPNFʹ࣮૷͞Εͨɺ
 ࣗ༝ࣗࡏͳάϦουঢ়ͷϨΠΞ΢τɻ

  40. EJWDMBTTHSJE
 EJWDMBTTIFBEFSEJW
 EJWDMBTTTJEFEJW
 EJWEJW
 ʙ
 EJW

  41. 
 HSJE\
 EJTQMBZHSJE
 HSJEUFNQMBUFDPMVNOTGSGSGSGS
 HSJEUFNQMBUFSPXTQYQY
 HSJEHBQQYQY
 ^
 IFBEFS\
 HSJEDPMVNO ྻ໨ʙྻ໨Λ݁߹


    ^
 TJEF\
 HSJESPX ߦ໨ʙྻ໨Λ݁߹
 ^
 TJEF\
 HSJESPX ߦ໨ʙྻ໨Λ݁߹
 ^

  42. ৄ͍͠࢖͍ํ͸
 IBDLOPUFʹॻ͍ͯ·͢ɻ IUUQTHPPHM,(1OWN

  43. (SJEϨΠΞ΢τͷಛ௃ w ੔વͱͨ͠σβΠϯΛߦ͍΍͍͢ w ਌ཁૉ͚ͩͰ΋׬݁ͤ͞ΒΕϝϯςָ͕ w Ұ෦qFYͱಉ͡ϓϩύςΟΛѻ͑Δ w άϦουͷ݁߹Ͱॎԣࣗࡏ w

    ྻ൪߸ͱߦ൪߸Λࢦఆͨ͠ελΠϧઃఆ
  44. Ϟμϯϒϥ΢β͢΂ͯରԠࡁΈɻ
 ʢ*&΋ରԠ͍ͯ͠Δʣ

  45. ຊ࣮֨૷͞Εͨ͹͔ΓͰ
 ࿩୊ͱͯ͠)05

  46. 'MFYϨΠΞ΢τ͕·ͩա౉ظɻ ͔͠͠(SJEͷํ͕༏Ε͍ͯΔɻ ʢΑ͏ʹࢥ͑Δʣ

  47. ϦετͳͲ܁Γฦ͠ཁૉ͸'MFYɻ େ࿮ϨΠΞ΢τ͸(SJEͰ࢖͍෼͚ɻ

  48. Կ͔ͩΜͩɺϒϩοΫঢ়ͷϨΠΞ΢τ͸
 ѻ͍΍͘͢༏Ε͍ͯΔͱ࣮ײͰ͖Δɻ

  49. ͔͜͠͠ͷϨΠΞ΢τʜ
 Ͳ͔͜Ͱݟ͕֮͑ʜ

  50. Զͨͪ͸΋͔ͯ͠͠ʜ

  51. ςʔϒϧϨΠΞ΢τʹ
 ؼ͖͍ͬͯͯͨʜʁ

  52. &/%

  53. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ