サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ブックレビュー
developer.mozilla.org
Console API(コンソール API)には、開発者がデバッグ作業(メッセージ、コード内の設定点での変数の値、操作の完了にかかった時間などの記録)を実行できるようにする機能が用意されています。 Console API は、一貫性のない方法ではありますが、さまざまなブラウザーで実装されている、大部分が独自の API として始まりました。 Console API 仕様は、一貫した振る舞いを定義するために作成されました。 すべての最新のブラウザーは、最終的にこの振る舞いの実装に落ち着きましたが、一部の実装には独自の機能がまだ追加されています。 これらについては、次をご覧ください。 Google Chrome の開発ツールの実装 Safari の開発ツールの実装 使用方法は非常に簡単です — console オブジェクト — window.console またはワーカーの WorkerGlob
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
アクセシビリティツリー、またはアクセシビリティオブジェクトモデル (AOM) は、多くの HTML 要素におけるアクセシビリティに関する情報を含んでいます。 ブラウザーはマークアップを DOM ツリー と呼ばれる内部表現に変換します。 DOM ツリーはすべてのマークアップの要素、属性、テキストノードを含んでいます。ブラウザーはそれから、 DOM ツリーに基づいてアクセシビリティツリーを生成します。これは、読み上げソフトなどの支援技術のために、プラットフォームに特有のアクセシビリティ API から使用されます。 アクセシビリティツリーオブジェクトの中には 4 つのものがあります。 name このものをどのように参照することができるか。例えば、 'Read more' というテキストを持ったリンクは 'Read more' という名前を持つでしょう (名前がどのように計算されるかの詳細について
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 classe
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
The MDN Curriculum provides a structured guide to the essential skills and practices for being a successful front-end developer, along with recommended learning resources. Last updated: February 2024 Beginner's level Self-paced Free The go-to resource for the essential skills and knowledge every front-end developer needs for career success and industry relevance. Developed by Mozilla and refined w
HTTP Guides Resources and URIs Identifying resources on the Web Data URLs 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) X-
The Intl.Segmenter object enables locale-sensitive text segmentation, enabling you to get meaningful items (graphemes, words or sentences) from a string.
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019. Learn moreSee full compatibilityReport feedback AbortController インターフェイスは 1 つ以上のウェブリクエストをいつでも中断することを可能にするコントローラーオブジェクトを表します。 新しい AbortController オブジェクトを新しく生成するには、 AbortController() コンストラクターを使うことができます。 DOM リクエストとの送信は、 AbortSignal オブジェクトを使って行われます。
Storage Access API(ストレージアクセス API)は、埋め込まれたクロスオリジンのコンテンツが、通常はファーストパーティのコンテキストでのみアクセスできるストレージ(これをオリジンのファーストパーティストレージと呼びます)に無制限にアクセスする方法を提供します。 API は、埋め込まれたリソースがファーストパーティストレージに現在アクセスできるかどうかを確認し、ユーザーエージェントからファーストパーティストレージへのアクセスを要求できるメソッドを提供します。 ほとんどのブラウザーは、埋め込まれたクロスオリジンリソースのクッキーおよびサイトデータへのアクセスを制限する多くのストレージアクセスポリシーを実装しています。 これらの制限は、各最上位オリジンの下に埋め込まれたリソースに一意のストレージスペースを与えることから、サードパーティのコンテキストでリソースが読み込まれたときの
ウェブ音声 API は、音声認識と音声合成(text to speech または tts としても知られています)という 2 つの異なる分野の機能を提供しており、アクセシビリティと制御メカニズムに興味深い新しい可能性をもたらします。この記事では、両方の分野の簡単な紹介とデモを提供します。 音声認識では、端末のマイクを通して音声を受信し、音声認識サービスによって文法のリスト(基本的には特定のアプリで認識させたい語彙)と照合されます。単語や句が正常に認識されると、結果(または結果のリスト)がテキスト文字列として返され、その結果としてさらなるアクションを開始することができます。 ウェブ音声 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 はフェッチ API のインターフェイスで、リクエストのレスポンスを表します。 Response オブジェクトは Response() コンストラクターを用いて生成することができますが、他の API 操作の結果として返される Response オブジェクトに出会う可能性が高いでしょう。例えば、サービスワーカーの FetchEvent.respondWith や、単純な fetch() などです。 Response.body 読取専用 本文のコンテンツの ReadableStream です。 Response.bodyUsed 読取専用 本文がレスポンスで使用されたかどうかを定義する論理値が格納されます。 Response.headers 読取専用 レスポンスに関連した Headers オブジェクトが入ります。 Response.ok 読取専用 レスポンスが成功 (200–2
UI EventsKeyboardEventコンストラクターKeyboardEvent()インスタンスプロパティaltKeycharCode 非推奨 code ctrlKeyisComposingkeykeyCode 非推奨 keyIdentifier Non-standard 非推奨 locationmetaKeyrepeatshiftKeyインスタンスメソッドgetModifierState()initKeyboardEvent() 非推奨 initKeyEvent() Non-standard 非推奨 継承UIEventEventUI Events に関連するページCompositionEventFocusEventInputEventMouseEventMouseScrollEventMutationEventUIEventWheelEvent KeyboardEvent.code
HTMLElement.click() メソッドは、要素のマウスクリックをシミュレートします。 click() を対応している要素(<input> など)で使用すると、要素の click イベントが発行されます。 このイベントは、文書ツリー(またはイベントチェーン)の上位の要素にバブルアップし、click イベントを発生させます。
URLPatternConstructorURLPattern() Experimental Instance propertieshash Experimental hostname Experimental password Experimental pathname Experimental port Experimental protocol Experimental search Experimental username Experimental Instance methodsexec() Experimental test() Experimental
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
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017. Learn moreSee full compatibilityReport feedback json() は Response インターフェイスのメソッドで、 Response のストリームを取得して完全に読み取ります。本体のテキストを JSON として解釈した結果で解決するプロミスを返します。 なお、このメソッドは json() という名前であるにもかかわらず、結果は JSON ではありません。入力として JSON を取って解釈し、 JavaScript のオブジェクトを生成します。
Complete beginners start here!Getting started with the webGetting started with the webInstalling basic softwareWhat will your website look like?Dealing with filesHTML basicsCSS basicsJavaScript basicsPublishing your websiteHow the web worksHTML — Structuring the webIntroduction to HTMLIntroduction to HTMLGetting started with HTMLWhat's in the head? Metadata in HTMLHTML text fundamentalsCreating hy
ページが読み込まれるとすぐに音声(または音声トラックを含む動画)の再生を自動的に開始することは、ユーザーにとって歓迎されない驚きです。 メディアの自動再生は便利な目的に役立ちますが、注意して必要なときにだけ使用してください。 ユーザーがこれを制御できるようにするために、ブラウザーは多くの場合、さまざまな形式の自動再生のブロック (autoplay blocking) を提供します。 このガイドでは、さまざまなメディアおよびウェブオーディオ API (Web Audio API) の自動再生機能について説明します — 自動再生の使用方法と自動再生のブロックを適切に処理するためのブラウザーの操作方法の簡単な概要を含みます。 ソースメディアに音声トラックがない場合、または音声トラックがミュートされている場合、自動再生のブロックは <video> 要素には適用されません。 アクティブな音声トラック
次のページ
このページを最初にブックマークしてみませんか?
『MDN Web Docs - Mozilla』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く