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
310
Coding Challenge Advent of Code 2019
ma2gedev
0
140
Developer Experience in GraphQL Schema-first Development
ma2gedev
0
2.3k
Dependency Inversion Principle in Keyboard Firmware
ma2gedev
0
500
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
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
500
iOSでSVG画像を扱う
kishikawakatsumi
0
180
Temporal Knowledge Graphで作る! 時間変化するナレッジを扱うAI Agentの世界
po3rin
5
1.1k
퇴근 후 1억이 거래되는 서비스 만들기 | 내가 AI를 사용하는 방법
maryang
1
140
Node-REDのノードの開発・活用事例とコミュニティとの関わり(Node-RED Con Nagoya 2025)
404background
0
110
Leading Effective Engineering Teams in the AI Era
addyosmani
7
680
業務でAIを使いたい話
hnw
0
210
Ktorで簡単AIアプリケーション
tsukakei
0
120
Claude Agent SDK を使ってみよう
hyshu
0
1.4k
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
34k
品質ワークショップをやってみた
nealle
0
660
Swift Concurrency 年表クイズ
omochi
3
210
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
650
A Tale of Four Properties
chriscoyier
161
23k
Faster Mobile Websites
deanohume
310
31k
[RailsConf 2023] Rails as a piece of cake
palkan
57
6k
Documentation Writing (for coders)
carmenintech
76
5.1k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Making Projects Easy
brettharned
120
6.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
900
GraphQLとの向き合い方2022年版
quramy
49
14k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
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