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
Introduce Rails Breadcrumbs Gems - Breadcrumble
Search
Takayuki Matsubara
June 01, 2013
Programming
5
1.3k
Introduce Rails Breadcrumbs Gems - Breadcrumble
RubyHiroba 2013 LT 2013/06/02
Takayuki Matsubara
June 01, 2013
Tweet
Share
More Decks by Takayuki Matsubara
See All by Takayuki Matsubara
Rails Web Development with AWS Lambda
ma2gedev
0
280
Coding Challenge Advent of Code 2019
ma2gedev
0
130
Developer Experience in GraphQL Schema-first Development
ma2gedev
0
2.2k
Dependency Inversion Principle in Keyboard Firmware
ma2gedev
0
480
OSSの歩き方 / Walking with OSS
ma2gedev
10
2.6k
GraphQL 開発で必要になったこと / What we needed for GraphQL development
ma2gedev
0
1.2k
キーボードをカスタムしてプログラミング環境を良くした話 / Improved programming environment with customizing keybords
ma2gedev
0
1.3k
Translating "Erlang in Anger" with Erlang & Elixir community members
ma2gedev
0
2.8k
Dive into Elixir v1.6 Code Formatter
ma2gedev
1
170
Other Decks in Programming
See All in Programming
[初登壇@jAZUG]アプリ開発者が気になるGoogleCloud/Azure+wasm/wasi
asaringo
0
130
Java on Azure で LangGraph!
kohei3110
0
140
ドメインモデリングにおける抽象の役割、tagless-finalによるDSL構築、そして型安全な最適化
knih
11
1.9k
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
580
Passkeys for Java Developers
ynojima
3
860
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
220
「ElixirでIoT!!」のこれまでとこれから
takasehideki
0
360
つよそうにふるまい、つよい成果を出すのなら、つよいのかもしれない
irof
1
290
Perlで痩せる
yuukis
1
680
GraphRAGの仕組みまるわかり
tosuri13
7
370
複数アプリケーションを育てていくための共通化戦略
irof
10
3.9k
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.7k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
The Cult of Friendly URLs
andyhume
79
6.4k
Six Lessons from altMBA
skipperchong
28
3.8k
Docker and Python
trallard
44
3.4k
Building Adaptive Systems
keathley
43
2.6k
Automating Front-end Workflow
addyosmani
1370
200k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.7k
Transcript
*OUSPEVDF3BJMT #SFBEDSVNCT(FN . *OD BTBLVTBSC 5XJUUFS!NBHF (JU)VCNBHFEFW #SFBEDSVNCMF
#SFBEDSVNCMF
None
8F`SFIJSJOH
8F`SFIJSJOH ͓ؾܰʹ!NBHF·Ͱ
ύϯͣ͘Ϧετ IUUQXXXqJDLSDPNQIPUPTXIFBUpFMET
None
None
None
HFNT IUUQXXXqJDLSDPNQIPUPTLJULBQIPUPHJSM
$SVNNZ IUUQTHJUIVCDPN[BDIJOHMJTDSVNNZ
#SFBEDSVNCT0O3BJMT IUUQTHJUIVCDPNXFQQPT CSFBEDSVNCT@PO@SBJMT
#SFBEDSVNCMF IUUQTHJUIVCDPNNBHFEFWCSFBEDSVNCMF *`NUIFBVUIPS
ൺֱ
(JU)VCͷ˒ʁ ˞࣌
˒ $SVNNZ IUUQXXXqJDLSDPNQIPUPTDPNQVUFSIPUMJOF
˒ #SFBEDSVNCT0O3BJMT IUUQXXXqJDLSDPNQIPUPTDPNQVUFSIPUMJOF
˒ #SFBEDSVNCMF ˒ ˒ ˒
ઓಆྗʜͨͬͨͷ͔̏ʜΰϛΊʜ
Ϟϯϋϯͷଜ˒Ͱྫ͑Δͱ ϩΞϧυϩεͰͯ͘Δ͜Ζ
˒˒˒ˑˑ
ऐ͍͠ͷͰ͓ئ͍͠·͢ IUUQTHJUIVCDPNNBHFEFWCSFBEDSVNCMF Go To And Push
ػೳ IUUQXXXqJDLSDPNQIPUPTKPSHFDPSSFB
ίϯτϩʔϥఆٛܕ IUUQXXXqJDLSDPNQIPUPTXJDLFSGVSOJUVSF
#SFBEDSVNCMFͷྫ class PankoController add_breadcrumb 'Panko', '/panko' def show add_breadcrumb 'show
panko', panko_path end end
#SFBEDSVNCMFͷྫ <%= render_breadcrumbs %>
ࡉ͔͍ࠩ͋Δͷͷ
΄΅Ұॹ
#SFBEDSVNCMF
ಛ
,BNJOBSJ8BZ LBNJOBSJHFNͷΓํΛ࠾༻ IUUQXXXqJDLSDPNQIPUPTNIBMMFS
σϑΥϧτͰे
7JFXΛΧελϚΠζՄೳ
SBJMTHLBNJOBSJWJFXT FSCςϯϓϨʔτΛੜ
ΠϯεύΠΞ͞Εͨ
SBJMTHCSFBEDSVNCMFWJFXT
ϚχΞοΫ IUUQXXXqJDLSDPNQIPUPTIBQBTpOF
ෳύϯͣ͘Ϧετ XJUISJDITOJQQFUT
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/books" itemprop="url"> <span itemprop="title">Books</span> </a> ›
<div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/books/authors" itemprop="url"> <span itemprop="title">Authors</span> </a> › <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/books/authors/stephenking" itemprop="url"> <span itemprop="title">Stephen King</span> </a> </div> </div> </div> IUUQTVQQPSUHPPHMFDPNXFCNBTUFSTCJO BOTXFSQZ IMFOBOTXFS ແବʹෳࡶ
ϚχΞοΫ͗ͯ͢୭ରԠ͠ͳ͍
ઌʑिରԠ͠ͱ͖·ͨ͠
͍͍Ҋͳ͍͔ͳɻɻɻ 3FpOFNFOUTͱ͔͔ͳʔ add_breadcrumb_to "level 2-1", "url", 2 add_breadcrumb_to "level 2-2",
"url", 2 add_breadcrumb_to "level 2-3", "url", 2
ϩΰ
DSFBUFECZ@524shoutz_nika
ϩΰͷ͋Δ#SFBEDSVNCTϥΠϒϥϦͬͯ ͦΜͳʹͳ͍ͱࢥ͏ͷ
·ͱΊ
ΧελϚΠζՄೳ ϚχΞοΫ ϩΰ
#SFBEDSVNCMF
ࢀߟ 3BJMTͷύϯͣ͘ϦετͷΦεεϝΛڭ͍͑ͯͩ͘͞ Կ͔ͷه
FOOOOOE