タグ

ブックマーク / developer.mozilla.org (22)

  • MediaDevices: getDisplayMedia() method - Web APIs | MDN

    options Optional An optional object specifying requirements for the returned MediaStream. The options for getDisplayMedia() work in the same as the constraints for the MediaDevices.getUserMedia() method, although in that case only audio and video can be specified. The list of possible option properties for getDisplayMedia() is as follows: video Optional A boolean or a MediaTrackConstraints instanc

    MediaDevices: getDisplayMedia() method - Web APIs | MDN
  • <video>: 動画埋め込み要素 - HTML: ハイパーテキストマークアップ言語 | MDN

    メモ: 自動的に音声 (あるいは音声トラックを含む動画) を再生するサイトはユーザーにとって不快な体験になる可能性がありますので、可能な限り避けるべきです。自動再生機能が必須である場合は、オプトイン (ユーザーが明示的に有効化することを求める) にするべきです。ただし、ユーザーの制御下で後からソースを設定するメディア要素を作成するときは、この方法が役に立つでしょう。正しい自動再生の使い方についての追加情報は autoplay ガイドを参照してください。 動画の自動再生を無効にするために autoplay="false" を指定しても機能しません。 <video> タグにこの属性があれば、動画が自動的に再生されます。自動再生を無効にするには、属性を完全に取り除くことが必要です。 一部のブラウザー (Chrome 70.0 など) では、 muted 属性がないと autoplay は動作しま

    <video>: 動画埋め込み要素 - HTML: ハイパーテキストマークアップ言語 | MDN
  • A-Frame を使った基本的なデモの作成 - ゲーム開発 | MDN

    Web のゲーム開発紹介 Web のゲーム開発紹介 ビデオゲームとの違い ツール Canvas CSS Full screen Gamepad IndexedDB JavaScript Pointer Lock SVG Typed Arrays Web Audio WebGL WebRTC WebSockets WebVR Web Workers XMLHttpRequest ゲーム開発テクニック asm.js の同期スクリプトを利用する 起動パフォーマンスを最適化する ピア通信チャンネルとして WebRTC を利用する Web ゲーム向けの音 2D 衝突検出 タイルとタイルマップの概要 Web上の 3D ゲームの概要 Web上の 3D ゲームの概要 基の 3D理論の説明 A-Frame Babylon.js PlayCanvas を利用した基的なデモの制作 Three.js を使った

    A-Frame を使った基本的なデモの作成 - ゲーム開発 | MDN
  • Element: append() method - Web APIs | MDN

  • プロミスの使用 - JavaScript | MDN

    JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

    プロミスの使用 - JavaScript | MDN
  • Object.prototype.toString() - JavaScript | MDN

    標準組み込みオブジェクトObjectコンストラクターObject() コンストラクター静的メソッドObject.assign()Object.create()Object.defineProperties()Object.defineProperty()Object.entries()Object.freeze()Object.fromEntries()Object.getOwnPropertyDescriptor()Object.getOwnPropertyDescriptors()Object.getOwnPropertyNames()Object.getOwnPropertySymbols()Object.getPrototypeOf()Object.groupBy()Object.hasOwn()Object.is()Object.isExtensible()Object.isFr

    Object.prototype.toString() - JavaScript | MDN
  • EventTarget: addEventListener() メソッド - Web API | MDN

    addEventListener() は EventTarget インターフェイスのメソッドで、ターゲットに特定のイベントが配信されるたびに呼び出される関数を設定します。 対象としてよくあるものは Element、Document、Window ですが、イベントに対応したあらゆるオブジェクトが対象になることができます (XMLHttpRequest など)。 メモ: addEventListener() メソッドは、イベントリスナーを登録するための推奨される方法です。以下のような長所があります。 1 つのイベントに対して複数のハンドラーを追加することができます。これは、ライブラリーや JavaScript モジュール、あるいは他のライブラリーや拡張機能とうまく動作させる必要があるその他の種類のコードで特に有効です。 onXYZ プロパティを使用するのとは対照的に、リスナーが起動されるときの

    EventTarget: addEventListener() メソッド - Web API | MDN
  • オリジン間リソース共有 (CORS) - HTTP | MDN

    HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection サイトの安全化 HTTP Observatory HTTP アクセス制御 (CORS) HTTP 認証 HTTP キャッシュ HTTP の圧縮 HTT

    オリジン間リソース共有 (CORS) - HTTP | MDN
  • WOFF (Web Open Font Format) - CSS: カスケーディングスタイルシート | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016. Learn moreSee full compatibilityReport feedback WOFF (Web Open Font Format) は、Mozilla が Type Supply や LettError、他の組織と提携して開発した新しい Web フォント形式です。これは、TrueType および OpenType, Open Font Format に使用されているテーブルベースの sfnt 構造と同じ圧縮されたバージョンを使用しています。WOFF には、これにメタデータと個人利用のための

    WOFF (Web Open Font Format) - CSS: カスケーディングスタイルシート | MDN
    animist
    animist 2018/03/16
  • JavaScript 言語概要 - JavaScript | MDN

    JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

    JavaScript 言語概要 - JavaScript | MDN
    animist
    animist 2018/01/30
    これの「カスタムオブジェクト」についての項目を今日の仕事の前に読んでたら今日の仕事はもうちょっと簡単だったかも知れないけど、今日の仕事の前に読んでたらどういう事かさっぱり理解できなかったかも知れない。
  • setAttribute

    name 値を設定する属性名を指定する文字列です。HTML 文書内の HTML 要素で setAttribute() を呼び出すと、属性名は自動的にすべて小文字に変換されます。 value 属性に割り当てる値を含む文字列です。文字列以外の値が指定された場合は、自動的に文字列に変換されます。 論理属性は要素に存在すれば true とみなされます。value には、空文字列または属性名を、前後にホワイトスペースを置かずに指定してください。実践的ななデモは以下の例を参照してください。 指定された value は文字列に変換されるため、null を指定しても必ずしも期待通りになるとは限りません。属性を削除したり、その値を null に設定する代わりに、属性の値を文字列 "null" に設定します。属性を削除したい場合は、removeAttribute()を呼び出してください。

    setAttribute
  • encodeURIComponent() - JavaScript | MDN

    var set1 = ";,/?:@&=+$"; // Reserved Characters var set2 = "-_.!~*'()"; // Unescaped Characters var set3 = "#"; // Number Sign var set4 = "ABC abc 123"; // Alphanumeric Characters + Space console.log(encodeURI(set1)); // ;,/?:@&=+$ console.log(encodeURI(set2)); // -_.!~*'() console.log(encodeURI(set3)); // # console.log(encodeURI(set4)); // ABC%20abc%20123 (the space gets encoded as %20) console.l

    encodeURIComponent() - JavaScript | MDN
  • encodeURI() - JavaScript | MDN

    encodeURI() 関数では、 URI において特別な意味を持つ文字 (予約文字) はエンコードされません。下記の例は URI "scheme" に含まれる可能性がある全ての箇所を示しています。特定の文字がどのように特殊な意味を表すために使われているかに注意してください。 http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor したがって、 encodeURI() は完全な URI を表すのに必要な文字はエンコードしません。また、 encodeURI() は "unreserved marks" (予約されていないが "そのまま" URI に使用できる) 文字をエンコードしません。 (RFC2396 を確認してください。) encodeURI() は下

    encodeURI() - JavaScript | MDN
  • setInterval() - Web API | MDN

    setInterval() メソッドは Window および Worker メソッドで提供され、一定の遅延間隔を置いて関数やコードスニペットを繰り返し呼び出します。 このメソッド、インターバルを一意に識別するインターバル ID を返します。よって clearInterval() を呼び出して、後でインターバルを削除できます。 setInterval(code) setInterval(code, delay) setInterval(func) setInterval(func, delay) setInterval(func, delay, arg0) setInterval(func, delay, arg0, arg1) setInterval(func, delay, arg0, arg1, /* … ,*/ argN) func delay ミリ秒が経過するたびに実行する関数です

    setInterval() - Web API | MDN
  • 継承とプロトタイプチェーン - JavaScript | MDN

    JavaScript のオブジェクトはプロパティ(自身のプロパティを指す)の動的な「袋」です。 JavaScript のオブジェクトは、プロトタイプオブジェクトへのリンクを持っています。あるオブジェクトのプロパティにアクセスしようとすると、オブジェクトだけでなく、オブジェクトのプロトタイプ、プロトタイプのプロトタイプへと、一致する名前のプロパティが得られるか、プロトタイプチェーンの終端に到達するまで、プロパティの探索が行われます。 メモ: ECMAScript 標準に従い、 someObject.[[Prototype]] という表記を someObject のプロトタイプを示すのに使用しています。内部スロット [[Prototype]] には Object.getPrototypeOf() と Object.setPrototypeOf() 関数でアクセスすることができます。これは、標準

    継承とプロトタイプチェーン - JavaScript | MDN
  • FileReader.readAsText() - Web API | MDN

    readAsText() メソッドは、指定された Blob または File の内容を読み取るために使用します。読み取り操作が完了すると、 readyState が DONE に変わり、 loadend イベントが発生し、 result プロパティにはファイルの内容が文字列として格納されます。

    FileReader.readAsText() - Web API | MDN
  • FileReader - Web API | MDN

    File APIFileReaderコンストラクターFileReader()インスタンスプロパティerrorreadyStateresultインスタンスメソッドabort()readAsArrayBuffer()readAsBinaryString() 非推奨 readAsDataURL()readAsText()イベントaborterrorloadloadendloadstartprogress継承EventTargetFile API に関連するページBlobFileFileListFileReaderSync FileReader オブジェクトを使用すると、ウェブアプリケーションは、ユーザーのコンピューターに保存されているファイル(または生のデータバッファー)の内容を非同期に読み取ることができます。File または Blob オブジェクトを使用して、読み込むファイルまたはデータを指定

    FileReader - Web API | MDN
  • File - Web API | MDN

    File.prototype.lastModified 読取専用 ファイルの最終更新時刻を、 UNIX 元期 (1970 年 1 月 1 日深夜) からの経過ミリ秒数で返します。 File.prototype.lastModifiedDate 非推奨 読取専用 Non-standard File オブジェクトが参照しているファイルの最終更新時刻の Date を返します。 File.prototype.name 読取専用 File オブジェクトが参照しているファイルの名前を返します。 File.prototype.webkitRelativePath 読取専用 File の URL の相対パスを返します。 File は Blob を実装しているので、以下のようなプロパティも利用できます。 Blob.size 読取専用 ファイルのサイズをバイト単位で返します。 File.prototype.t

    File - Web API | MDN
  • ウェブオーディオ API - Web API | MDN

    ウェブオーディオ API はウェブ上で音声を扱うための強力で多機能なシステムを提供します。これにより開発者は音源を選択したり、エフェクトを加えたり、視覚効果を加えたり、パンニングなどの特殊効果を適用したり、他にもたくさんのいろいろなことができるようになります。 ウェブオーディオ API は音声操作を音声コンテキスト内の操作として実現し、モジュラールーティングできるようにデザインされています。基的な操作は 音声ノードとして表現されています。これを接続することで、音声ルーティンググラフを作成します。チャンネル構成の異なる複数の音源も 1 つのコンテキスト内で扱えます。この構成によって、複雑で動的な音声操作を実現できるようになっています。 音声ノードは、入力と出力によってチェーンと単純なウェブにリンクされています。通常、1 つまたは複数の音源から始まります。音源は、非常に小さなタイムスライス、

    ウェブオーディオ API - Web API | MDN
  • XMLHttpRequest - Web API | MDN

    XMLHttpRequest APIXMLHttpRequestコンストラクターXMLHttpRequest()インスタンスプロパティchannel Non-standard mozAnon Non-standard mozBackgroundRequest Non-standard mozSystem Non-standard readyStateresponseresponseTextresponseTyperesponseURLresponseXMLstatusstatusTexttimeoutuploadwithCredentialsインスタンスメソッドabort()getAllResponseHeaders()getResponseHeader()open()overrideMimeType()send()setRequestHeader()イベントaborterrorloadl

    XMLHttpRequest - Web API | MDN