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
320
Coding Challenge Advent of Code 2019
ma2gedev
0
150
Developer Experience in GraphQL Schema-first Development
ma2gedev
0
2.3k
Dependency Inversion Principle in Keyboard Firmware
ma2gedev
0
510
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.4k
Translating "Erlang in Anger" with Erlang & Elixir community members
ma2gedev
0
2.9k
Dive into Elixir v1.6 Code Formatter
ma2gedev
1
180
Other Decks in Programming
See All in Programming
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
140
Rails Girls Sapporo 2ndの裏側―準備の日々から見えた、私が得たもの / SAPPORO ENGINEER BASE #11
lemonade_37
2
190
Duke on CRaC with Jakarta EE
ivargrimstad
0
260
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 1
philipschwarz
PRO
0
110
高単価案件で働くための心構え
nullnull
0
170
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
agatan
1
120
「文字列→日付」の落とし穴 〜Ruby Date.parseの意外な挙動〜
sg4k0
0
310
手軽に積ん読を増やすには?/読みたい本と付き合うには?
o0h
PRO
1
110
生成AIを活用したリファクタリング実践 ~コードスメルをなくすためのアプローチ
raedion
0
150
Building AI with AI
inesmontani
PRO
1
270
データファイルをAWSのDWHサービスに格納する / 20251115jawsug-tochigi
kasacchiful
2
100
Level up your Gemini CLI - D&D Style!
palladius
1
130
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Practical Orchestrator
shlominoach
190
11k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Speed Design
sergeychernyshev
33
1.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.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