Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
リアルパンくずナビLT
Search
Emi MATSUDA
December 03, 2016
Technology
0
680
リアルパンくずナビLT
Emi MATSUDA
December 03, 2016
Tweet
Share
More Decks by Emi MATSUDA
See All by Emi MATSUDA
CSSでblend-modeを使ってみよう!
matsudaemi
0
180
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
100
コワくないJS:オープニングトーク
matsudaemi
1
210
コワくない.js1@フレームワークの話
matsudaemi
0
190
Other Decks in Technology
See All in Technology
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
JSON攻略法.pdf
miyakemito
8
5k
Janus
bkuhlmann
1
490
require(ESM)とECMAScript仕様
uhyo
3
610
Terraformあれやこれ/terraform-this-and-that
emiki
8
1.4k
私が trocco を推す理由
__allllllllez__
1
220
アクセス制御にまつわる改善 / Improving access control
itkq
0
530
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
Compose Compiler Metricsを使った実践的なコードレビュー
tomorrowkey
1
220
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
300
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
3
110
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
240
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Agile that works and the tools we love
rasmusluckow
325
20k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
The Cult of Friendly URLs
andyhume
74
5.7k
Facilitating Awesome Meetings
lara
42
5.6k
What the flash - Photography Introduction
edds
64
11k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
Fireside Chat
paigeccino
21
2.6k
Statistics for Hackers
jakevdp
789
220k
Transcript
WEBͰΑ͘͏ΞϨͷ໊শʹ͍ͭͯɺ 5͚ͩಥ͖٧Ίͯߟ͑ͯΈΔɻ 2016.12.3 ؔϑϩϯτΤϯυUG ΕLTେձ EMI Matsuda
୭ʁ ڈ·Ͱձࣾһɻࠓࣦۀऀɻ Webϑϩϯτܥɻ جຊJS͖ɻJSͷ͓ࣄଟΊɻ ͪΖΜHTMLCSS Γ·͢Αʁ ݪཧओٛతͰͳ͍ϨϕϧͰ ηϚϯςΟΫε͖ɻ
WebͰΑ͘͏ʮΞϨʯʁ
ίϨɻ ͳΜͯݺΜͰ·͢ʁ
“ύϯͣ͘φϏήʔγϣϯ”
ʮύϯͣ͘ʯͷޠݯʁ
“ϔϯθϧͱάϨʔςϧ”
ϔϯθϧͱάϨʔςϧ άϦϜಐɻ 2ਓʹࣺͯΒΕΔɻ ḷ͖ͬͯͨಓඪʹύϯͣ͘ɻ ύϯͣ͘Λௗʹ৯ΒΕΔɻ ໎ࢠɻ ͓՛ࢠͷՈʹͨͲΓண͘ɻ
ϔϯθϧͱάϨʔςϧ άϦϜಐɻ 2ਓʹࣺͯΒΕΔɻ ḷ͖ͬͯͨಓඪʹύϯͣ͘ɻ ύϯͣ͘Λௗʹ৯ΒΕΔɻ ໎ࢠɻ ͓՛ࢠͷՈʹͨͲΓண͘ɻ…
ύϯͣ͘ͷʁ
ݩͷॴʹΔͨΊ ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢ ͦΕ͕ௗʹ৯ΒΕͯͳ͘ͳͬͨ ݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
ύϯͣ͘φϏͷʁ
ݱࡏͷϖʔδͷ αΠτͰͷҐஔɻ
ḷ͖ͬͯͨಓඪ͡Όͳ͍ʂ
ͨͱ͑ɺ͜Μͳύϯͣ͘ φϏɻ
Googleݕࡧ ʮ௨ൢɹίʔτʯ
Googleݕࡧ ʮ௨ൢɹίʔτʯ ↓ZOZOTOWN http://zozo.jp/women-category/jacket-outerwear/
Googleݕࡧ ʮ௨ൢɹίʔτʯ ↓ZOZOTOWN http://zozo.jp/women-category/jacket-outerwear/ ↓ίʔτৄࡉ http://zozo.jp/shop/reca/goods/14772026/? did=31771774
Googleݕࡧ ʮ௨ൢɹίʔτʯ ↓ZOZOTOWN http://zozo.jp/women-category/jacket-outerwear/ ↓ίʔτৄࡉ http://zozo.jp/shop/reca/goods/14772026/? did=31771774 ❌ ❌ ❌
↓
ຊདྷͷετʔϦʔʹ ͋ΘͤΔͱ ͜͏͍͏φϏʹͳΔͷͰʁ
demo https://matsudaemi.github.io/real-bread-crumb/demo/
ݩͷॴʹΔͨΊ ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢ ͦΕ͕ௗʹ৯ΒΕͯͳ͘ͳͬͨ ݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
ݩͷॴʹΔͨΊ ḷ͖ͬͯͨ௨ΓͷಓےΛࣔ͢ ͦΕ͕ௗʹ৯ΒΕͯͳ͘ͳͬͨ ݁Ռ…͓՛ࢠͷՈΛΈ͚ͭΔ ετʔϦʔͷதͰɺΊͬͪΌେࣄʂʂʂ
ͬͺΓɺʮύϯͣ͘φϏʯͬͯίτόɺ Ίͨ΄͏͍͍Μ͡Όͳ͍ʁ
topic path category nav ͱ͔ͱ͔ɻ৭ʑ͍͍͋ͬͯΜ͡Όͳ͍ʁ
ͩ͘Βͳ͍ݴ͍͕͔Γσγλ⭐
͜ΜͳJS࡞ͬͯΔͱ͔ώϚ͔ɻ
ࣦۀதͰ͢ɻ ͓ࣄืूதͰ͢ɻ ʢࠓͷͱ͜ɺձࣾʹॴଐ͢Δ༧ఆ͋Γ·ͤΜʣ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ