Revision 904127 of Webを学ぶ

<div class="summary">
<p>自分のWebサイトやWebアプリケーションを作ってみたいですか？このページはあなたの役に立つでしょう。</p>
</div>

<p>WebデザインやWeb開発を行うにはたくさんのことを学ばなければなりませんが、心配はいりません。あなたがコードを書き始めたばかりの初心者でも、あるいは一人前のプロの開発者でも、このページはあなたの役に立つでしょう。</p>

<h2 id="レベル別ガイド">レベル別ガイド</h2>

<p>あなたのレベルによって読むべきページが異なります。どの記述があなたに最も近いですか？</p>

<ul class="card-grid">
 <li><strong>初心者</strong>

  <p>初めまして！Web開発を始めるのに最も良いのは私たちの一連の&nbsp;<a href="/ja-JP/Learn/Getting_started_with_the_web">"Web入門"</a>&nbsp;を読むことです。このページにはあなたはWeb開発を始め、練習するのに良い基本的な事柄が書いてあります。</p>
 </li>
 <li><span>中級者</span>
  <p>良いですね！Web技術の真髄までより深く学ぶためには、<a href="/en-US/docs/Learn/HTML">HTML</a>、<a href="/en-US/docs/Learn/CSS">CSS</a>、&nbsp;そして<a href="/en-US/docs/Learn/JavaScript">JavaScript</a>について学ぶのが良いでしょう。</p>
 </li>
 <li><span>上級者</span>
  <p>素晴らしい！ あなたは私たちの発展的な<a href="/en-US/docs/Web/Guide">ガイド</a>と<a href="/en-US/docs/Web/Tutorials">チュートリアル</a>について探求することに興味を持つかもしれません。また、<a href="/en-US/Learn/How_to_contribute">学んだ分野について貢献する</a>ことも考えてみてください。</p>
 </li>
</ul>

<div class="note">
<p><strong>注意：</strong>&nbsp;将来的に私たちはより多くの学習コースを提案したいと考えています。例えば、経験豊かなコーダーが特殊で発展的な技術を学ぶコースや、ネイティブアプリの開発者でWebについては初心者のためのコース、Webデザインを学びたい人向けのコースなどです。</p>
</div>

<p>{{LearnBox({"title":"Quick learning: Vocabulary"})}}</p>

<h2 id="他の人と学ぶ">他の人と学ぶ</h2>

<p>もし何か質問があったり、まだどうすれば分からなければ、Mozillaはあなたを助けたいと思っているメンターや先生がたくさんいる、Webに熱中している人たちの世界的なコミュニティです。彼らにWebMakerを使って連絡をとってみてください。</p>

<ul>
 <li><a href="https://discourse.webmaker.org/" rel="external">フォーラム</a>でメンターや先生と会って話してみてください。</li>
 <li><a href="https://events.webmaker.org/">イベントを見つけて</a>、すごい人たちと一緒にWebを学びましょう。</li>
</ul>

<h2 id="知識を共有する">知識を共有する</h2>

<p>This whole Learning Area is built by our contributors. We need you in our team whether you are a beginner, a teacher, or a skilled web developer. If you're interested, take a look at <a href="/en-US/Learn/How_to_contribute">how you can help</a>, and we encourage you to chat with us on our <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">mailing lists</a> or <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC channel</a>. :)</p>

<p>{{CommunityBox("Learn", "dev-mdc", "mozilla.dev.mdc", "mdn", "Meetings|https://wiki.mozilla.org/MDN/Projects/Content/Learning_Area/Weekly_meetings|Every Monday in IRC||Contribute|/en-US/docs/MDN/Doc_status/Learn|See the doc status for more information||Mentors to help you|/profiles/Jeremie|Jeremie")}}</p>

<h2 id="目次">目次</h2>

<ol>
 <li><a href="/en-US/Learn/Getting_started_with_the_web">Getting started with the web</a></li>
 <li><a href="/en-US/Learn/Skills">Learn the web</a>
  <ol>
   <li><a href="https://webmaker.org/en-US/literacy" rel="external">Web Literacy Map</a></li>
   <li><a href="/en-US/Learn/Web_Mechanics">Web mechanics</a></li>
   <li><a href="/en-US/Learn/Infrastructure">Infrastructure</a></li>
   <li><a href="/en-US/Learn/Coding-Scripting">Coding &amp; Scripting</a></li>
   <li><a href="/en-US/Learn/Design_and_Accessibility">Design &amp; Accessibility</a></li>
   <li><a href="/en-US/Learn/Composing_for_the_web">Writing &amp; planning</a></li>
  </ol>
 </li>
 <li><a href="#">Learn technologies</a>
  <ol>
   <li><a href="/en-US/Learn/HTML">HTML</a></li>
   <li><a href="/en-US/Learn/CSS">CSS</a></li>
   <li><a href="/en-US/Learn/JavaScript">JavaScript</a></li>
   <li><a href="/en-US/Learn/Python">Python</a></li>
  </ol>
 </li>
 <li><a href="/en-US/Learn/tutorial">Learning tutorials</a>
  <ol>
   <li><a href="/en-US/Learn/tutorial/How_to_build_a_web_site">How to build a web site?</a></li>
   <li><a href="/en-US/Learn/tutorial/Information_Security_Basics">Information security basics</a></li>
  </ol>
 </li>
 <li><a href="https://weblitmapper.webmakerprototypes.org/">Learning resources</a></li>
 <li><a href="/en-US/Learn/help">Getting help</a>
  <ol>
   <li><a href="/en-US/Learn/FAQ">FAQ</a></li>
   <li><a href="/en-US/docs/Glossary">Glossary</a></li>
   <li><a href="https://discourse.webmakerprototypes.org/" rel="external">Ask your questions</a></li>
   <li><a href="https://events.webmaker.org/" rel="external">Meet teachers and mentors</a></li>
  </ol>
 </li>
 <li><a href="/en-US/Learn/How_to_contribute">How to contribute</a></li>
</ol>