リアルパンくずナビLT

Transcript

1. WEBͰΑ͘࢖͏ΞϨͷ໊শʹ͍ͭͯɺ
 5෼͚ͩಥ͖٧Ίͯߟ͑ͯΈΔɻ 2016.12.3 ؔ੢ϑϩϯτΤϯυUG ೥๨ΕLTେձ EMI Matsuda
2. ୭ʁ ڈ೥·Ͱձࣾһɻࠓࣦۀऀɻ Webϑϩϯτܥɻ جຊJS޷͖ɻJSͷ͓࢓ࣄଟΊɻ ΋ͪΖΜHTML΋CSS΋
 ΍Γ·͢Αʁ ݪཧओٛతͰ͸ͳ͍ϨϕϧͰ
 ηϚϯςΟΫε޷͖ɻ
3. WebͰΑ͘࢖͏ʮΞϨʯʁ
4. ίϨɻ
 ͳΜͯݺΜͰ·͢ʁ

5. “ύϯͣ͘φϏήʔγϣϯ”
6. ʮύϯͣ͘ʯͷޠݯʁ
7. “ϔϯθϧͱάϨʔςϧ”
8. ϔϯθϧͱάϨʔςϧ άϦϜಐ࿩ɻ 2ਓ͸৿ʹࣺͯΒΕΔɻ ḷ͖ͬͯͨಓඪʹύϯͣ͘ɻ ύϯͣ͘Λௗʹ৯΂ΒΕΔɻ ໎ࢠɻ ͓՛ࢠͷՈʹͨͲΓண͘ɻ
9. ϔϯθϧͱάϨʔςϧ άϦϜಐ࿩ɻ 2ਓ͸৿ʹࣺͯΒΕΔɻ ḷ͖ͬͯͨಓඪʹύϯͣ͘ɻ ύϯͣ͘Λௗʹ৯΂ΒΕΔɻ ໎ࢠɻ ͓՛ࢠͷՈʹͨͲΓண͘ɻ…
10. ύϯͣ͘ͷ໾໨ʁ
11. ݩͷ৔ॴʹ໭ΔͨΊ ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢ ͦΕ͕ௗʹ৯΂ΒΕͯͳ͘ͳͬͨ ݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
12. ύϯͣ͘φϏͷ໾໨ʁ
13. ݱࡏͷϖʔδͷ
 αΠτ಺ͰͷҐஔɻ

14. ḷ͖ͬͯͨಓඪ͡Όͳ͍ʂ
15. ͨͱ͑͹ɺ͜Μͳύϯͣ͘ φϏɻ
16. Googleݕࡧ
 ʮ௨ൢɹίʔτʯ
17. Googleݕࡧ
 ʮ௨ൢɹίʔτʯ ↓ZOZOTOWN
 http://zozo.jp/women-category/jacket-outerwear/
18. Googleݕࡧ
 ʮ௨ൢɹίʔτʯ ↓ZOZOTOWN
 http://zozo.jp/women-category/jacket-outerwear/ ↓ίʔτৄࡉ
 http://zozo.jp/shop/reca/goods/14772026/? did=31771774
19. Googleݕࡧ
 ʮ௨ൢɹίʔτʯ ↓ZOZOTOWN
 http://zozo.jp/women-category/jacket-outerwear/ ↓ίʔτৄࡉ
 http://zozo.jp/shop/reca/goods/14772026/? did=31771774 ❌ ❌ ❌ ↓
20. ຊདྷͷετʔϦʔʹ
 ͋ΘͤΔͱ
 ͜͏͍͏φϏʹͳΔͷͰ͸ʁ
21. demo
 https://matsudaemi.github.io/real-bread-crumb/demo/
22. ݩͷ৔ॴʹ໭ΔͨΊ ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢ ͦΕ͕ௗʹ৯΂ΒΕͯͳ͘ͳͬͨ ݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
23. ݩͷ৔ॴʹ໭ΔͨΊ ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢ ͦΕ͕ௗʹ৯΂ΒΕͯͳ͘ͳͬͨ ݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
24. ΍ͬͺΓɺʮύϯͣ͘φϏʯͬͯίτόɺ
 ΍Ίͨ΄͏͍͍Μ͡Όͳ͍ʁ
25. topic path category nav ͱ͔ͱ͔ɻ৭ʑ͍͍͋ͬͯΜ͡Όͳ͍ʁ
26. ͩ͘Βͳ͍ݴ͍͕͔Γσγλ⭐
27. ͜ΜͳJS࡞ͬͯΔͱ͔ώϚ͔ɻ
28. ࣦۀதͰ͢ɻ ͓࢓ࣄืूதͰ͢ɻ ʢࠓͷͱ͜ɺձࣾʹॴଐ͢Δ༧ఆ͸͋Γ·ͤΜʣ
29. ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ