Web制作に関するキーワード(22件)

SPA(シングルページアプリケーション)

SPA(single page application, シングルページアプリケーション)とは、単一のWebページのみで構成されたアプリケーションのアーキテクチャ(設計構造)、もしくはそれによって制作されたWebアプリケーションやWebサイトのこと。Webブラウザー上でページ遷移 [……]

オープンウェブ

オープンウェブ(open web)とは、ウェブサイトやそれに含まれるコンテンツの構築、公開、閲覧は、オープンな規格や技術、思想によるものであるべきとする考え方、概念のこと。基本的には誰でもオープンな規格や技術、思想で構築、公開でき、誰でもオープンなプラットフォームで閲覧、利用でき [……]

パンくずリスト

パンくずリスト(breadcrumbs, breadcrumbs list)とは、Webサイトやソフトウェアにおいて、ユーザーが現在閲覧しているページや画面の位置関係を階層構造や閲覧履歴を元に示したもの。Webサイトにおけるページや画面の位置関係を示したり、上位階層のページへ誘導 [……]

scrollytelling(スクローリーテリング)

scrollytelling(スクローリーテリング)とは、Webページのスクロールと連動して画像や動画、アニメーションなどのグラフィック要素がインタラクティブかつ効果的に表示され、ユーザーが画面をスクロールするだけでコンテンツを深く理解できるようなストーリーテリングの表現手法のこ [……]

Webストーリー

Webストーリー(web stories, web story)とは、動画や画像、テキスト、音声やアニメーションを組み合わせて動的な表現で表されたストーリー形式のWebページのこと。AMPの技術を使って制作する。ページ上の要素をタップもしくはスワイプすることで、コンテンツ間を移動 [……]

テキストフラグメント (text fragments)

テキストフラグメント(text fragments)とは、Webページ上の任意のテキストをページ内リンク用のURLフラグメントとして利用できる機能、あるいはそのフラグメント識別子のこと。ブラウザーのChrome 80以降(Chromiumベースのブラウザーのバージョン80以降)で [……]

カルーセル表示

カルーセル(carousel)とは、もともとは回転木馬(メリーゴーラウンド)や回転式ベルトコンベアーといった意味の英語だが、Webマーケティングの領域においては複数の画像や要素をスライドさせることでメインの表示を切り替えられる表示形式、UIのことである。写真や項目が横(もしくは縦 [……]

WYSIWYG(ウィジウィグ)

WYSIWYGとは、「What You See Is What You Get(見たままを得られる)」の略で、ディスプレイ画面に表示されるものをそのまま処理する技術のこと。入力画面と出力内容が一致する印刷技術やテキストエディター、アプリケーションなどで用いられる。読みは「ウィジウ [……]

Here症候群(Click Here症候群)

Here症候群(the “Here” Syndrome, the “Click Here” Syndrome)とは、HTMLのアンカー要素(aタグ)によってリンクが設定された文言のアンカーテキストを、「こちら」「こちらをクリック」「 [……]

Above the fold

Above the fold(アバブ・ザ・フォールド)とは、もともとは新聞の一面の上半分のことを表し、一面のトップを飾るほど重要であるという意味を持つ。そこから転じて、ブラウザーでWebサイトのページを表示させた際の、スクロールせずに閲覧できる表示領域のことも指す。後者は「ファー [……]

プレースホルダー

プレースホルダー(placeholder)とは、後から入力される実際の値の代わりに仮に使用される文字列や値、ラベル、目印、確保された位置やスペースのこと。その時点ではまだ不明もしくはセキュリティ上の理由で表示されない実際の値の、代替要素である。 HTMLの場合、入力フォーム要素の [……]

バナー・ブラインドネス

バナー・ブラインドネス(banner blindness)とは、ユーザーがWebサイトに掲示されている「バナー広告」もしくは「バナー広告に類似した画像情報」を無意識のうちに無視する現象のこと。広告であることを理由に無視しているのではなく、画像に広告的なデザイン要素が含まれるとその [……]

ファビコン (favicon)

ファビコン(favicon)とは、Webサイトのページをブラウザーで開いた際に、タブ部分などに表示される正方形のアイコンのこと。そのWebサイトのブランドを視覚的に表すシンボルマークであることがほとんどである。運営者が設置することで表示される。 ブラウザーのタブ部分の他、ブックマ [……]

トグル(トグルボタン)

トグル(toggle)もしくはトグルボタン(toggle button)とは、もともとは止め釘あるいはダッフルコートの棒状のボタンを表す英単語だが、UIデザインの領域では一つのスイッチでオン・オフなど2つの状態の切り替え操作ができるボタンのことを指す。電化製品などの機器、Webサ [……]

ディープリンク

ディープリンク(deep link, deep linking)とは、1つ目の意味としては、Webページから他のWebサイトのトップページを除く個別ページに直接リンクすることを指す。深い階層にある特定ページへの外部からのリンクのこと。 2つ目の意味としては、スマートフォン等のアプ [……]

ファセット検索(ファセットナビゲーション)

ファセット検索(ファセットナビゲーション, faceted navigation)とは、あらかじめWebサイト側が用意した検索条件をユーザーが選択することで、Webサイト内のコンテンツを絞り込めるナビゲーションの仕組みのこと。 Webサイトに準備された検索窓にユーザーがキーワード [……]

ファーストビュー

ファーストビューとは、ブラウザーでWebサイトのページを表示させた際に、スクロールせずに閲覧できる画面の領域のこと。Webサイトを表示させた際に必ず見える領域である。ページにおける最も重要な領域の一つ。 PCやスマートフォンといったデバイス、ディスプレイの解像度などによって、その [……]

セパレートURL

セパレートURL(separate urls)とは、Webサイトをデスクトップ端末(パソコン)とモバイル端末(スマートフォン)の両方に適切に対応する際、それぞれに異なるURLでコンテンツを配信すること。 例えば、デスクトップ端末向けには「www.example.com」のURLで [……]

ヒーローイメージ(ヒーロー画像)

ヒーローイメージ(hero image)あるいはヒーロー画像とは、Webサイトのファーストビューにて、画面を全面に覆い尽くすように配置した大きなサイズの写真やグラフィック要素のこと、あるいはそのレイアウトのこと。同様に配置した動画を「ヒーロームービー」、それらの総称を「ヒーローヘ [……]

パーマリンク(恒久リンク)

パーマリンク(permalink, permanent link)とは、Webサイトの各ページに個別に付与された固定のURLのこと。恒久的、半永久的なURLという意味で、「パーマネント」(permanent)と「リンク」(link)が掛け合わされた造語である。「恒久リンク」ともい [……]

PWA (Progressive Web Apps)

PWA(Progressive Web Apps, プログレッシブ ウェブ アプリ)とは、アプリのような体験ができるウェブブラウジング技術のこと。2015年にグーグルが、モバイルユーザーの体験向上やストレス軽減を目的としてリリースした。 アプリでは当然のように備わっている機能や技 [……]

AMP (Accelerated Mobile Pages)

AMPとは、モバイル端末でのWebページの表示を高速化することを目的としたプロジェクトのこと。Accelerated Mobile Pagesの略。AMP HTMLと呼ばれるフレームワークの仕様に沿ってモバイル向けページを構成することで、高速化を実現できる。Googleが中心とな [……]