「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

パンくずリスト

pointこの用語のポイント

pointホームページにくっついているメニューだよ

point現在地やページの階層を表現しているよ

point各階層の表現はリンクの場合が多いよ

point由来は童話『ヘンゼルとグレーテル』で道に迷わないように落としていたパンくずだよ

スポンサーリンク

簡単に書くよ

パンくずリスト(読:パンクズリスト 英:breadcrumb)とは

ホームページにくっついているメニューのひとつ
であり

例えば「わわわIT用語辞典 > 索引(ハ) > パンくずリスト」のような見た目で「トップページから、こう行って、こう行って、こう行くと、たどり着くのが現在のページですよ」を示す(リンクを兼ねた)メニューのこと
です。


image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として

Webページ
Webサイトホームページ
トップページ
リンクハイパーリンク


について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

Webページは「インターネットの世界で見られる文書ファイル」です。
ホームページを見るときに使うソフトWebブラウザで見られます。
インターネットの世界に転がっているファイルです。

パンくずリスト

Webサイトは「Webページが集まったもの」です。
「ホームページ」とも呼ばれます。

パンくずリスト2

WebページとWebサイトの関係は、本を想像するとイメージしやすいと思います。
本のページ1ページがWebページです。

パンくずリスト3

本のページが集まったもの、1冊の本に相当するのがWebサイトです。

パンくずリスト4

さて、本には表紙がありますよね。
同じように、Webサイトにも本の表紙に相当するページがあります。

Webサイトにおける本の表紙に相当するページは「トップページ」と言います。

パンくずリスト5

トップページはWebサイトの要です。
一般的な構造のWebサイトは、まずトップページがあって、トップページに紐付く形で、それぞれのページがあります。

パンくずリスト6

リンクハイパーリンクは「ポチっと押すと別のところに移動する仕組み」です。
みなさんもホームページを見るときにポチポチ押しているはずです。

パンくずリスト7

以上を踏まえて

トップページからの階層が表現されていて、それを見ると何となく現在地が分かる(リンクを兼ねた)メニュー

が「パンくずリスト」です。

パンくずリスト8

このページをパソコンから見ている人は、ちょっくらページの上の方を見てみてください。

わわわIT用語辞典 > 索引(ハ) > パンくずリスト

みたいな見た目のメニューがくっついていますよね。

パンくずリスト9

このメニューがパンくずリストです。

パンくずリスト10

パンくずリストの名前の由来は童話の『ヘンゼルとグレーテル』です。
あの物語では、道に迷わないようにパンくずを置いて目印にしますよね。

パンくずリスト11

パンくずリストで表現されるそれぞれの階層ページがパンくずのイメージです。

パンくずリスト12

なお、それぞれの階層ページを示す名前はリンクになっているのが一般的です。

パンくずリスト13

また、トップページを起点にして階層を表現するのが一般的です……が、たまに違うページを起点にしている場合も あります。

パンくずリスト14

ざっくりとした説明は、そんなところでしょうか。
あとの細かいことは他のところで勉強してください。


image piyo2

一言でまとめるよ

まぁ「パンくずリスト」って単語が出てきたら「トップページ(ホームページの表紙に相当するページ)から現在ページまでの階層を表現したリンク兼メニューなんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像079
書籍画像036

おまけ

■訳してみるよ

「パンくず」は日本語ですね。
「list(リスト)」の意味は「一覧表」とか「一覧表にする」とかです。
何となく くっつけると

パンくず一覧表

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本
マンガでわかるITパスポート
タヌキとキツネ