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.1k
キーボードをカスタムしてプログラミング環境を良くした話 / 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
External SecretsのさくらProvider初期実装を担当しています
logica0419
0
240
ユーザーにサブドメインの ECサイトを提供したい (あるいは) 2026年函館で一番熱くなるかもしれない言語の話
uvb_76
0
180
TSConfigからTypeScriptの世界を覗く
planck16
2
1.3k
衛星の軌道をWeb地図上に表示する
sankichi92
0
250
Use Perl as Better Shell Script
karupanerura
0
660
バリデーションライブラリ徹底比較
nayuta999999
1
440
「兵法」から見る質とスピード
ickx
0
200
Language Server と喋ろう – TSKaigi 2025
pizzacat83
2
670
ts-morph実践:型を利用するcodemodのテクニック
ypresto
1
540
RubyKaigiで得られる10の価値 〜Ruby話を聞くことだけが RubyKaigiじゃない〜
tomohiko9090
0
100
List Unfolding - 'unfold' as the Computational Dual of 'fold', and how 'unfold' relates to 'iterate'"
philipschwarz
PRO
0
140
Efficiency and Rock 'n’ Roll (Really!)
hollycummins
0
600
Featured
See All Featured
Practical Orchestrator
shlominoach
188
11k
We Have a Design System, Now What?
morganepeng
52
7.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Designing for Performance
lara
608
69k
A Tale of Four Properties
chriscoyier
159
23k
Optimizing for Happiness
mojombo
378
70k
4 Signs Your Business is Dying
shpigford
183
22k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.4k
Six Lessons from altMBA
skipperchong
28
3.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
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