索引

24 ページあります:

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

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

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

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