← クエスト一覧へ

JavaScript ガイドブック

🏠

はじめに

2 記事
1
JavaScriptって何?

JavaScriptは、Webページに「動き」をつけるためのプログラミング言語です。
ボタンをクリックしたらメニューが開く・画像がスライドする・フォームの入力チェックをするなど、
現代のWebサービスのインタラクティブな機能はほぼすべてJavaScriptで作られています。

🌐 JavaScriptが使われているところ
🌐
Webサイト
ほぼすべてのWebサイトで動いている
📱
スマホアプリ
React NativeでiOS/Androidアプリが作れる
🖥️
デスクトップアプリ
VSCode・SlackなどもJavaScript製
⚙️
サーバーサイド
Node.jsでバックエンドも作れる
✅ JavaScriptの特徴
  • ブラウザで動く ― インストール不要で、ブラウザのコンソールですぐ試せる
  • フロントエンド必須 ― Web開発をするなら避けて通れない言語
  • 用途が広い ― フロント・バック・スマホアプリまで1言語で対応可能
  • 世界で最も使われている ― GitHubの言語ランキングで常にトップクラス
2
このコースで学べること・学習の進め方

📚 コースの構成

JavaScriptコースは全50クエスト。プログラミングの基礎から実践的な機能まで段階的に学べます。

1
基礎(クエスト1〜15)
変数・データ型・演算子・条件分岐・ループ・関数の基本。プログラミングの考え方を身につけます。
2
中級(クエスト16〜35)
配列・オブジェクト・文字列操作・DOM操作(HTMLを書き換える)・イベント処理。ページに動きをつけます。
3
応用(クエスト36〜50)
クラス・非同期処理(Promise/async-await)・fetch API・モジュールなど、実務でも使う技術を習得します。
🎯 前提知識

HTML & CSSの基礎(タグの書き方・CSSでスタイルをあてる程度)があると理解が深まります。
ただし、プログラミング自体が初めての方でもこのコースから始めることは可能です。

⏱️ 目安学習期間

全50クエスト。1日2〜3クエストのペースで 1〜2ヶ月 で完走できます。
「基礎」部分だけでも2〜3週間でひと通り理解できます。

💡 JavaScriptで詰まったときは
  • ブラウザの開発者ツール(F12)のConsoleタブでエラーメッセージを確認する
  • console.log(変数) で値を出力して確認する習慣をつける
  • エラーメッセージをコピーしてGoogle検索すると解決策が見つかりやすい