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
790
リアルパンくずナビLT
Emi MATSUDA
December 03, 2016
Tweet
Share
More Decks by Emi MATSUDA
See All by Emi MATSUDA
CSSでblend-modeを使ってみよう!
matsudaemi
0
240
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
120
コワくないJS:オープニングトーク
matsudaemi
1
230
コワくない.js1@フレームワークの話
matsudaemi
0
200
Other Decks in Technology
See All in Technology
Escaping_the_Kraken_-_October_2025.pdf
mdalmijn
0
130
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
pfn
PRO
2
980
実装で解き明かす並行処理の歴史
zozotech
PRO
1
340
Azure Well-Architected Framework入門
tomokusaba
1
300
DataOpsNight#8_Terragruntを用いたスケーラブルなSnowflakeインフラ管理
roki18d
1
340
OCI Network Firewall 概要
oracle4engineer
PRO
1
7.8k
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
0
160
BirdCLEF+2025 Noir 5位解法紹介
myso
0
190
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
upamune
1
420
LLMアプリケーション開発におけるセキュリティリスクと対策 / LLM Application Security
flatt_security
7
1.9k
Goにおける 生成AIによるコード生成の ベンチマーク評価入門
daisuketakeda
2
100
Findy Team+のSOC2取得までの道のり
rvirus0817
0
340
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Scaling GitHub
holman
463
140k
Done Done
chrislema
185
16k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Navigating Team Friction
lara
189
15k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Building Adaptive Systems
keathley
43
2.8k
BBQ
matthewcrist
89
9.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
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࡞ͬͯΔͱ͔ώϚ͔ɻ
ࣦۀதͰ͢ɻ ͓ࣄืूதͰ͢ɻ ʢࠓͷͱ͜ɺձࣾʹॴଐ͢Δ༧ఆ͋Γ·ͤΜʣ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ