---
title: Web 開発
slug: Web_Development
tags:
  - Web Development
translation_of: Web/Guide
translation_of_original: Web_Development
---
<p><strong>ウェブ開発</strong> は、ウェブサイトやウェブアプリケーションの開発のすべての側面を含んでいます。</p>

<p>ここで見つけられる記事を熟読して、単純なウェブサイトから最新のウェブ技術を用いた複雑で非常にインタラクティブなウェブサイトまでを作成する方法を学んでください。</p>

<table class="topicpage-table">
 <tbody>
  <tr>
   <td>
    <h2 class="Documentation" id="Documentation_topics" name="Documentation_topics">ドキュメンテーショントピックス</h2>

    <h3 id="Technologies" name="Technologies">技術</h3>

    <dl>
     <dt><a class="internal" href="/ja/docs/Web_Development/Introduction_to_Web_development" title="ja/docs/Web Development/Introduction to Web development">ウェブ開発の初歩</a></dt>
     <dd>Web 向けの開発方法を学ぶためのガイド。</dd>
     <dt><a class="internal" href="/ja/docs/HTML" rel="internal">HTML</a></dt>
     <dd>HyperText Markup Language はウェブページやブラウザーで表示される他のドキュメントを作成するための基本言語です。</dd>
     <dt><a class="internal" href="/ja/docs/CSS" rel="internal">CSS</a></dt>
     <dd>Cascading Style Sheets によって Web 上で高度なレイアウトとページデザインを行うことが可能になります。</dd>
     <dt><a class="internal" href="/ja/docs/JavaScript" rel="internal">JavaScript</a></dt>
     <dd>JavaScript はウェブアプリケーションを開発するために最も一般的に用いられているスクリプト言語です。Mozilla ベースのソフトウェアの開発にも用いられています。</dd>
     <dt><a class="internal" href="/ja/docs/DOM" rel="internal">DOM</a></dt>
     <dd>Document Object Model は HTML と XML ドキュメントのための API であり、見た目の表現を変更するために変更可能であるドキュメントの構造的な表現を提供します。</dd>
     <dt><a class="internal" href="/ja/docs/AJAX" rel="internal">AJAX</a></dt>
     <dd>Asynchronous JavaScript and XML はひとつの技術ではなく複数の技術の組み合わせです。動的なウェブアプリケーションを作成するために JavaScript と他のモダンなウェブ技術を共に用いることを指します。</dd>
     <dt><a class="internal" href="/ja/docs/XHTML" title="ja/docs/XHTML">XHTML</a></dt>
     <dd>Extensible HyperText Markup Language は HTML よりも厳格な構文を提供する XML ベースの HTML 風の言語です。</dd>
     <dt><a class="internal" href="/ja/docs/SVG" rel="internal">SVG</a></dt>
     <dd>Scalable Vector Graphics は 2D ベクターグラフィックを扱うための XML マークアップ言語です。</dd>
    </dl>

    <h3 id="Strategies" name="Strategies">方針</h3>

    <dl>
     <dt><a class="internal" href="/ja/docs/Web_Standards" title="ja/docs/Web Standards">Web 標準</a></dt>
     <dd>オープンな Web と互換性を持つことであなたのウェブサイトまたはアプリケーションを最も多くのユーザーに提供するための方法を学んでください。</dd>
     <dt><a href="/ja/docs/Web_Development/Responsive_Web_design" title="ja/docs/Web development/Responsive Web design">Responsive Web design</a></dt>
     <dd>同じコンテンツを携帯電話から高解像度のデスクトップディスプレイまですべてのハードウェア環境で提供できるよう、CSS を使用してください。</dd>
     <dt><a href="/ja/docs/Web_development/Writing_forward-compatible_websites" title="Writing forward-compatible websites">Writing forward-compatible websites</a></dt>
     <dd>ブラウザーが更新されても壊れることのないウェブサイトを作成するためのベストプラクティスを紹介します。</dd>
     <dt><a href="/ja/docs/Web_Development/Mobile" title="/ja/docs/Web development/Mobile">Mobile Web development</a></dt>
     <dd>モバイル機器で表示されるウェブサイトを開発する際は、デスクトップブラウザー向けの開発に慣れた人々にはあまり知られていない独特の手法を必要とします。</dd>
     <dt><a class="internal" href="/ja/docs/Mozilla_Web_Developer_FAQ" title="ja/docs/Mozilla Web Developer FAQ">Mozilla Web developer FAQ</a></dt>
     <dd>ウェブ開発者からのよく聞かれる質問です。答えもあります!</dd>
    </dl>

    <p><span class="alllinks"><a href="/ja/docs/tag/Web_Development" title="ja/docs/tag/Web_Development">すべてみる...</a></span></p>
   </td>
   <td>
    <h2 class="Community" id="Community" name="Community">コミュニティ</h2>

    <ul>
     <li><a class="external" href="http://hacks.mozilla.org" title="http://hacks.mozilla.org">Mozilla Hacks blog</a> (<a class="external" href="https://dev.mozilla.jp/hacksmozillaorg/" title="https://dev.mozilla.jp/hacksmozillaorg/">日本語訳</a>)</li>
     <li><a class="external" href="http://www.whatwg.org/" rel="external nofollow" title="http://www.whatwg.org/">WHAT Working Group</a></li>
     <li><a class="external" href="http://webdevfeedhouse.com/" rel="external nofollow" title="http://webdevfeedhouse.com/">WebDev FeedHouse</a></li>
    </ul>

    <h2 class="Tools" id="Tools" name="Tools">ツール</h2>

    <ul>
     <li><a href="/ja/docs/Tools" title="ja/docs/Tools">ツールのメインページ</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/firefox/addon/1843" rel="external nofollow" title="https://addons.mozilla.org/firefox/addon/1843">Firebug 拡張機能</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/firefox/addon/60" rel="external nofollow" title="https://addons.mozilla.org/firefox/addon/60">Web Developer 拡張機能</a></li>
     <li><a href="/ja/docs/Venkman" rel="internal">Venkman</a>: JavaScript デバッガー</li>
     <li><a href="/ja/docs/DOM_Inspector" rel="internal" title="ja/docs/DOM Inspector">DOM Inspector</a></li>
     <li><a href="/ja/docs/Tools/Scratchpad" title="ja/docs/Tools/Scratchpad">スクラッチパッド</a></li>
    </ul>

    <p><span class="alllinks"><a href="/ja/docs/tag/Web_Development:Tools" title="ja/docs/tag/Web_Development:Tools">すべてみる...</a></span></p>
   </td>
  </tr>
 </tbody>
</table>