id: F-1(誌面表示: F-01) · 物理ページ: 268–269(pages=2) · category: term_tool · figure_type: structure · status: ready · evaluation_date: 2026-04-29
tagline 53/25-45 ↑8何を 65/60-200どこで 79/60-200会話例 47/25-50見1 24/15-40見2 28/15-40見3 22/15-40見4 28/15-40見5 36/15-40見6 42/15-50
← E-51 LMSYS Arena 目次 F-02 TypeScript →
技術用語
268

JavaScript

ジャバスクリプト
Web のインタラクション(操作反応)を実現するプログラミング言語で、略して JS(ジェイエス)と呼ばれます。
体験区分:少しだけ触った 推奨読者レベル:Level 2

何をしてくれるか

ボタン反応・画面切り替え・入力チェックなど Web ページの動きを作るプログラミング言語です。ブラウザが直接解釈できる唯一の言語です。

どこで出会うか

AI にフロントエンドの修正を頼むと「JavaScript で書きます」と返ってくる場面で出会います。Cursor や VS Code でも `.js` 拡張子として目にします。

構造図
2026.04·ready
「その画面の動き、React ベースの JS ですか?Node.js で動いている部分もありますか?」
JavaScriptの見方
269
この用語の見どころ
1
役割

Web ページの動きを担うプログラミング言語です。

2
うれしさ

HTML・CSS と組み合わせるだけで動く画面を作れます。

3
注意点

Java とは別物で、混同しないようにします。

4
どこで役立つか

AI にフロントエンド修正を頼む際、指示が的確になります。

5
はじめに

「Web の動きを JS が作る」「TypeScript の土台が JS」の 2 点。

6
深掘り先

TypeScript(F-2)、React(F-10)、Node.js(F-80)。

非エンジニアのつまずき
  • Java と JavaScript が違うことも分かりづらく、「JS」ファイルは触れる気がしません。
  • 「○○ JS」と付くライブラリが多くて何が何なのか分からなくなります。
私のコメント
  • 第一印象:触ることへの抵抗感がある。
  • 良い点:HTML の中に組み込めて挙動を確認できたり、用途がめちゃくちゃ広い。
  • ダメな点:普段の業務で積極的に触らない人からすると、ハードルが高い。
  • 誰向けか:「実はみんな使っている」と意識したい人、まず色々やってみたい人。
開発フローでの位置
要件の確認
コード生成
ブラウザ確認
修正・再依頼
関連用語
参考 (未記入) checked —
F-01·term_tool
バイブコーディング図鑑