フロントエンド

Angular

あんぎゅらー

Googleが中心に開発する、大きなWebアプリ向けに必要な機能が一通りそろったフロントエンドの土台です。

CSS

しーえすえす

HTMLで作ったページに、色やレイアウトなど見た目をつけるための言語です。

DOM

どむ

ブラウザがHTMLを木構造の部品の集まりとして読み込み、プログラムから操作できるようにした仕組みです。

GUI

じーゆーあい

アイコンやボタンを見て、直感的に操作するための画面方式のことです。

HTML

えいちてぃーえむえる

Webページの文章や見出しなど、骨組みを書くための言語です。

JavaScript

じゃばすくりぷと

Webページに動きや反応をつけ、ブラウザの中で動かすためのプログラミング言語です。

Next.js

ねくすとじぇいえす

Reactに画面の事前生成やページの行き来の仕組みを足して、すぐ実務に使えるようにしたフレームワークです。

Promise（非同期）

ぷろみす

「あとで結果が返ってくる」という約束を表す入れ物で、非同期の処理を順番に書けるようにする仕組みです。

React

りあくと

画面のUIを小さな部品（コンポーネント）の組み合わせとして作る、JavaScriptのライブラリです。

SEO（検索エンジン最適化）

えすいーおー

検索結果の上のほうに自分のページが出やすくなるよう、中身や見せ方を整える工夫のことです。

SPA（シングルページアプリ）

えすぴーえー

ページを開き直さず、中身だけ書き換えてサクサク動かすWebアプリの作り方です。

Svelte（スベルト）

すべると

Webの画面を作るための仕組みで、書いたコードを事前に素の命令へ変換してから動かすのが特徴です。

TypeScript

たいぷすくりぷと

JavaScriptに「型」のしくみを足して、間違いを早めに見つけやすくした言語です。

UI（ユーザーインターフェース）

ゆーあい

アプリやサイトで、人が見たり触ったりして操作する画面まわりのことです。

UX（ユーザー体験）

ゆーえっくす

製品やサービスを使うときに利用者が感じる、使いやすさや満足感など体験の全体を指す言葉です。

Vue.js

びゅー

画面を部品の集まりとして組み立てる、学びやすいと評判のJavaScriptフレームワークです。

WebAssembly

うぇぶあせんぶり

C言語やRustなどを変換し、ブラウザの中で高速に動かすための低レベルなバイナリ形式です。

Webコンポーネント

うぇぶこんぽーねんと

自作のHTMLタグを作って、画面の部品を使い回せるようにするブラウザ標準のしくみです。

アクセシビリティ

あくせしびりてぃ

目や耳、手の状態に関わらず、誰もが同じように使えるようにする配慮のことです。

コンポーネント

こんぽーねんと

ボタンや入力欄など、画面の部品を再利用できる単位にまとめたものです。

サーバーサイドレンダリング

さーばーさいどれんだりんぐ

画面のHTMLをサーバー側で組み立ててから返す方式で、初期表示が速く検索エンジンにも読まれやすいです。

ツリーシェイキング

つりーしぇいきんぐ

使っていないコードを最終ファイルから振り落として、配信サイズを小さくする仕組みです。

デザインシステム

でざいんしすてむ

ボタンや色など見た目の決まりごとを部品と一緒にまとめた、デザインの共通ルール集です。

ハイドレーション

はいどれーしょん

サーバーが先に描いて返したHTMLに、後からJavaScriptを差し込んで動くようにする処理のことです。