---
title: JavaScript
slug: Learn/JavaScript
tags:
  - CodingScripting
  - JavaScript
  - JavaScripting beginner
  - Landing
  - Module
  - Topic
  - 'l10n:priority'
  - 初心者
translation_of: Learn/JavaScript
---
<div>{{LearnSidebar}}</div>

<p class="summary">{{Glossary("JavaScript")}} <span id="result_box" lang="ja"><span>はウェブページ上に複雑なものを実装することを可能にするプログラミング言語です。ウェブページが表示されるたびに静的な情報が表示されるだけでなく、タイムリーにコンテンツを更新したり、インタラクティブマップや 2D/3D グラフィックスのアニメーション</span></span><span lang="ja"><span>を表示したり、またはビデオジュークボックスが流れたりします。ほかにもありますが、これらは 間違いなく JavaScript が関係しています。</span></span></p>

<div class="callout">
<h3 id="フロントエンドの_Web_開発者になりたいですか？">フロントエンドの Web 開発者になりたいですか？</h3>

<p>目標に向かって頑張るために必要な情報をまとめたコースをご用意しました。</p>

<p><a class="cta primary" href="/ja/docs/Learn/Front-end_web_developer">Get started</a></p>
</div>

<h2 id="Learning_pathway" name="Learning_pathway">学習の道筋</h2>

<p><span id="result_box" lang="ja"><span>JavaScript は </span></span><a href="/ja/docs/Learn/HTML">HTML </a><span lang="ja"><span>や </span></span><a href="/ja/docs/Learn/CSS">CSS</a><span lang="ja"><span> などの関連技術よりも</span></span><span id="result_box" lang="ja"><span>きっと</span></span><span lang="ja"><span>学ぶのが難しいでしょう。</span><span>JavaScript を習得する前に、まずこれらの 2 つの技術、そしておそらく他の技術を熟知しておくことを強くおすすめします。先ず次のモジュールを実施してください :</span></span></p>

<ul>
 <li><a href="/ja/docs/Learn/Getting_started_with_the_web">ウェブ入門</a></li>
 <li><a href="/ja/docs/Web/Guide/HTML/Introduction">HTML 入門</a></li>
 <li><a href="/ja/docs/Learn/CSS/Introduction_to_CSS">CSS 入門</a></li>
</ul>

<p>以前の他の言語での経験は手助けになるでしょう。</p>

<p><span class="short_text" id="result_box" lang="ja"><span>JavaScript の基本を</span></span><span class="short_text" lang="ja"><span>よく理解できたら、より高度なトピックについて学ぶことができることでしょう。高度なトピックは例えば次のものです：</span></span></p>

<ul>
 <li><a href="/ja/docs/Web/JavaScript/Guide">JavaScript ガイド</a>で紹介した JavaScript 詳細</li>
 <li><a href="/ja/docs/Web/API">Web <abbr title="application programming interface">APIs</abbr></a></li>
</ul>

<h2 id="Modules" name="Modules">モジュール</h2>

<p>このトピックでは次のモジュールが含まれます。これらは推奨順です。</p>

<dl>
 <dt><a href="/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a></dt>
 <dd><span id="result_box" lang="ja"><span>最初の JavaScript の項目では、まず JavaScript を書く初めての実践的な体験に進む前に、「 JavaScript とは何か」、「どのように見えるか」、「何ができるのか？」などの基本的な質問に答えます。その後、変数、文字列、数値、配列などの JavaScript の主要機能について詳しく説明します。</span></span></dd>
 <dt><a href="/ja/docs/Learn/JavaScript/Building_blocks">JavaScript の構成要素</a></dt>
 <dd><span id="result_box" lang="ja"><span>このモジュールでは、条件文、ループ、関数、イベントなど一般的に発生するコードブロックの種類に注目し、JavaScript の重要な基本機能をすべてカバーしていきます。これまでにみたか</span></span><span lang="ja"><span>、どこかで目にしたことでしょうが、ここではすべて明示的に説明を行います。</span></span></dd>
 <dt><a href="/ja/docs/Learn/JavaScript/Objects">JavaScript オブジェクト入門</a></dt>
 <dd><span id="result_box" lang="ja"><span>JavaScript では、文字列や配列などの JavaScript のコア機能から、JavaScript の上に構築されたブラウザー API まで、ほとんどのものがオブジェクトです。</span> <span>関連する関数や変数を効率的なパッケージにカプセル化して独自のオブジェクトを作成することもできます。</span> <span>JavaScript のオブジェクト指向の性質は、言語に関する知識をさらに深め、より効率的なコードを書く場合に理解するために重要です。それゆえ、このモジュールを用意しました。</span> <span>ここではオブジェクトの理論と構文を詳しく説明し、独自のオブジェクトを作成する方法を見て、JSON のデータとその使い方を説明します。</span></span></dd>
 <dt><a href="/ja/docs/Learn/JavaScript/Asynchronous">非同期 JavaScript</a></dt>
 <dd>
 <p>このモジュールでは、非同期の JavaScript を見ていき、これがなぜ重要であるかや、サーバーからのリソース取得といった、ブロッキングの可能性のある操作を効率的に扱う方法を見ていきます。</p>
 </dd>
 <dt><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs">クライアントサイドの Web API</a></dt>
 <dd><span id="result_box" lang="ja"><span>ウェブサイトやアプリケーション用のクライアントサイド JavaScript を記述するときは、API を使い始める前に、サイトが実行されているブラウザーやオペレーティングシステムのさまざまな側面、または他のウェブサイトやサービスのデータを操作するためのインターフェイスといったものがあるので、すぐには進みません。このモジュールでは、API が何であるか、開発作業で頻繁に出くわす最も一般的な API を使用する方法について説明します。</span></span></dd>
</dl>

<h2 id="Solving_common_JavaScript_problems" name="Solving_common_JavaScript_problems">よくある JavaScript の問題を解決する</h2>

<p><a href="/ja/docs/Learn/JavaScript/Howto">よくある JavaScript の問題を解決する</a> では、<span id="result_box" lang="ja"><span>ウェブページの作成時に、とてもよくある問題を解決するために JavaScript を使用する方法を説明するコンテンツのセクションへのリンクを提供します。</span></span></p>

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

<dl>
 <dt><a href="/ja/docs/Web/JavaScript">MDN の JavaScript</a></dt>
 <dd>
 <div id="gt-res-content">
 <div class="trans-verified-button-small" dir="ltr" id="gt-res-dir-ctr">
 <div id="tts_button"><span id="result_box" lang="ja"><span>MDN の主要な JavaScript ドキュメントの主要なエントリポイントです。ここでは、JavaScript 言語のあらゆる側面に関する広範なリファレンスドキュメント、および経験豊富な JavaScripter を対象とした高度なチュートリアルがあります。</span></span></div>
 </div>
 </div>
 </dd>
</dl>

<dl>
 <dt><a href="https://learnjavascript.online/">JavaScript の学習</a></dt>
 <dd>ウェブ開発者になりたい人向けのすばらしいリソース — JavaScript をインタラクティブな環境と、短いレッスンやインタラクティブなテスト、自動化された評価つきで学ぶことができる。最初の 40 レッスンは無料で、完全なコースは少額の支払いで利用できる。</dd>
</dl>

<p><strong><a href="https://exlskills.com/learn-en/courses/javascript-fundamentals-basics_javascript">JavaScript Fundamentals on EXLskills</a></strong></p>

<dl>
 <dd>JS でアプリケーションを構築するために必要なすべてを紹介する EXLskills オープンソースコースで、無料で JavaScript を学んでください。</dd>
 <dt><a href="https://www.youtube.com/user/codingmath">Coding math</a></dt>
 <dd><a href="https://twitter.com/bit101">Keith Peters</a> による、有能なプログラマーを理解するのに必要な数学の優れたビデオチュートリアルのシリーズ。</dd>
</dl>