みなさんこんにちは！
WEBサイトを作っていくうえで、デザインってとても大切です。
UI/UXという用語があるように、ユーザーがどう感じるのか？ということを考えて実装するのは難しくもあり、楽しいと感じています。
そんな私がフロントエンド開発を勉強する中で出会ったたくさんの専門用語の中から印象的だったものをご紹介します！
| 名称 | 説明 | 由来 |
|---|---|---|
| パンくずリスト | 閲覧しているページの階層を示すもの。 例：ホームページ ＞ 商品リスト ＞ 食品 |
童話「ヘンゼルとグレーテル」より、主人公が森で迷子にならないようにパンくずを道しるべにしたお話から |
| トースト | 画面の下部から上部へと一時的に表示される通知。 例：「商品をカートに追加しました」 |
トースターから焼きあがったパンが出てくる様子に似ていることから |
| ハンバーガーアイコン | 「三」のように３本線で構成され、タップすることでメニューが表示されるアイコン | 見た目がハンバーガーに似ていることから |
| 座布団 | 文字を読みやすくするために色を付けた図形を重ねること | 文字が座布団に座っているように見えることから |
| アコーディオン | クリックすると隠れた情報が表示されるもの | 楽器のアコーディオンのように開いたり閉じたりすることから |
プログラミングに限らず、勉強していくなかで専門用語を知らないと調べることに苦戦したり、周囲の会話についていけないということもあります。
ですが、その用語の由来を知ると案外覚えやすかったり、「こんな時に使うと便利そう！」というイメージもしやすくなるのではないでしょうか。
デザインに関する用語は他にもたくさんあります。みなさんがよく使うサイトはどんな技術を使っているのでしょう？
ぜひ調べてみてくださいね！
