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
GraphRAG グラフDBを使ったLLM生成(自作漫画DBを用いた具体例を用いて)
seaturt1e
1
150
様々なファイルシステム
sat
PRO
0
260
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
390
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
160
Observability — Extending Into Incident Response
nari_ex
1
500
20251027_findyさん_音声エージェントLT
almondo_event
2
460
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
arthur1
0
270
AIプロダクトのプロンプト実践テクニック / Practical Techniques for AI Product Prompts
saka2jp
0
110
知覚とデザイン
rinchoku
1
600
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
320
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
250
Azure Well-Architected Framework入門
tomokusaba
1
130
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Thoughts on Productivity
jonyablonski
70
4.9k
The Language of Interfaces
destraynor
162
25k
Navigating Team Friction
lara
190
15k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
How to Ace a Technical Interview
jacobian
280
24k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
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࡞ͬͯΔͱ͔ώϚ͔ɻ
ࣦۀதͰ͢ɻ ͓ࣄืूதͰ͢ɻ ʢࠓͷͱ͜ɺձࣾʹॴଐ͢Δ༧ఆ͋Γ·ͤΜʣ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ