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
1.3k
5
Share
Introduce Rails Breadcrumbs Gems - Breadcrumble
RubyHiroba 2013 LT 2013/06/02
Takayuki Matsubara
June 01, 2013
More Decks by Takayuki Matsubara
See All by Takayuki Matsubara
Rails Web Development with AWS Lambda
ma2gedev
0
340
Coding Challenge Advent of Code 2019
ma2gedev
0
170
Developer Experience in GraphQL Schema-first Development
ma2gedev
0
2.4k
Dependency Inversion Principle in Keyboard Firmware
ma2gedev
0
560
OSSの歩き方 / Walking with OSS
ma2gedev
10
2.6k
GraphQL 開発で必要になったこと / What we needed for GraphQL development
ma2gedev
0
1.3k
キーボードをカスタムしてプログラミング環境を良くした話 / 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
200
Other Decks in Programming
See All in Programming
「エンジニアインターン、どうやって取った?」準備のリアルを語るLT会 Progate BAR
akiomatic
0
120
関係性から理解する"同一性"の型用語たち
pvcresin
2
630
TypeSpec で繋ぐ複数プロダクトの型安全
maroon8021
1
360
技術記事、AIに書かせるか、自分で書くか? 〜それでも私が自分の手で書く理由〜 / #QiitaConference
jnchito
2
1.3k
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
izumin5210
2
1.6k
運用エージェントは "作る" から "育てる" へ - 記憶と自己進化の3層設計パターン / self-evolving-agents-three-layer-agent-design
gawa
12
3.4k
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
minako__ph
4
1.3k
AIとRubyの静的型付け
ukin0k0
0
530
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
470
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
manfredsteyer
PRO
0
220
OSもどきOS
arkw
0
400
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
terryu16
0
240
Featured
See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
61
44k
Context Engineering - Making Every Token Count
addyosmani
9
930
The Pragmatic Product Professional
lauravandoore
37
7.3k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
210
We Have a Design System, Now What?
morganepeng
55
8.2k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
GitHub's CSS Performance
jonrohan
1033
470k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.9k
It's Worth the Effort
3n
188
29k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
150
HDC tutorial
michielstock
2
690
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
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