path: root/files/ja/web/guide/index.html

---
title: 開発者ガイド
slug: Web/Guide
tags:
  - Guide
  - Landing
  - Web
translation_of: Web/Guide
---
<p><strong>これらの記事は、特定の技術やAPIを利用するための how-to 情報を提供します。</strong></p>

<div class="row topicpage-table">
<div class="section">
<dl>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Learn/HTML">HTML 学習エリア</a></dt>
 <dd class="landingPageList">
 <p><strong><a class="glossaryLink" href="https://developer.mozilla.org/ja/docs/Glossary/HTML" title="HTML: HTML (HyperText Markup Language) は、ウェブページ構造を指定する記述言語です。">HTML</a> </strong>(ハイパーテキスト・マークアップ・ランゲージ／<strong>Hypertext Markup Language</strong>) はほぼすべてのウェブコンテンツの中心となる言語です。ブラウザー画面上で目にする大半は、基本的に HTML を用いて記述されています。</p>
 </dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Learn/CSS">CSS 学習エリア</a></dt>
 <dd class="landingPageList">
 <p>CSS (Cascading Style Sheets) とは HTML 内に書かれた文書の見た目を記述するスタイルシート言語です。</p>
 </dd>
 <dt class="landingPageList"><a href="/ja/docs/Web/Guide/Audio_and_video_delivery">音声と動画の配信</a></dt>
 <dd class="landingPageList">ウェブ上で音声や動画を届ける手段には、「静的な」データからアダプティブライブストリームに至るまでたくさんのものものがあります。この記事は、ウェブベースのメディアを伝送する様々な仕組みや一般的なブラウザーとの互換性について学ぶ最初のステップとして作られたものです。</dd>
 <dt class="landingPageList"><a href="/ja/docs/Web/Guide/Audio_and_video_manipulation">音声と動画の加工</a></dt>
 <dd class="landingPageList">様々な技術を組み合わせて新たな形を作ることができるのがウェブの美しいところです。ブラウザーには音声や動画に対する諸々の機能が組み込まれていますから、{{htmlelement("canvas")}}や WebGL、Web Audio API といった技術を使い、直接的に音声や動画を編集することができます。例えば、エコーや圧縮効果を音声に加えたり、白黒やセピアのフィルターを動画に加えたりできます。この記事では、何をすべきかを説明するリファレンスを提供しています。</dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Web/Guide/Events">イベント開発者ガイド</a></dt>
 <dd class="landingPageList">
 <p>イベントは、ウェブ上での処理中に起こる様々な出来事の非同期処理のためのデザインパターンや、様々なタイプの大量の出来事の名付け・特徴化・利用のために必要です。</p>
 </dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Web/Guide/AJAX">AJAX</a></dt>
 <dd class="landingPageList">
 <p><strong>Asynchronous JavaScript + XML (AJAX)</strong> は既存の技術同士を組み合わせた新しいアプローチで、ウェブアプリケーションはより速く、表示されているページ全てを再読み込みすることなく、ユーザーインターフェイスを逐次更新できるようになります。そして、アプリケーションにより早い表示、ユーザー操作へのより良い応答性をもたらします。</p>
 </dd>
 <dt class="landingPageList"><a href="/ja/docs/Web/Guide/Graphics">ウェブのグラフィック</a></dt>
 <dd class="landingPageList">
 <p>現代のウェブサイトとアプリケーションは、グラフィックスによる表現を必要としています。</p>
 </dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Web/Guide/API">Web API ガイド</a></dt>
 <dd class="landingPageList">
 <p>すべての Web API のリストとそれが何をするのか。</p>
 </dd>
 <dt class="landingPageList"><a href="/ja/docs/JavaScript" title="JavaScript">JavaScript</a></dt>
 <dd class="landingPageList">
 <p>JavaScriptは、ウェブアプリケーションの作成に使われる強力なスクリプト言語です。</p>
 </dd>
 <dt class="landingPageList"><a href="/ja/docs/Web/Guide/Localizations_and_character_encodings">Localizations and character encodings</a></dt>
 <dd class="landingPageList">
 <p>ブラウザー内部では文章は Unicode 形式で処理されます。ところが、ネットワークを介して文章をブラウザーに送る過程では、文字をバイトで表現する (文字エンコード) ことが行われています。<a class="external external-icon" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#charset">HTMLの仕様では (すべての Unicode 文字を表現できる) UTF-8 エンコーディングを利用することが推奨されており</a>、如何なるエンコーディングが使われていようと、ウェブコンテンツはそのエンコーディングを宣言する必要があります。</p>
 </dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Web/Guide/Mobile">モバイルウェブ開発</a></dt>
 <dd class="landingPageList">この記事では、モバイル端末でもしっかりと動作するウェブサイトを設計するのに必要な主な技術の一部についての概要を示しています。<a href="https://developer.mozilla.org/ja/Mozilla/Firefox_for_Android">Firefox for Android</a> もご覧ください。</dd>
</dl>
</div>

<div class="section">
<dl>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/Apps/Progressive#Core_PWA_guides">プログレッシブウェブアプリ</a></dt>
 <dd class="landingPageList">
 <p>PWA はどの環境でも動作し、ネイティブアプリケーションと同等のユーザー体験を得られるようないくつかの機能を提供します。このガイド集には PWA について知っておくべき全てのことが書かれています。</p>
 </dd>
 <dt class="landingPageList"><a href="/ja/docs/Web/Guide/Performance">最適化とパフォーマンス</a></dt>
 <dd class="landingPageList">
 <p>現代的なウェブアプリやウェブサイトを構築する時に重要なのは、コンテンツをすばやく効率的に作ることです。強力なデスクトップシステムでも、比較的スペックの低い小型端末でも十分に動作するような作り方を学びましょう。</p>
 </dd>
 <dt class="landingPageList"><a href="/ja/docs/Parsing_and_serializing_XML">XML のパースとシリアライズ</a></dt>
 <dd class="landingPageList">
 <p>ウェブプラットフォーム上での XML のパースやシリアライズには複数の方法があり、それぞれ長所と短所があります。</p>
 </dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Web/Guide/WOFF">Web Open Font Format (WOFF)</a></dt>
 <dd class="landingPageList">
 <p>WOFF (Web Open Font Format) はウェブ上で誰もが使えるフリーのフォントファイルフォーマットです。</p>
 </dd>
 <dt class="landingPageList"><a href="/ja/docs/Web/Guide/Unicode_Bidrectional_Text_Algorithm">Unicode Bidirectional Text Algorithm (BiDi)</a></dt>
 <dd class="landingPageList">Unicode® BiDi アルゴリズムはUnicode文章の標準の一つで、ブラウザーが Unicode の文章をレンダリングするにあたってどのように文字を整理すべきかを定めています。このガイドではこのアルゴリズムの概要を説明し、また、特に適切に多言語対応させたい時に、どういう風に制作コンテンツに適用すべきかを説明しています。</dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Web/Guide/Using_FormData_Objects">FormData オブジェクトの使用</a></dt>
 <dd class="landingPageList">
 <p><a href="https://developer.mozilla.org/ja/DOM/XMLHttpRequest/FormData"><code>FormData</code></a> オブジェクトは、<code>XMLHttpRequest</code> を使用して送信するためのキーと値のペアのセットを収集可能にします。本来はフォームデータの送信に使用することを想定していましたが、キーのついたデータを伝送するためにフォームとは独立して使用することもできます。伝送されるデータは、フォームのエンコードタイプが "multipart/form-data" に設定されている場合に、<code>submit()</code> メソッドで送信する際に使用するデータと同じ形式です。</p>
 </dd>
 <dt class="landingPageList"><a href="/ja/docs/Web/Guide/User_input_methods">ユーザ入力とコントロール</a></dt>
 <dd class="landingPageList">現代的なウェブでのユーザー入力は、単純なマウスとキーボードだけでは語れません。例えばタッチスクリーンなどを考慮する必要があります。この記事では、オープンなウェブアプリがユーザーの入力に対応したり操作を設計したりするにあたっての推奨事項を、よくある質問や、現実的な例、背景にある技術についてのより詳しく知りたい人向けの情報とともに紹介しています。</dd>
 <dt class="landingPageList"><a href="https://developer.mozilla.org/ja/docs/Glossary">用語集</a></dt>
 <dd class="landingPageList">ウェブやインターネットに関連する多数の専門用語の定義。</dd>
</dl>
</div>
</div>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="/ja/docs/Web/Reference">ウェブ技術リファレンス</a></li>
</ul>