Slide 1
Slide 1 text
WEBͰΑ͘͏ΞϨͷ໊শʹ͍ͭͯɺ
5͚ͩಥ͖٧Ίͯߟ͑ͯΈΔɻ
2016.12.3 ؔϑϩϯτΤϯυUG ΕLTେձ
EMI Matsuda
Slide 2
Slide 2 text
୭ʁ
ڈ·Ͱձࣾһɻࠓࣦۀऀɻ
Webϑϩϯτܥɻ
جຊJS͖ɻJSͷ͓ࣄଟΊɻ
ͪΖΜHTMLCSS
Γ·͢Αʁ
ݪཧओٛతͰͳ͍ϨϕϧͰ
ηϚϯςΟΫε͖ɻ
Slide 3
Slide 3 text
WebͰΑ͘͏ʮΞϨʯʁ
Slide 4
Slide 4 text
ίϨɻ
ͳΜͯݺΜͰ·͢ʁ
Slide 5
Slide 5 text
“ύϯͣ͘φϏήʔγϣϯ”
Slide 6
Slide 6 text
ʮύϯͣ͘ʯͷޠݯʁ
Slide 7
Slide 7 text
“ϔϯθϧͱάϨʔςϧ”
Slide 8
Slide 8 text
ϔϯθϧͱάϨʔςϧ
άϦϜಐɻ
2ਓʹࣺͯΒΕΔɻ
ḷ͖ͬͯͨಓඪʹύϯͣ͘ɻ
ύϯͣ͘Λௗʹ৯ΒΕΔɻ
໎ࢠɻ
͓՛ࢠͷՈʹͨͲΓண͘ɻ
Slide 9
Slide 9 text
ϔϯθϧͱάϨʔςϧ
άϦϜಐɻ
2ਓʹࣺͯΒΕΔɻ
ḷ͖ͬͯͨಓඪʹύϯͣ͘ɻ
ύϯͣ͘Λௗʹ৯ΒΕΔɻ
໎ࢠɻ
͓՛ࢠͷՈʹͨͲΓண͘ɻ…
Slide 10
Slide 10 text
ύϯͣ͘ͷʁ
Slide 11
Slide 11 text
ݩͷॴʹΔͨΊ
ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢
ͦΕ͕ௗʹ৯ΒΕͯͳ͘ͳͬͨ
݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ
ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
Slide 12
Slide 12 text
ύϯͣ͘φϏͷʁ
Slide 13
Slide 13 text
ݱࡏͷϖʔδͷ
αΠτͰͷҐஔɻ
Slide 14
Slide 14 text
ḷ͖ͬͯͨಓඪ͡Όͳ͍ʂ
Slide 15
Slide 15 text
ͨͱ͑ɺ͜Μͳύϯͣ͘
φϏɻ
Slide 16
Slide 16 text
Googleݕࡧ
ʮ௨ൢɹίʔτʯ
Slide 17
Slide 17 text
Googleݕࡧ
ʮ௨ൢɹίʔτʯ
↓ZOZOTOWN
http://zozo.jp/women-category/jacket-outerwear/
Slide 18
Slide 18 text
Googleݕࡧ
ʮ௨ൢɹίʔτʯ
↓ZOZOTOWN
http://zozo.jp/women-category/jacket-outerwear/
↓ίʔτৄࡉ
http://zozo.jp/shop/reca/goods/14772026/?
did=31771774
Slide 19
Slide 19 text
Googleݕࡧ
ʮ௨ൢɹίʔτʯ
↓ZOZOTOWN
http://zozo.jp/women-category/jacket-outerwear/
↓ίʔτৄࡉ
http://zozo.jp/shop/reca/goods/14772026/?
did=31771774
❌ ❌ ❌
↓
Slide 20
Slide 20 text
ຊདྷͷετʔϦʔʹ
͋ΘͤΔͱ
͜͏͍͏φϏʹͳΔͷͰʁ
Slide 21
Slide 21 text
demo
https://matsudaemi.github.io/real-bread-crumb/demo/
Slide 22
Slide 22 text
ݩͷॴʹΔͨΊ
ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢
ͦΕ͕ௗʹ৯ΒΕͯͳ͘ͳͬͨ
݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ
ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
Slide 23
Slide 23 text
ݩͷॴʹΔͨΊ
ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢
ͦΕ͕ௗʹ৯ΒΕͯͳ͘ͳͬͨ
݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ
ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
Slide 24
Slide 24 text
ͬͺΓɺʮύϯͣ͘φϏʯͬͯίτόɺ
Ίͨ΄͏͍͍Μ͡Όͳ͍ʁ
Slide 25
Slide 25 text
topic path
category nav
ͱ͔ͱ͔ɻ৭ʑ͍͍͋ͬͯΜ͡Όͳ͍ʁ
Slide 26
Slide 26 text
ͩ͘Βͳ͍ݴ͍͕͔Γσγλ⭐
Slide 27
Slide 27 text
͜ΜͳJS࡞ͬͯΔͱ͔ώϚ͔ɻ
Slide 28
Slide 28 text
ࣦۀதͰ͢ɻ
͓ࣄืूதͰ͢ɻ
ʢࠓͷͱ͜ɺձࣾʹॴଐ͢Δ༧ఆ͋Γ·ͤΜʣ
Slide 29
Slide 29 text
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ