索引

29 ページあります:

# ページ タグと要約
1 開発者ガイド Guide, Landing, Web
これらの記事は、特定の技術やAPIを利用するための how-to 情報を提供します。
2 AJAX AJAX, DOM, JavaScript, References, XML, XMLHttpRequest
Asynchronous JavaScript and XML (AJAX) はそれ自体がある種の技術というわけではありませんが、 Jesse James Garrett によって 2005 年に作られた言葉で、既存の技術同士を組み合わせた新しいアプローチを意味します。
3 コミュニティ AJAX
AJAX に関する有用なメーリングリスト、ニュースグループ、フォーラム、その他のコミュニティを知っている場合は、リンクを追加してください。
4 始めましょう AJAX, API, Advanced, JavaScript, WebMechanics, XMLHttpRequest
この記事は AJAX の基礎の概観と、入門のための二つの実践的なサンプルを示します。
5 WAI ARIA Live Regions/API サポート AJAX, アクセシビリティ
Firefox 3には、Mozillaエンジンがドキュメントのライブ変更を公開する方法に対する重要な改善が含まれています。

これらの機能は、ARIAライブリージョンマークアップでマークアップされたページと、追加のマークアップを追加しなかったページの両方で、スクリーンリーダー開発者がライブリージョンサポートの品質とパフォーマンスを向上させるのに役立ちます。
6 Web API ガイド API, Guide, Landing, Web, ガイド
ウェブには幅広い API があり、どんどん強力になって、もっと色々なことができるアプリケーションを作るために JavaScript から使用されます。それはウェブやローカルや、 Node.js などの技術を通じてサーバー上でも実行されます。このページではウェブ技術スタックで提供される API の完全な一覧を見ることができます。
7 音声と動画の配信 Audio, HTML5, Media, NeedsTranslation, Video

「静的」メディアファイルからアダプティブライブストリームまで、さまざまな方法で Web 上にオーディオとビデオを配信できます。この記事は、Web ベースのメディアのさまざまな配信メカニズムおよび一般的なブラウザとの互換性を探るための出発点として意図されています。

8 HTML5 の動画へのキャプションと字幕の追加 Example, Guide

他の記事で、 ブラウザーに依存しない動画プレイヤーの構築を、 HTMLMediaElement 及び Window.fullScreen API を使用して行う方法と、プレイヤーのスタイル付けの方法について見てきました。この記事では、同じプレイヤーと使って、 Web_Video_Text_Tracks_Format及び track 要素を用いてキャプションや字幕を追加する方法を紹介します。

9 ウェブの音声や動画のライブストリーミング ガイド, 適応型ストリーミング

ライブストリーミング技術は、よくスポーツやコンサートなどのイベントの中継や、もっと一般的にはテレビやラジオの番組の配信などによく採用されています。よくストリーミングと略されるライブストリーミングは、コンピューターや機器へメディアを「ライブ」で転送するプロセスです。これは実に複雑で数多くの変量がある初期段階の主題ですので、この記事では主題を紹介し、どのように始めることができるかを説明します。

10 Setting up adaptive streaming media sources Audio, HLS, HTML5, HTTP ライブストリーミング, MPEG-DASH, Video, adaptive streaming

たとえば、 HTML5 メディア要素内で利用するために、サーバー上の適応型ストリーミングメディアソースを設定するとします。あなたはどうしますか?この記事では、最も一般的な形式である MPEG-DASH と HLS (HTTP Live Streaming) の二つについて見ていきます。

11 音声と動画の加工 Audio, Canvas, Examples, Guide, HTML5, Media, Video, Web Audio API, WebGL, developer recommendation

ウェブのよいところは、複数の技術をまとめて新しいものを作ることができる点です。ネイティブの音声や動画をブラウザー上で利用できるということは、これらのデータストリームを canvasWebGLWeb Audio API を利用して操作することで、音声や動画に直接変更を加えることができることを意味します。例えば音声にリバーブやコンプレッション効果をかけたり、動画にグレイスケールやセピアのフィルターをかけたりすることができます。この記事では、必要なことを説明するためのリファレンスを提供します。

12 イベント開発者ガイド DOM, Event, Guide, events
イベントは、ウェブページの生存期間に起こる様々な出来事を非同期に扱うために使用されるデザインパターンと、さまざまな種類の多数の出来事についての名前、特性付け、利用の両方を指します。
13 イベントの作成と起動 Advanced, DOM, Guide, JavaScript, NeedsContent, events
この記事では、 DOM イベントを作成して処理する方法を説明します。このようなイベントは、一般に、ブラウザー自体によって起動されたイベントとは対照的に、合成イベントと呼ばれます。
14 DOM onevent ハンドラー Beginner, DOM, DOM Beginner, NeedsBeginnerUpdate, NeedsUpdate
ウェブプラットフォームでは、DOM イベントの通知を受け取るための方法をいくつか提供しています。よく使われる方法は2つあり、 EventTarget.addEventListener と、特定の onevent ハンドラーです。
15 方向および動きとして示されるデータ DOM, Mobile, Motion, NeedsContent, Orientation, Responsive Design, páginas_a_traducir, rotation
方向や動きのイベントを使用するときは、ブラウザから与えられる値の意味を理解することが重要です。この記事では操作時の座標システムに関する詳細情報と、それらの使い方を説明します。
16 Overview of Events and Handlers

This overview of events and event handling explains the code design pattern used to react to incidents occurring when a browser accesses a web page, and it summarizes the types of such incidents modern web browsers can handle.

17 ウェブのグラフィック 2D, 3D, Canvas, Graphics, HTML5, SVG, Web, WebGL, WebRTC, ウェブ, グラフィック
ウェブサイトやアプリケーションは、画像などのグラフィックを表現する必要がある場合がよくあります。
18 ウェブ開発入門 CSS, CodingScripting, HTML, JavaScript, Web, 初心者, 開発
ウェブ開発を始めたばかりであるか、単に視野を新しいウェブの世界に広げているかに関わらず、ここにあるリンクはあなたが始めるのを助けてくれるはずです。
19 ローカライゼーションと文字エンコーディング
ブラウザは内部的にテキストを Unicode として処理します。ただし、ネットワークを介してブラウザにテキストを転送するには、文字をバイトで表現する方法 (文字エンコーディング) が使用されます。HTML 仕様では、UTF-8 エンコーディング (これはすべての Unicode を表すことができます) の使用を推奨しています。使用されるエンコーディングにかかわらず、Web コンテンツがどのエンコーディングを使用するかを宣言する必要があります。
20 モバイルウェブ開発 Intermediate, NeedsExample
このページでは、モバイル端末で適切に機能するウェブサイトを設計するために必要となる、主要な一部のテクニックの概要を説明します。 Mozilla の Firefox OS プロジェクトに関する情報を探している場合は、 Firefox OS のページを参照してください。または、 Android 版 Firefox に興味があるかもしれません。
21 ハイブリッドアプローチ Mobile, Responsive Design, Web Development
銀の弾丸はウェブ開発で見つけるのが難しいです — 状況に応じてさまざまなテクニックを最大限に活用する戦略に出くわす可能性が高くなります。 これは私たちの3つ目のアプローチです。 これは、別々のサイトレスポンシブデザインのアプローチを組み合わせることでそれらの欠点のいくつかを回避することを目的としています。
22 モバイルの親しみやすさ Mobile, Web Development
あなたが誰に話しているかによって、モバイルの親しみやすさ(friendliness)は多くのことを意味します。サイトのユーザーエクスペリエンスを向上させるための 3 つの目標(プレゼンテーション、コンテンツ、パフォーマンス)の観点から考えると便利です。
23 モバイルとデスクトップで別々のサイト Mobile, Web Development
モバイルウェブ開発への「別々のサイト」アプローチは、モバイルウェブユーザーとデスクトップウェブユーザーのために異なるサイトを作成することを含みます。このアプローチにはプラス面とマイナス面があります。
24 XML のパースとシリアライズ AJAX, Add-ons, DOM, DOM Parsing, Extensions, Guide, HTMLDocument, JSON, Parsing, Parsing XML, Serializing, Serializing XML, XML, XMLDocument, XMLHttpRequest
この記事では、XML のシリアライズと解析の一般的な作業を容易にするため、ウェブプラットフォームで提供されるオブジェクトに注目します。
25 最適化とパフォーマンス Landing, Optimization, Web, パフォーマンス
最新の Web アプリケーションやサイトを構築するときには、コンテンツのパフォーマンスを良くすることが重要です。つまり、迅速かつ効率的に機能させることです。これにより、強力なデスクトップシステムのユーザーにとっても、より少ない電力のハンドヘルドデバイスにとっても効果的に機能します。Web サイトやブログの掲載結果を確認するためのツールがいくつかあります。最も注目すべきツールは以下の通りです。
26 印刷 DOM, Guide, NeedsContent, NeedsRelocation, printing
コンテンツを印刷するときに、ウェブサイトまたはアプリケーションで使い勝手を向上させたい場合があります。考えられるシナリオはいくつかあります。
27 ユーザ入力とコントロール Screen Orientation, contenteditable, drag and drop, fullscreen, keyboard, mouse, pointer lock, touch, user input

現代のウェブのユーザー入力は、単純なマウスやキーボードだけではありません。この記事では、ユーザー入力を管理し、オープンなウェブアプリに制御を実装するための推奨事項を、FAQ、実例、および基礎となる技術についてより詳細な情報を必要とする人のための詳細な情報へのリンクとともに提供します。関連する API とイベントには、タッチイベントポインターロック APIScreen Orientation API全画面 APIドラッグ&ドロップなどがあります。

28 WOFF (Web Open Font Format) CSS, Fonts, WOFF
WOFF (Web Open Font Format) は、Mozilla が Type Supply や LettError、他の組織と提携して開発した新しい Web フォント形式です。
29 Writing forward-compatible websites CSS, Compatibility, DOM, HTML, JavaScript, Web Development
このページでは、新しいバージョンのブラウザが公開されても壊れることのない Web サイトを記述する方法を説明します。

これはイントラネットや公衆向けでない Web サイトで特に重要です。私たちがあなたのコードを見ることができないので、それが壊れていることを確認できないのです。これらのすべてに従うことができない場合もありますが、可能な限り多くの事項に従うことで、Web サイトを将来にわたって有用な状態にすることの助けになります。