タグ

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

  • Playground | MDN

    Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation. Portions of this content are ©1998–2024 by individual mozilla.org contributors. Content available under a Creative Commons license.

    Playground | MDN
    sonota88
    sonota88 2023/07/20
  • -webkit-line-clamp - 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 の基的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

    -webkit-line-clamp - CSS: カスケーディングスタイルシート | MDN
    sonota88
    sonota88 2019/12/13
  • ページ可視性 API - Web API | MDN

    ページ可視性 API (Page Visibility API) では、現在ページが見えているかどうかを調べる機能とともに、文書が表示されたり非表示になったりした時を監視することができるイベントを提供します。 これは特に、文書が表示されていない時に不必要なタスクの実行を抑止することで、リソースを節約したり実行効率を上げたりするために特に有用です。 ユーザーがウィンドウを最小化したり他のタブに切り替えたりした時、 API は visibilitychange イベントを送信してリスナーにページの状態が変化したことを知らせます。イベントを検出していくつかの操作を実行したり、様々な動作をしたりすることができます。例えば、ウェブアプリで動画を再生している場合、ユーザーがタブをバックグラウンドにした場合に動画を一時停止させ、ユーザーがこのタブに戻ったときに再生を再開させたりすることができます。ユーザ

    ページ可視性 API - Web API | MDN
    sonota88
    sonota88 2019/03/27
  • 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
  • 並行モデルとイベントループ - JavaScript | MDN

    function foo(b) { var a = 10; return a + b + 11; } function bar(x) { var y = 3; return foo(x * y); } console.log(bar(7)); // returns 42 barを呼び出すと、barの引数とローカル変数を含んだ最初のフレームが生成されます。barがfooを呼び出すと、fooの引数とローカル変数を含んだ2番目のフレームが生成され、最初のフレームの上にプッシュされます。fooから返ると、先頭のフレーム要素はスタックからポップされます(barのコールフレームのみが残ります)。barから返るときスタックは空になります。

    並行モデルとイベントループ - JavaScript | MDN
  • Parser API - Mozilla | MDN

    This is an archived page. It's not actively maintained. Recent builds of the standalone SpiderMonkey shell include a reflection of the SpiderMonkey parser, made available as a JavaScript API. This makes it easier to write tools in JavaScript that manipulate JavaScript source programs, such as syntax highlighters, static analyses, translators, compilers, obfuscators, etc. NOTE: This page describes

    Parser API - Mozilla | MDN
  • 通知 API の使用 - Web API | MDN

    通知 API は、ウェブページやアプリからシステムレベルでページ外部に表示される通知を送ることを可能にします。これにより、アプリケーションがアイドルやバックグラウンドの状態であっても、アプリからユーザーに情報を送信することができます。この記事では、アプリで API を使用する方法の基を見ていきます。 一般的にシステム通知とは、オペレーティングシステムの標準的な通知メカニズムを指します。一般的なデスクトップシステムやモバイル端末が、通知を行う方法の実例を思い出しましょう。 当然ながらシステム通知の仕組みはプラットフォームやブラウザーによって異なりますが問題はなく、通知 API はほとんどのシステム通知に対して十分な互換性を持つようになっています。 ウェブ通知の最も顕著な用途の一つが、ウェブベースのメールや IRC アプリケーションにおいて、新しいメッセージを受信したときに、ユーザーがほかの

    通知 API の使用 - Web API | MDN
    sonota88
    sonota88 2015/03/06
  • Configuring servers for Ogg media - HTTP | MDN

    sonota88
    sonota88 2014/01/05
  • 開発ツールバー - 開発ツール | MDN

    開発ツールバーは 2018 年 5 月 18 日に Firefox Nightly から削除されており、Firefox 62 で完全に削除する予定です。 以下の説明は、この日以降にビルドされたすべての Firefox で動作しません。古いバージョンの Firefox では、ツールバーを使い続けることができます。 開発ツールバーは、Firefox の内部から多くの開発ツールにアクセスするコマンドラインを提供します。これは Graphical Command Line Interpreter であり、コマンドラインの強力さや簡潔さとともに、統合されたコマンドヘルプや充実した出力表示を兼ね備えています。また、開発ツールバーは拡張可能です。独自のローカルコマンドを追加する、あるいはそれを他の人たちがインストールできるようにアドオンへ変換することも可能です。 開発ツールバーを起動する 開発ツールバー

    開発ツールバー - 開発ツール | MDN
  • Java のスクリプティング - Rhino | MDN

    This is an archived page. It's not actively maintained. この記事では Rhino を使用して JavaScript を超えて Java に到達する方法を説明します。Java によるスクリプティングには多くの用途があります。これは、利用可能な多くの Java ライブラリを利用して、強力なスクリプトを素早く作成することを可能にします。スクリプトを書くことで Java クラスをテストできます。 私たちは、探索的プログラミングのためのスクリプトを使用して、Java 開発を支援することもできます。探索的プログラミングとは、ライブラリや API がそれを使用するクイックプログラムを書くことによって何ができるのかを学習するプロセスです。ここからわかるように、スクリプトによってこのプロセスが簡単になります。 ECMA 標準では Java (またはその

    Java のスクリプティング - Rhino | MDN
    sonota88
    sonota88 2013/10/27
  • Progressive web apps (PWAs) | MDN

    Progressive Web Apps are web apps that use emerging web browser APIs and features along with traditional progressive enhancement strategy to bring a native app-like user experience to cross-platform web applications. Progressive Web Apps are a useful design pattern, though they aren't a formalized standard. PWA can be thought of as similar to AJAX or other similar patterns that encompass a set of

    Progressive web apps (PWAs) | MDN
    sonota88
    sonota88 2012/11/02
  • クロージャ - JavaScript | MDN

    クロージャは、関数と、その関数が宣言されたレキシカル環境の組み合わせです。 レキシカルスコープ 次のような関数を考えます。 function init() { var name = 'Mozilla'; // name は、init が作成するローカル変数 function displayName() { // displayName() は内部に閉じた関数 alert(name); // 親関数で宣言された変数を使用 } displayName(); } init() 関数はローカル変数 name を作成し、それから関数 displayName() を定義しています。displayName() は init() の中で定義されている内部関数で、その関数体の内部でしか利用できません。displayName() 自体はローカル変数を持っていませんが、外側の関数で宣言された変数にアクセスでき

    クロージャ - JavaScript | MDN
    sonota88
    sonota88 2011/10/20
  • Describing microformats in JavaScript - Archive of obsolete content | MDN

  • Parsing microformats in JavaScript - Archive of obsolete content | MDN

    Firefox 3 では、microformat を管理、パースするための新しい API が導入されました。この記事では、microformat からデータを取得する“力仕事”を処理する、一般的な microformat をパースするための API について研究します。この API は主に、新しい microformat を実装する際に利用されることを意図したものです。 メソッド dateTimeGetter() 特に、microformat ノードから日付を取得します。テキストを取得した後、ISO 8601 形式の日付に正規化します。 normalizedDate = Microformats.parser.dateTimeGetter(propnode, parentnode); 引数 <tt>propnode</tt> チェックを行う DOM ノード。 <tt>parentnode<

    Parsing microformats in JavaScript - Archive of obsolete content | MDN
  • Strict mode - JavaScript | MDN

    Note: Sometimes you'll see the default, non-strict mode referred to as sloppy mode. This isn't an official term, but be aware of it, just in case. JavaScript's strict mode is a way to opt in to a restricted variant of JavaScript, thereby implicitly opting-out of "sloppy mode". Strict mode isn't just a subset: it intentionally has different semantics from normal code. Browsers not supporting strict

    Strict mode - JavaScript | MDN
  • Using microformats - Archive of obsolete content | MDN

  • Prism - Archive of obsolete content | MDN

    Prism is no longer developed by Mozilla Labs. There are now no alternatives. Prism is a simple XULRunner-based browser that hosts web applications without the normal web browser user interface. Prism is based on a concept called Site-Specific Browsers (SSB). An SSB is designed to work exclusively with a single web application. It doesn’t have the menus, toolbars and other accoutrements of a tradit

    Prism - Archive of obsolete content | MDN
    sonota88
    sonota88 2010/03/21
  • nsIDOMHTMLMediaElement | MDN

    nsIDOMHTMLMediaElement インターフェースは HTML 5 における audio および video 要素の実装に用いられています。 注意: cue ranges 機能の仕様は現在流動的な状況にあり、 HTML 5 標準においては大幅に改訂が加えられるか、置き換えられてしまう可能性があります。そのため、現時点では Firefox ではこの機能に対応していません。

    nsIDOMHTMLMediaElement | MDN
    sonota88
    sonota88 2009/12/16
    audio/video要素のボリューム調節など
  • Using microformats - Archive of obsolete content | MDN

    microformats (マイクロフォーマット) は、Web サイトがブラウザにセマンティックデータを提供して、ページ上の情報の要約を表示できるようにする仕組みです。ページ作者は、ドキュメント自体をパースする方法を知っている必要はありません。Firefox 3 は、microformats へのアクセスを提供する Microformats グローバルオブジェクトを実装しています。このオブジェクトと関連する API を利用すれば、microformats を簡単に検出したり読み取ることができます。 microformats API の読み込み Microformats オブジェクトは、Firefox 3 に追加された新しい JavaScript スクリプトローダーを使って作成します。API を利用するには、まず次のようにオブジェクトを読み込みます。 Components.utils.imp

    Using microformats - Archive of obsolete content | MDN
  • Class-Based vs. Prototype-Based Languages - JavaScript | MDN

    クラスベース言語とプロトタイプベース言語 JavaC++ といったクラスベースのオブジェクト指向言語はクラスとインスタンスという 2 つの異なる実体があるという概念に基づいています。 クラスはあるオブジェクトの集合を特徴付けるすべてのプロパティ(Java ではメソッドとフィールドを、C++ ではメンバをプロパティと見なす)を定義する。クラスとはそれが表すオブジェクトの集合の特定のメンバではなく、抽象的なものである。例えば、Employee クラスで従業員すべてを含む集合を表す。 一方、インスタンスはクラスを実例にしたものである。つまり、そのメンバの 1 つということである。例えば、Victoria は Employee クラスのインスタンスとなることができる。このクラスは特定の個人を従業者として表すものである。インスタンスはその親クラスのプロパティを正確に保持する(それに他ならない)

    Class-Based vs. Prototype-Based Languages - JavaScript | MDN