タグ

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

  • ECMAScript 2015 support in Mozilla - Archive of obsolete content | MDN

    This is an archived page. It's not actively maintained. ECMAScript 2015 is the sixth edition of the ECMAScript Language Specification standard. It defines the standard for the JavaScript implementation in SpiderMonkey, the engine used in Firefox and other Mozilla applications. Code-named "ES.next", "Harmony", or "ECMAScript 6", the first working draft (based on ECMAScript 5.1) was published on Jul

    ECMAScript 2015 support in Mozilla - Archive of obsolete content | MDN
  • Array.prototype.map() - JavaScript | MDN

    標準組み込みオブジェクトArrayコンストラクターArray() コンストラクター静的メソッドArray.from()Array.fromAsync()Array.isArray()Array.of()静的プロパティArray[@@species]インスタンスメソッドArray.prototype.at()Array.prototype.concat()Array.prototype.copyWithin()Array.prototype.entries()Array.prototype.every()Array.prototype.fill()Array.prototype.filter()Array.prototype.find()Array.prototype.findIndex()Array.prototype.findLast()Array.prototype.findLastI

    Array.prototype.map() - JavaScript | MDN
    hisasann
    hisasann 2011/12/05
    Array.prototype.map
  • CSS トランジションの使用 - CSS: カスケーディングスタイルシート | MDN

    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 の基的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

    CSS トランジションの使用 - CSS: カスケーディングスタイルシート | MDN
    hisasann
    hisasann 2011/11/16
    「Firefox では transitionend、Opera では oTransitionEnd、そして WebKit では webkitTransitionEnd です」
  • オープン Web テクノロジーのデモ | MDN

    Mozilla は、幅広い既存の Web テクノロジーをサポートし、それらを使用することを奨励しています。このページは、かつて Demo Studio で人気のあったものも含め、技術のデモンストレーションを提供します。オープン Web テクノロジーのデモンストレーションやアプリケーションを知っている場合、適切なセクションにリンクを追加してください。

    オープン Web テクノロジーのデモ | MDN
    hisasann
    hisasann 2011/09/16
    カルーセル、固定された場所に表示するだけだけど、こうゆうのもありだな。
  • pointer-events - CSS: Cascading Style Sheets | MDN

    CSS Tutorials CSS basics CSS first steps CSS first steps overview What is CSS? Getting started with CSS How CSS is structured How CSS works Assessment: Styling a biography page CSS building blocks CSS building blocks overview CSS selectors Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators Cascade, specificity, and inheritance Cascade layers The box mo

    pointer-events - CSS: Cascading Style Sheets | MDN
    hisasann
    hisasann 2011/07/14
    pointer-events
  • Venkman | MDN

    Venkman は、Mozilla の JavaScript デバッガのコードネームで、Firefox、Netscape 7.x/9.x、SeaMonkey といった Mozilla ベースのブラウザに強力な JavaScript デバッグ環境を提供することを目指しています。なお、同じ Gecko ベースのブラウザでも、K-Meleon 等には含まれていません。Venkman は、2001 年 10 月以降 Mozilla のリリースの一部として提供されているほか、XPI 形式の 拡張機能 パッケージとしても入手できるようになっています。 Venkman 入門 JavaScript デバッガを Web 開発に利用するための概要を説明するとともに、いくつかの実例をご紹介します。 Venkman のブレークポイントの使い方 この記事では、JavaScript におけるブレークポイントの説明と、

    Venkman | MDN
    hisasann
    hisasann 2011/04/01
    まだ使われているのかな…
  • Firefox 4 for developers - MDC

    Gecko は現在 HTML5 パーサーを利用しています。それはバグが修正され、相互運用性が改善され、また、パフォーマンスが向上されたものです。また、HTML マークアップでコンテンツに SVG と MathML を直接埋め込むことも可能にします。 HTML5 パーサー入門 HTML5 パーサーが意味することと、どのように SVG と MathML をコンテンツにインラインで埋め込むかの概説。 HTML5 におけるフォーム HTML5 におけるウェブフォームの改善の概説。これらの変更点には <input> 要素における入力種類の追加、データバリデーションなどが含まれています。 HTML5 Sections Gecko は文書におけるセクションに関する新しい HTML5 要素をサポートします。: <article>、<section>、<nav>、<aside>、 <hgroup>、<hea

    Firefox 4 for developers - MDC
    hisasann
    hisasann 2011/03/20
    -moz-box-shadowがbox-shadowになったみたい
  • Object.prototype.__noSuchMethod__ - Archive of obsolete content | MDN

    非標準 この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。 Gecko 43 で廃止 (Firefox 43 / Thunderbird 43 / SeaMonkey 2.40) この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。 __noSuchMethod__ プロパティは、オブジェクトで存在しないメソッドが呼び出されたときに実行される関数を参照するために使用されていましたが、この機能は利用できなくなりました。 __noSuchMethod__ は廃止されしたが、 ECMAScript 2015 (ES6) 仕様には Proxy

    Object.prototype.__noSuchMethod__ - Archive of obsolete content | MDN
    hisasann
    hisasann 2010/11/16
    __noSuchMethod__楽しい!
  • ゲッターとセッターの定義 - JavaScript | MDN

    ゲッターとセッターの定義 ゲッターはある属性の値を取得するメソッドです。セッターは属性に値を設定するメソッドです。全ての定義済みコアオブジェクトと、新しいプロパティの追加をサポートしているユーザ定義オブジェクトに対してゲッターとセッターを定義できます。ゲッターとセッターの定義にはオブジェクトリテラル構文を使用します。 以下の例では、ユーザ定義オブジェクト o についてゲッターとセッターがどのように機能するかを説明します。JavaScript シェル とは JavaScript コードをバッチモードで、またはインタラクティブにテストすることができる、開発者向けのアプリケーションのことです。 o オブジェクトのプロパティは以下のとおりです。 o.a - 数値 o.b - o.a に 1 を加えて返すゲッター o.c - o.a の値にその値の 1/2 の値をセットするセッター js> o =

    ゲッターとセッターの定義 - JavaScript | MDN
    hisasann
    hisasann 2010/11/16
    __defineGetter__、__defineSetter__
  • Array.prototype.reverse() - JavaScript | MDN

    hisasann
    hisasann 2010/11/09
    配列の中身を反転させる
  • Document: elementFromPoint() メソッド - Web API | MDN

    Document Object ModelDocumentコンストラクターDocument()インスタンスプロパティactiveElementadoptedStyleSheetsalinkColorallanchorsappletsbgColorbodycharacterSetchildElementCountchildrencompatModecontentTypecookiecurrentScriptdefaultViewdesignModedirdoctypedocumentElementdocumentURIdomainembedsfeaturePolicyfgColorfirstElementChildfontsformsfragmentDirectivefullscreenfullscreenElementfullscreenEnabledheadhiddenimagesimp

    Document: elementFromPoint() メソッド - Web API | MDN
    hisasann
    hisasann 2010/10/04
    「ドキュメントの左上を基点として指定された座標上にある要素を返します。 」
  • Window.postMessage() - Web API | MDN

    HTML DOM APIWindowインスタンスプロパティclosedconsolecookieStore (en-US) Experimental credentialless (en-US) Experimental customElementsdevicePixelRatiodocumentdocumentPictureInPicture (en-US) Experimental event 非推奨 external (en-US) 非推奨 fence (en-US) Experimental frameElementframesfullScreen Non-standard historyinnerHeightinnerWidthlaunchQueue (en-US) Experimental lengthlocalStoragelocationlocationbarmenubar

    Window.postMessage() - Web API | MDN
    hisasann
    hisasann 2010/05/13
    window間で通信するときに使うの
  • Object.prototype.watch() - Archive of obsolete content | MDN

    非推奨の警告: watch() および unwatch() は使用しないでください!これら 2 つのメソッドはバージョン 58 より前の Firefox しか実装しておらず、Firefox 58 以降で非推奨および削除されます。また、ウォッチポイントを使用するとパフォーマンスに大きな悪影響があり、特に window のようなグローバルオブジェクトで使用すると顕著です。通常は、代わりに セッターとゲッター または proxy を使用できます。 watch() メソッドはプロパティに値が代入されるのを監視し、代入された際に関数を実行します。 構文 obj.watch(prop, handler) 引数 prop 変化を監視したいオブジェクトのプロパティの名前。 handler 指定したプロパティの値が変化したときに呼び出す関数。 戻り値 undefined。 説明 オブジェクト中で名前が pr

    Object.prototype.watch() - Archive of obsolete content | MDN
    hisasann
    hisasann 2010/03/31
    プロパティに値が代入されるのを監視し、代入された際に関数を実行します
  • Array.prototype.reduce() - JavaScript | MDN

    reduce() メソッドは、配列の各要素に対して (引数で与えられた) reducer 関数を実行して、単一の出力値を生成します。 このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。 reducer 関数は 4 つの引数を取ります。 アキュムレーター (acc) 現在値 (cur) 現在の添字 (idx) 元の配列 (src) reducer 関数の返値はアキュムレーターに代入され、配列内の各反復に対してこの値を記憶します。最終的に単一の結果値になります。 構文 arr.reduce(callback( accumulator, currentValue[, index[, array]] ) {

    Array.prototype.reduce() - JavaScript | MDN
  • linear-gradient() - CSS: カスケーディングスタイルシート | MDN

    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 の基的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

    linear-gradient() - CSS: カスケーディングスタイルシート | MDN
  • Firefox 3.6 for developers - Mozilla | MDN

    Firefox 3.6 では新規あるいは開発中のウェブ標準のサポート、性能の向上、ウェブユーザーと開発者にとってより良い体験が提供されます。このページは Firefox 3.6 で新しく利用出来るようになった機能に関する記事のリンクを提供します。 グラデーションの利用 Firefox 3.6 では background において、Mozilla が提案中の -moz-linear-gradient と -moz-radial-gradient プロパティのサポートが追加されました。 複数の背景 background プロパティ(および background-color、background-image、background-position、background-repeat、background-attachment)が複数の背景をサポートしました。これによりひとつのレイヤーの中で他に重

    Firefox 3.6 for developers - Mozilla | MDN
  • window.onmozorientation - MDC

    例 window.onmozorientation = doFunc; 以下の例はイベントが起きているときにブラウザウィンドウに生の加速度センサーデータを表示するだけです。 <html> <head> <meta charset=UTF-8> <title>MozOrientation イベント</title> <style> p { font-size: 12px; color: rgb(0, 220, 98); background-color: black; } body { background-color: black; } </style> <script> var count = 0; function handleOrientation(orientData) { count++; var d = document.getElementById("display"); d.

    hisasann
    hisasann 2010/01/23
    加速度センサーイベントにディスパッチ。MozOrientation
  • Document: documentElement プロパティ - Web API | MDN

    const rootElement = document.documentElement; const firstTier = rootElement.childNodes; // firstTier は <head> や <body> などの // ルート要素の直接の子である NodeList for (const child of firstTier) { // ルート要素のそれぞれの直接の子に対する処理 }

    Document: documentElement プロパティ - Web API | MDN
    hisasann
    hisasann 2010/01/15
    documentのルート要素の<html>要素が返る
  • On page load - Code snippets | MDN

    この記事はブラウザやメールで新しいページを読み込んだときにコードを実行したい XUL/JavaScript 開発者のためのものです。もし、コードをページを読み込んでいる時やタブを切り替えた時など、さらに高度な条件下で実行したいときは、 Progress Listeners を見てください。 Progress listeners により、拡張機能にドキュメントの表示やタブ切り替えのイベントを知らせることができます。 Progress listeners は nsIWebProgressListener interface を実行します。 オーバーレイの作成 まず、以下のXULドキュメントの一つ(あるいはあなたが対象としているアプリケーションによってはもっと)への overlay を作成します。 Application URI to overlay スクリプトの記述 overlay するスクリ

    On page load - Code snippets | MDN
    hisasann
    hisasann 2010/01/15
    window.addEventListener("load", function() { myExtension.init(); }, false);
  • HTTP access control - MDN

    オリジン間リソース共有 (Cross-Origin Resource Sharing) (CORS) は、追加の HTTP ヘッダーを使用して、あるオリジンで動作しているウェブアプリケーションに、異なるオリジンにある選択されたリソースへのアクセス権を与えるようブラウザーに指示するための仕組みです。ウェブアプリケーションは、自分とは異なるオリジン (ドメイン、プロトコル、ポート番号) にあるリソースをリクエストするとき、オリジン間 HTTP リクエストを実行します。 オリジン間リクエストの一例: https://domain-a.com で提供されているウェブアプリケーションのフロントエンド JavaScript コードが XMLHttpRequest を使用して https://domain-b.com/data.json へリクエストを行う場合。 セキュリティ上の理由から、ブラウザーは、

    HTTP access control - MDN
    hisasann
    hisasann 2009/11/13
    クロスドメイン