直リンク(インラインリンク)
直リンクとは、インターネット上に公開されている画像などのメディアファイルやデータファイルのURLを、別のWebサイトから直接参照すること。インラインリンク(inline link, hotlink)ともいう。 例えば、他サイトの画像をそのURLのまま自サイトのページに直接貼り付け [……]
直リンクとは、インターネット上に公開されている画像などのメディアファイルやデータファイルのURLを、別のWebサイトから直接参照すること。インラインリンク(inline link, hotlink)ともいう。 例えば、他サイトの画像をそのURLのまま自サイトのページに直接貼り付け [……]
レイアウトシフト(layout shift)とは、Webサイトのページが読み込みから表示されるまでの間にレイアウトがずれたり崩れたりする現象のこと。HTML上の要素がレンダリング処理される際にフレーム間で開始位置が異なるために、ページの表示の途中でコンテンツのズレや移動が発生する [……]
ケバブケース(kebab case)とは、アルファベットの複数語やフレーズを連結して一語で表記する際に、各単語の間をハイフン「-」で連結する方式のこと。例えば「kebab case」という複数語をケバブケースで表現すると、「kebab-case」となる。「チェインケース (cha [……]
スネークケース(snake case)とは、アルファベットの複数語やフレーズを連結して一語で表記する際に、各単語の間をアンダースコア「_」で連結する方式のこと。例えば「snake case」という複数語をスネークケースで表現すると、「snake_case」となる。 プログラミング [……]
キャメルケース(camel case)とは、アルファベットの複数語やフレーズを連結して一語で表記する際に、各単語の先頭を大文字にして連結する方式のこと。例えば「camel case」という複数語をキャメルケースで表現すると、「camelCase」もしくは「CamelCase」とな [……]
Webビーコン(web beacon)とは、WebページやHTMLメールに埋め込んで設置する小さな画像もしくはそのHTMLタグやスクリプトのこと。その画像の表示の際にリクエストされたサーバーにてプログラムが解釈し、端末やユーザーの識別などが行われる。 Cookieと組み合わせてア [……]
SPA(single page application, シングルページアプリケーション)とは、単一のWebページのみで構成されたアプリケーションのアーキテクチャ(設計構造)、もしくはそれによって制作されたWebアプリケーションやWebサイトのこと。Webブラウザー上でページ遷移 [……]
オープンウェブ(open web)とは、ウェブサイトやそれに含まれるコンテンツの構築、公開、閲覧は、オープンな規格や技術、思想によるものであるべきとする考え方、概念のこと。基本的には誰でもオープンな規格や技術や思想で構築や公開することができ、誰でもオープンなプラットフォームで閲覧 [……]
パンくずリスト(breadcrumbs, breadcrumbs list)とは、Webサイトやソフトウェアにおいて、ユーザーが現在閲覧しているページや画面の位置関係を階層構造や閲覧履歴を元に示したもの。Webサイトにおけるページや画面の位置関係を示したり、上位階層のページへ誘導 [……]
Webストーリー(web stories, web story)とは、動画や画像、テキスト、音声やアニメーションを組み合わせて動的な表現で表されたストーリー形式のWebページのこと。AMPの技術を使って制作する。ページ上の要素をタップもしくはスワイプすることで、コンテンツ間を移動 [……]
テキストフラグメント(text fragments)とは、Webページ上の任意のテキストをページ内リンク用のURLフラグメントとして利用できる機能、あるいはそのフラグメント識別子のこと。ブラウザーのChrome 80以降(Chromiumベースのブラウザーのバージョン80以降)で [……]
URLフラグメント(URL fragment)とは、Webページなど情報リソース内の特定情報の場所を指定するために用いられる識別子である。「フラグメント識別子」「アンカー」とも呼ばれる。 URLの最も末尾に「#」を付け、対象の情報リソース(ページ)内のリンク先位置 (id属性) [……]
URLとは、Uniform Resource Locatorの略で、Web上の情報リソースの場所を特定するための文字列もしくはそのルールのこと。インターネット上のWebページの住所に該当する。 World Wide Web(WWW)を考案したティム・バーナーズ=リー(Timoth [……]
WYSIWYGとは、「What You See Is What You Get(見たままを得られる)」の略で、ディスプレイ画面に表示されるものをそのまま処理する技術のこと。入力画面と出力内容が一致する印刷技術やテキストエディター、アプリケーションなどで用いられる。読みは「ウィジウ [……]
Here症候群(the “Here” Syndrome, the “Click Here” Syndrome)とは、HTMLのアンカー要素(aタグ)によってリンクが設定された文言のアンカーテキストを、「こちら」「こちらをクリック」「 [……]
プレースホルダー(placeholder)とは、後から入力される実際の値の代わりに仮に使用される文字列や値、ラベル、目印、確保された位置やスペースのこと。その時点ではまだ不明もしくはセキュリティ上の理由で表示されない実際の値の、代替要素である。 HTMLの場合、入力フォーム要素の [……]
ファビコン(favicon)とは、Webサイトのページをブラウザーで開いた際に、タブ部分などに表示される正方形のアイコンのこと。そのWebサイトのブランドを視覚的に表すシンボルマークであることがほとんどである。運営者が設置することで表示される。 ブラウザーのタブ部分の他、ブックマ [……]
動的サイトとは、ユーザーがアクセスするたびにサーバー上でプログラムなどが何らかの処理を行い、HTMLファイルを生成してブラウザーに表示される「動的ページ」で多く構成されるWebサイトのこと。 ユーザーがアクセスした際に、送信データやデータベースの情報からHTMLファイルをその都度 [……]