はてなブックマーク

グローバルの structuredClone() メソッドは、指定された値のディープクローンを、構造化複製アルゴリズムを用いて生成します。 このメソッドでは、元の値の転送可能オブジェクトを、新しいオブジェクトにクローンするのではなく、転送することもできます。 転送されたオブジェクトは元のオブジェクトから切り離され、新しいオブジェクトに装着されます。元のオブジェクトからはもうアクセスできなくなります。

HTTP Guides: Resources and URIs Identifying resources on the Web Data URIs Introduction to MIME types Common MIME types Choosing between www and non-www URLs HTTP guide Basics of HTTP Overview of HTTP Evolution of HTTP HTTP Messages A typical HTTP session Connection management in HTTP/1.x Protocol upgrade mechanism HTTP security Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) C

font a font specification using the CSS value syntax, for example "italic bold 16px Roboto" text limit the font faces to those whose Unicode range contains at least one of the characters in text. This does not check for individual glyph coverage.

setHTML() は Element インターフェイスのメソッドで、 HTML の文字列を解釈して無害化し、この要素のサブツリーとして DOM に挿入します。 信頼できない HTML の文字列を挿入するために、 Element.innerHTML の代わりに使用してください。 解釈処理では、現在の要素のコンテキストで無効な HTML 文字列の要素を削除し、無害化処理では、安全でない、あるいは不要な要素、属性、コメントを削除します。 既定の Sanitizer() 設定では、<script> タグ、カスタム要素、コメントを含む XSS 関連の入力が取り除かれます。 無害化の設定は Sanitizer() (en-US) コンストラクターのオプションを使用してカスタマイズすることができます。 メモ: 対象となる要素がまだない場合など、後の時点で DOM に文字列を挿入する必要がある場合は、こ

The queueMicrotask() method, which is exposed on the Window or Worker interface, queues a microtask to be executed at a safe time prior to control returning to the browser's event loop. The microtask is a short function which will run after the current task has completed its work and when there is no other code waiting to be run before control of the execution context is returned to the browser's

JavaScript Tutorials: Complete beginners JavaScript basics JavaScript first steps JavaScript building blocks Introducing JavaScript objects JavaScript Guide Introduction Grammar and types Control flow and error handling Loops and iteration Functions Expressions and operators Numbers and dates Text formatting Regular expressions Indexed collections Keyed collections Working with objects Using class

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

The Intl.Segmenter object enables locale-sensitive text segmentation, enabling you to get meaningful items (graphemes, words or sentences) from a string.

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

Web Speech API は、音声認識と音声合成（text to speech または tts としても知られています）という 2 つの異なる分野の機能を提供しており、アクセシビリティと制御メカニズムに興味深い新しい可能性をもたらします。この記事では、両方の分野の簡単な紹介とデモを提供します。 音声認識ではデバイスのマイクを通して音声を受信し、音声認識サービスによって文法のリスト（基本的には特定のアプリで認識させたいボキャブラリー）と照合されます。単語やフレーズが正常に認識されると、結果（または結果のリスト）がテキスト文字列として返され、その結果としてさらなるアクションを開始することができます。 Web Speech API には、このための主要なコントローラインターフェイスである SpeechRecognition と、文法や結果などを表現するためのいくつかの密接に関連したインターフ

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers. The randomUUID() method of the Crypto interface is used to generate a v4 UUID using a cryptographically secure random number generator.

Response は Fetch API のインターフェイスで、リクエストのレスポンスを表します。 Response オブジェクトは Response.Response() コンストラクターを用いて生成することができますが、他の API 操作の結果として返される Response オブジェクトに出会う可能性が高いでしょう。例えば、サービスワーカーの Fetchevent.respondWith や、単純な WindowOrWorkerGlobalScope.fetch() などです。 Response.body 読取専用 本文のコンテンツの ReadableStream です。 Response.bodyUsed 読取専用 本文がレスポンスで使用されたかどうかを定義する論理値が格納されます。 Response.headers 読取専用 レスポンスに関連した Headers オブジェクトが入

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

HTML DOM APIHTMLElementInstance propertiesaccessKeyaccessKeyLabelcontentEditable Non-standard Deprecated contextMenudatasetdirenterKeyHinthiddeninertinnerTextisContentEditablelangnonceoffsetHeightoffsetLeftoffsetParentoffsetTopoffsetWidthouterTextstyletabIndextitleInstance methodsattachInternals()blur() click()focus()イベントbeforeinputchangecopycutdragdragenddragenterdragleavedragoverdragstartdropinp

Support for barcode recognition within web apps unlocks a variety of use cases through supported barcode formats. QR codes can be used for online payments, web navigation or establishing social media connections, Aztec codes can be used to scan boarding passes and shopping apps can use EAN or UPC barcodes to compare prices of physical items. Detection is achieved through the detect() method, which

Experimental: This is an experimental technology Check the Browser compatibility table carefully before using this in production. The URL Pattern API defines a syntax that is used to create URL pattern matchers. These patterns can be matched against URLs or individual URL components. The URL Pattern API is used by the URLPattern interface. The pattern syntax is based on the syntax from the path-to

fetch json の例（fetch json をライブで実行）では、 Request() コンストラクターを使用して新しいリクエストを作成し、それを使用して .json ファイルを読み取ります。読み取りに成功したら、json() を使用してデータを読み取り、解析し、結果のオブジェクトから期待通りに値を読み出し、それらの値をリスト項目に追加して商品データとして表示します。 const myList = document.querySelector('ul'); const myRequest = new Request('products.json'); fetch(myRequest) .then((response) => response.json()) .then((data) => { for (const product of data.products) { const l

Complete beginners start here! Getting started with the web Getting started with the web overview Installing basic software What will your website look like? Dealing with files HTML basics CSS basics JavaScript basics Publishing your website How the web works HTML — Structuring the web Introduction to HTML Introduction to HTML overview Getting started with HTML What's in the head? Metadata in HTML

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

ページが読み込まれるとすぐに音声（または音声トラックを含む動画）の再生を自動的に開始することは、ユーザーにとって歓迎されない驚きです。 メディアの自動再生は便利な目的に役立ちますが、注意して必要なときにだけ使用してください。 ユーザーがこれを制御できるようにするために、ブラウザーは多くの場合、さまざまな形式の自動再生のブロック（autoplay blocking）を提供します。 このガイドでは、さまざまなメディアおよびウェブオーディオ API（Web Audio API）の自動再生機能について説明します — 自動再生の使用方法と自動再生のブロックを適切に処理するためのブラウザーの操作方法の簡単な概要を含みます。 ソースメディアに音声トラックがない場合、または音声トラックがミュートされている場合、自動再生のブロックは <video> 要素には適用されません。 アクティブな音声トラックを持つメ

The global structuredClone() method creates a deep clone of a given value using the structured clone algorithm. The method also allows transferable objects in the original value to be transferred rather than cloned to the new object. Transferred objects are detached from the original object and attached to the new object; they are no longer accessible in the original object.

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 カスケードと継承 CSS セレクター ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボックス テキストの装飾 テキストの装飾の概要 基本的なテキストとフォントの装飾 リストの装飾 リンクの装飾 ウェブフォント 評価課題: コミュニティスクールのホームページの組版 CSS レイアウト CSS レイアウトの概要 CS

Web アクセシビリティ (略語: A11Y、Accessibility の A から Y までの間に 11 文字が挟まれているため、このように略す) は、身体的および技術的な制約によらず、Web サイトを使いやすく保つためのベストプラクティスです。Web アクセシビリティは、W3C の Web Accessibility Initiative (略称: WAI) によって、標準化と議論がされています。

完全な初心者はこちらから! ウェブ入門 ウェブ入門 基本的なソフトウェアのインストール ウェブサイトをどんな外見にするか ファイルの扱い HTML の基本 CSS の基本 JavaScript の基本 ウェブサイトの公開 ウェブのしくみ HTML — Structuring the web HTML概論 HTML概論 Getting started with HTML head って何？HTML のメタデータ HTML テキストの基礎 ハイパーリンクを作ってみる Advanced text formatting Document and website structure Debugging HTML Assessment: Marking up a letter Assessment: Structuring a page of content Multimedia and embedd