2026年5月12日
はじめに
プログラミングを始めると、英語の専門用語がたくさん出てきます。「この用語、なんて読むの？」と迷った経験はありませんか？
授業やチーム開発で「これ、口に出して言えない…」と困ることは誰でもあります。たとえば height を「ヘイト」と読んでいたり、alt を「アルト」と読んでいたりするケースはよく聞きます。
このページでは、当サイトの用語集に収録された117語の読み方をカテゴリ別にまとめました。カタカナ読み・英語表記付きなので、声に出して読むときや、チーム開発で会話するときの参考にしてください。
💡 使い方のヒント
- ページ内検索（Ctrl+F / Cmd+F）で用語を探すと便利です
- 「→」リンクをクリックすると用語の意味や使い方を確認できます
- 読み方が複数ある場合は「/」で区切って掲載しています
読み方を覚えるコツ
全部の用語を一気に覚えようとしなくて大丈夫です。今学んでいる分野の用語から少しずつ確認していきましょう。
- HTMLを勉強中 → HTMLカテゴリの読み方を確認する
- CSSを勉強中 → CSSカテゴリの読み方を確認する
- よくある読み間違い TOP10 だけでも先にチェック
読み方を知っていると、動画やポッドキャストで聞いたときに「あ、あの用語のことか！」とすぐに理解できるようになります。
HTML（19語）
| 用語 | 読み方 | 英語 | 詳細 |
|---|---|---|---|
| DOCTYPE | ドックタイプ | Doctype | → |
| HTML | エイチティーエムエル | HTML | → |
| head | ヘッド | Head | → |
| body | ボディ | Body | → |
| タグ | タグ | Tag | → |
| 属性 | ぞくせい | Attribute | → |
| 要素 | ようそ | Element | → |
| ブロック要素 | ブロックようそ | Block Element | → |
| インライン要素 | インラインようそ | Inline Element | → |
| セマンティック | セマンティック | Semantic | → |
| alt | オルト | Alt | → |
| href | エイチレフ | Href | → |
| src | ソース | Src | → |
| form | フォーム | Form | → |
| input | インプット | Input | → |
| ビューポート | ビューポート | Viewport | → |
| HTML・CSS の違い | エイチティーエムエル・シーエスエス のちがい | HTML vs CSS | → |
| class・id の違い | クラス・アイディー のちがい | class vs id | → |
| インライン要素・ブロック要素 の違い | インラインようそ・ブロックようそ のちがい | inline element vs block element | → |
CSS（29語）
| 用語 | 読み方 | 英語 | 詳細 |
|---|---|---|---|
| セレクタ | セレクタ | Selector | → |
| プロパティ | プロパティ | Property | → |
| 値 | あたい | Value | → |
| クラス | クラス | Class | → |
| ID | アイディー | Id | → |
| ボックスモデル | ボックスモデル | Box Model | → |
| margin | マージン | Margin | → |
| padding | パディング | Padding | → |
| Flexbox | フレックスボックス | Flexbox | → |
| Grid | グリッド | Grid | → |
| レスポンシブ | レスポンシブ | Responsive | → |
| 疑似クラス | ぎじクラス | Pseudo Class | → |
| カスケード | カスケード | Cascade | → |
| 詳細度 | しょうさいど | Specificity | → |
| transform | トランスフォーム | Transform | → |
| opacity | オパシティ | Opacity | → |
| overflow | オーバーフロー | Overflow | → |
| aspect-ratio | アスペクトレシオ | Aspect Ratio | → |
| z-index | ゼットインデックス | Z Index | → |
| position | ポジション | Position | → |
| animation | アニメーション | Animation | → |
| CSS Grid | シーエスエスグリッド | Css Grid | → |
| CSS | シーエスエス | CSS | → |
| margin・padding の違い | マージン・パディング のちがい | margin vs padding | → |
| absolute・relative の違い | アブソリュート・レラティブ のちがい | absolute vs relative | → |
| px・em・rem の違い | ピクセル・エム・レム のちがい | px vs em vs rem | → |
| display: inline・display: block の違い | ディスプレイインライン・ディスプレイブロック のちがい | display inline vs display block | → |
| カスタムプロパティ | カスタムプロパティ | Custom Property | → |
| メディアクエリ | メディアクエリ | Media Query | → |
JavaScript（33語）
| 用語 | 読み方 | 英語 | 詳細 |
|---|---|---|---|
| 変数 | へんすう | Variable | → |
| 定数 | ていすう | Constant | → |
| 関数 | かんすう | Function | → |
| 配列 | はいれつ | Array | → |
| オブジェクト | オブジェクト | Object | → |
| DOM | ドム | DOM | → |
| イベント | イベント | Event | → |
| 条件分岐 | じょうけんぶんき | Conditional | → |
| ループ | ループ | Loop | → |
| コンソール | コンソール | Console | → |
| アロー関数 | アローかんすう | Arrow Function | → |
| コールバック | コールバック | Callback | → |
| Promise | プロミス | Promise | → |
| スコープ | スコープ | Scope | → |
| 型 | かた | Type | → |
| async/await | アシンクアウェイト | Async Await | → |
| try-catch | トライキャッチ | Try Catch | → |
| map | マップ | Map | → |
| filter | フィルター | Filter | → |
| reduce | リデュース | Reduce | → |
| JSON.parse | ジェイソンパース | Json Parse | → |
| this | ディス | This | → |
| クロージャ | クロージャ | Closure | → |
| プロトタイプ | プロトタイプ | Prototype | → |
| スプレッド構文 | スプレッドこうぶん | Spread | → |
| ユニットテスト | ユニットテスト | Unit Test | → |
| JavaScript | ジャバスクリプト | JavaScript | → |
| var・let・const の違い | バー・レット・コンスト のちがい | var vs let vs const | → |
| Java・JavaScript の違い | ジャバ・ジャバスクリプト のちがい | Java vs JavaScript | → |
| ==・=== の違い | イコールイコール・イコールイコールイコール のちがい | == vs === | → |
| null・undefined の違い | ヌル・アンデファインド のちがい | null vs undefined | → |
| fetch | フェッチ | Fetch | → |
| 分割代入 | ぶんかつだいにゅう | Destructuring | → |
Git（11語）
Web全般（8語）
ツール（2語）
PC基礎（5語）
IT全般（10語）
よくある読み間違い TOP10
初心者が間違えやすい用語の読み方をまとめました。正しい読み方を覚えておきましょう。
| # | 用語 | ❌ よくある間違い | ✅ 正しい読み方 |
|---|---|---|---|
| 1 | height | ヘイト | ハイト |
| 2 | width | ウィドス | ウィドゥス / ウィズ |
| 3 | alt | アルト | オルト |
| 4 | char | チャー | キャラ / キャー |
| 5 | sudo | スド | スードゥー |
| 6 | Linux | ライナックス | リナックス / リヌックス |
| 7 | GUI | グイ | ジーユーアイ |
| 8 | AJAX | アジャックス | エイジャックス |
| 9 | OAuth | オース | オーオース |
| 10 | nginx | エヌジンクス | エンジンエックス |
読み方Q&A：よく聞かれる疑問
Q. 読み方が複数ある場合はどうすればいい？
どちらも正しい場合があります。現場やチームで使われている読み方に合わせましょう。迷ったら公式ドキュメントの発音を参考にしてください。
Q. 英語の読み方は正確に覚える必要がある？
完璧な発音でなくて大丈夫です。チーム開発で相手に通じるカタカナ読みを覚えておけば十分です。
Q. 用語の意味もわからない場合は？
各用語の「→」リンクから用語集ページに飛べます。意味・使い方・コード例を確認しましょう。また「用語集トップ」からカテゴリ別に調べることもできます。
まとめ
- ✅ 読み方は全部一気に覚えなくて大丈夫。今学んでいる分野から確認しよう
- ✅ 「よくある読み間違い TOP10」は最初に確認しておこう
- ✅ 読み方が複数ある場合はチームに合わせればOK
- ✅ 用語の意味が知りたいときは「→」から用語集ページへ
プログラミング用語の読み方は、最初は覚えるのが大変ですが、コードを書いたりドキュメントを読んだりするうちに自然と身につきます。
各用語の意味や使い方をもっと詳しく知りたい場合は、用語集をご覧ください。読み方・意味・関連レッスンへのリンクをまとめています。