49 ページあります:

# ページ タグと要約
1 ウェブデベロッパーガイド Guide, Landing, Web
これらの記事は、特定の技術やAPIを利用するためのhow-to情報を提供します。
2 AJAX AJAX, DOM, JavaScript, References, XML, XMLHttpRequest
Asynchronous JavaScript + XML (AJAX) はそれ自身がある種の技術というわけではありませんが、Jesse James Garrett によって 2005 年に作られた言葉で、既存の技術同士を組み合わせた新しいアプローチを意味します。組み合わされる技術は、HTMLXHTMLCascading Style SheetsJavaScriptThe Document Object ModelXMLXSLT、そして、XMLHttpRequest object です。これらの技術が AJAX のモデルで組み合わされると、ウェブアプリケーションはより早く、表示されているページ全てを再読み込みすることなく、ユーザインタフェースを逐次更新できるようになります。そして、アプリケーションにより早い表示、より良い応答性をもたらします。
3 AJAX に関するその他の資料 AJAX
No summary!
4 Community AJAX
もし、有用なメーリングリスト、ニュースグループ、フォーラムやその他の AJAX に関するコミュニティーを知っているなら、ここにそこへのリンクを追加してください。
5 WAI ARIA Live Regions/API サポート AJAX, アクセシビリティ
Firefox 3には、Mozillaエンジンがドキュメントのライブ変更を公開する方法に対する重要な改善が含まれています。

これらの機能は、ARIAライブリージョンマークアップでマークアップされたページと、追加のマークアップを追加しなかったページの両方で、スクリーンリーダー開発者がライブリージョンサポートの品質とパフォーマンスを向上させるのに役立ちます。
6 始めましょう AJAX, API, Advanced, JavaScript, WebMechanics, XMLHttpRequest
この記事は AJAX の基礎の概観と、入門のための二つの実践的なサンプルを示します。
7 CSS デベロッパーガイド CSS, Landing, NeedsTranslation, TopicStub
Cascading Style Sheets (CSS) は HTML 記述または SVG のようなマークアップ言語での表現を記述するのに利用するスタイルシート言語です。 CSS は画面や紙、スピーチやほかのメディア上で再描画されるドキュメントがどのように構築されるかを記述したものです。
8 ブロック整形文脈 Beginner, CSS, CSS Basic Concepts, Guide, NeedsBeginnerUpdate, NeedsExample, Web
ブロック整形文脈 (block format context)は、CSS の視覚的なウェブページ生成の一部です。その中でブロックボックスのレイアウトが行われ、フロート同士が相互に作用します。
9 DOM developer guide API, DOM, Guide, NeedsTranslation, TopicStub
Document Object ModelHTMLXML ドキュメントのための API です。 DOM はドキュメントの構造的表現を提供しており、開発者がコンテンツ自身や、ドキュメントの表示を変更することができるようになります。基本的に、スクリプトやプログラミング言語を通して、ページを繋げています。
10 DOM 中の空白文字 DOM
DOM 中に空白文字が存在すると、コンテントツリーの操作が予想外に困難なものとなります。 Mozilla では、元のドキュメントのテキストコンテント中の空白文字は全て DOM 中にも表現されます(タグ内部の空白文字は除く)。(これはエディタがドキュメントの体裁を保存できるようにしたり CSS の white-space: pre が機能するようにするために内部的に必要です。) これが意味するのは:
11 ブラウザの履歴を操作する DOM
DOM window オブジェクトは history オブジェクトを介したブラウザの履歴へのアクセスを提供しています。このオブジェクトでは、前のページに戻ったり、( HTML5 からは履歴スタックの中身を操作できるなど)ユーザーの履歴を行き来するのに便利なメソッドとプロパティが提供されています。
12 Ajax ナビゲーションの例
これは3ページ (first_page.php、second_page.php、third_page.php) で構成された AJAX Web サイトの例です。どのように動作するかを確認するには、以下のファイル (またはgit clone https://github.com/giabao/mdn-ajax-nav-example.git) を作成してください:
13 Event developer guide DOM, Event, Guide, NeedsTranslation, NeedsUpdate, TopicStub, events
Events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.
14 Overview of Events and Handlers
Events and event handling provide a core technique in JavaScript for reacting to incidents occurring when a browser accesses a web page, including events from preparing a web page for display, from interacting with the content of the web page,  relating to the device on which the browser is running, and from many other causes such as media stream playback or animation timing.
15 イベントの作成と発火 Advanced, DOM, Guide, JavaScript, NeedsContent
この記事では、DOM イベントを作成してディスパッチする方法を説明します。このようなイベントは、一般に、ブラウザー自体によって起動されたイベントとは対照的に、合成イベントと呼ばれます。
16 FormData オブジェクトの利用 Advanced, Example, Forms, Guide, HTML, Web
FormData オブジェクトは、XMLHttpRequest を使用して送信するためのキーと値のペアのセットを収集可能にします。本来はフォームデータの送信に使用することを想定していましたが、キーのついたデータを伝送するためにフォームとは独立して使用することもできます。伝送されるデータは、フォームのエンコードタイプが multipart/form-data に設定されている場合に、submit() メソッドで送信する際に使用するデータと同じ形式です。
17 HTML デベロッパーガイド Guide, HTML, Landing, NeedsTranslation, TopicStub
HyperText Markup Language (HTML) は
18 Event 属性 Beginner, Guide, HTML, Intermediate, JavaScript
すべての HTML 要素は、特定のイベントが発生したときの JavaScript の実行が許可された属性の集合から成り立ちます。これらは Event 属性と呼ばれ、その属性名には "on" の接頭辞が付きます。
19 HTML5 HTML, HTML5, References, Web Development
HTML5 は HTML で定義されている最新の標準仕様の名称です。この用語は、 2 つの異なる概念を表しています。これは HTML 言語の新しいバージョンであり、新しい要素、属性、動作、およびより多彩でパワフルなウェブサイトやアプリケーションを構築することができるより大きな一連の技術でもあります。このセットは HTML5 & friends と呼ばれることがあり、よく HTML5 と短縮されます。
20 HTML5 の紹介 HTML, HTML5
HTML5 は、HTML 標準の最も新しいバージョンです。HTML5 によって、リッチメディアのサポートだけでなく、ユーザ、彼らのローカルデータ、サーバの間でより簡単にかつ効果的にやり取りするための Web アプリケーションを作成するための拡張されたサポートを提供するための新機能も手に入れることができます。
21 HTML5 の要素 HTML, HTML5
This page list all standard HTML5 elements, described by their opening tag and grouped by function. Contrary to the HTML Element index which lists all possible tags, standard, non-standard, valid, obsolete or deprecated ones, this list only the valid HTML5 elements. Only those should be used in new Web sites.
22 制約の検証 CSS, Guide, HTML フォーム, HTML5, セレクター, フォーム, 制約の検証
ウェブフォームの作成は常に複雑な作業でした。フォーム自体をマークアップすること自体は簡単ですが、それぞれの入力欄が妥当で一貫しているかどうかをチェックすることはもっと難しく、問題をユーザーに伝えることは頭痛がするかもしれません。 HTML5 では、フォームに新しい仕組みが導入されました。 <input> 要素に意味を持つ新しい型と、クライアント側でフォームの内容をチェックする作業を簡単にする制約の検証が追加されました。基本的な、よくある制約は、 JavaScript を必要とせずに、新しい属性を設定することでチェックできます。もっと複雑な制約は制約の検証 API を使用して検査することができます。
23 HTML5 ドキュメントのセクションとアウトライン Advanced, Example, Guide, HTML, HTML5, Outlines, Overview, Sections, Web, アウトライン, ウェブ, セクション, 概要
HTML5 の仕様はウェブ文書の構造を標準的なセマンティクスで記述できるようにするいくつかの新しい要素をウェブ開発者にもたらします。この文書では、これらの要素についてと、それらを用いて、どんな文書でも望んだアウトラインを定義するための方法について述べます。
24 Historical artifacts to avoid HTML, NeedsContent, NeedsTechnicalReview
多くの人々はページのソースを見てコピー & ペーストすることで、元のサイトが上手に作成されているかを考えることなく HTML、CSS、JavaScript を学習しました。これは、過去には必要であったかもしれないが現在は無意味になっているコーディングの慣習を習得してしまうことを意味します。このページでは、時間がたつにつれて不要あるいは悪い慣習になった事柄を説明します。
25 canvas チュートリアル Canvas, Graphics, Guide, HTML, HTML5, Intermediate, Web
このチュートリアルでは、2D グラフィックスを描画するために <canvas> 要素を使用する方法を、基礎から説明します。提供する例は、<canvas> で出来ることの、いくつかの明確なアイデアと、それをあなた自身のコンテンツで作成開始できるようなコードスニペットを提供します。
26 Advanced animations Canvas, Graphics, Tutorial
アニメーションの勉強のために、ボールを使おうと思うので、最初にボールを canvas 上に描きましょう。次のコードは私たちの準備をしてくれるでしょう。
27 Basic animations
Probably the biggest limitation is, that once a shape gets drawn, it stays that way. If we need to move it we have to redraw it and everything that was drawn before it. It takes a lot of time to redraw complex frames and the performance depends highly on the speed of the computer it's running on.
28 Basic usage of canvas
<canvas><img> と似ています。src 属性と alt 属性がない点が明確に異なりますが、widthheight の属性がある点などは共通しています。 これらの属性は必ず指定しなければならないものではありません。このほかに様々な DOM 属性を利用できます。 widthheight 属性が指定されなかった場合、canvas は幅 300 ピクセル、高さ 150 ピクセルの要素として初期化されます。画面上の大きさは CSS によって変更できますが、その場合 canvas に描画される画像は CSS の指定に合わせて拡大 / 縮小されます。この際、元の画像のアスペクト比は考慮されないため、指定の仕方によっては画像が歪んで表示されます。
29 Canvas とピクセル操作 Canvas, Graphics, Intermediate, Tutorial
ImageData オブジェクトは、canvas オブジェクトの領域にあるピクセルデータを表します。これは以下の読み取り専用プロパティを持ちます:
30 Transformations Canvas, Graphics, Guide, HTML, HTML5, Intermediate, Web
変換のメソッドを見ていく前に、より複雑な描画を始めたときに不可欠になメソッドを 2 つ見ておきましょう。
31 canvas に図形を描く Canvas, Graphics, HTML, HTML Canvas, HTML5, Intermediate, Tutorial
32 canvas を最適化する Advanced, Canvas, Graphics, HTML, HTML5, Tutorial
この記事では、ウェブサイトやアプリのパフォーマンスを良好に保つために、canvas 要素の使い方の最適化方法を提案します。
33 スタイルと色を適用する
これまでは描画コンテキストの方法についてのみ見てきました。色を図形に適用するために、"fillStyle"と"strokeStyle"という2つの重要なプロパティを利用することができます。
34 ヒット領域とアクセシビリティ Canvas, Graphics, Tutorial
<canvas> ... </canvas> タグの内部にあるコンテンツは、canvas のレンダリングをサポートしないブラウザ向けのフォールバックコンテンツとして使用できます。また支援技術 (スクリーンリーダーなど) ユーザーに対しても、タグ内のサブ DOM を読み上げたり対話することができますので、とても役に立ちます。この方法を示すよい例が html5accessibility.com にあります:
35 合成とクリッピング Canvas, Graphics, HTML, HTML5, Intermediate, Tutorial
新しい図形を既存の図形の後ろに描くだけでなく、特定の領域を覆う、一部分を canvas から消去する (clearRect() メソッドのように矩形に限定されません) などが可能です。
36 Compositing example Canvas, Example, Graphics, HTML, HTML5, Tutorial
This sample program demonstrates a number of compositing operations. The output looks like this:
37 文字を描く Canvas, Graphics, Intermediate, Tutorial
canvas のレンダリングコンテキストでは、2 種類のテキスト描画方法を提供します:
38 最後に キャンバス, グラウフィックス, チュートリアル
ここでは様々なデモや更なるcanvasについての例を紹介します。
39 画像を使う Advanced, Canvas, Graphics, HTML, Tutorial
基本的には 2 ステップの手続きによって、画像を canvas にインポートします:
40 コンテンツを編集可能にする Advanced, Example, Guide, HTML, HTML5, Text, Web, contenteditable, text entry, text input
HTML では、すべての要素を編集可能状態 (editable) にすることができます。JavaScript のいくつかのイベントハンドラーと併用することで、ウェブページを多機能でかつ高速に動作するリッチテキスト・エディターにしてしまうことも可能です。本記事では、この機能に関する情報を提供します。
41 Mozilla におけるリッチテキスト編集 Midas, ガイド
Mozilla 1.3 は、Microsoft® Internet Explorer の designMode 機能の実装を導入しました。 Mozilla 1.3 のリッチテキスト編集機能は、HTML 文書をリッチテキスト編集環境へと変える designMode 属性をサポートします。更に、Firefox 3 以降、Mozilla は、あらゆる要素を編集可能にしたり編集不能にしたりする (後者は、編集可能な環境に含まれる固定したい要素の編集をできなくするのに使います) Internet Explorer の contentEditable 属性をサポートするようになりました。
42 コンテンツカテゴリー Advanced, Guide, HTML, HTML5, HTML:コンテンツカテゴリー, HTML:スクリプト対応コンテンツ, HTML:フローコンテンツ, HTML:メタデータコンテンツ, HTML:区分コンテンツ, HTML:埋め込みコンテンツ, HTML:対話型コンテンツ, HTML:知覚可能コンテンツ, HTML:見出しコンテンツ, HTML:記述コンテンツ, Web
それぞれの HTML 要素は、1つまたは複数のコンテンツカテゴリーの一員として、同じ特徴を持つ要素ごとに分類されています。
43 WOFF (Web Open Font Format) CSS, Fonts, WOFF
WOFF (Web Open Font Format) は、Mozilla が Type Supply や LettError、他の組織と提携して開発した新しい Web フォント形式です。WOFF には、これにメタデータと個人利用のためのデータ構造が追加されており、作成者とベンダーがライセンス情報を書き込むことができる予約フィールドも含まれています。
44 Web API ガイド API, Guide, Landing, NeedsTranslation, TopicStub, Web
Web には幅広い API があり、どんどん強力になって、もっと色々なことができるアプリケーションを作るために JavaScript から使用されます。それはウェブやローカルや、Node.js などの技術を通じてサーバー上でも実行されます。このページではウェブ技術スタックで提供される全 API の一覧が見つかります。
45 Gamepad APIの利用 API, Advanced, Gamepad API, Games, Guide
HTML5 はリッチでインタラクティブなゲームを開発するために必要なコンポーネントを多く搭載しています。 <canvas> や WebGL、<audio><video> などの技術は、今まで Native コードを書く必要のあった機能をサポートできるほどに成長しました。Gamepad API は開発者とデザイナーに Gamepad やコントローラーへのアクセスを提供するものです。
46 Vibration API Beginner, Firefox OS, Mobile, Vibration
現代のモバイルデバイスはたいていバイブレーションハードウェアを内蔵しており、デバイスを振動させることによりソフトウェアのコードがユーザに物理的なフィードバックを与えることを可能にします。バイブレーションハードウェアを搭載している場合は Vibration API で、Web アプリがこのハードウェアにアクセスできるようにします。なお、デバイスがバイブレーションをサポートしない場合は何も行いません。
47 Web 上のグラフィックス 2D, 3D, Canvas, Graphics, HTML5, SVG, Web, WebGL, WebRTC
ウェブサイトとアプリケーションは、グラフィックスによる表現を必要としています。これらの記事は、このような操作を行う方法についての詳しい情報を提供しています。
48 XML のパースとシリアライズ AJAX, Add-ons, DOM, Extensions
場合によっては、XML のコンテンツを解析して DOM ツリーに変換する必要があります。逆に、既存の DOM ツリーを XML にシリアル化することもあります。この記事では、Web プラットフォームで提供されるオブジェクトを見て、XML のシリアライズと解析の一般的な作業を容易にします。
49 索引 Index, ガイド
49 ページあります:

ドキュメントのタグと貢献者

タグ: 
このページの貢献者: mdnwebdocs-bot, mfuji09, silverskyvicto
最終更新者: mdnwebdocs-bot,