用語集

「この言葉、どういう意味だっけ？」というときに見てください。

あ行

API（Application Programming Interface）
プログラム同士が通信するための窓口。フロントエンドとバックエンドはAPIを通じてデータをやり取りする。→ APIって何？RESTを理解する

App Router
Next.js のルーティング方式。app/ フォルダの構造がURLになる。

ORM（Object-Relational Mapper）
SQLを直接書く代わりに、JavaScriptのコードでDBを操作できるライブラリ。PrismaはORMの一種。

コンポーネント
Reactの「UIの部品」。再利用可能な関数として定義する。

CORS（Cross-Origin Resource Sharing）
異なるオリジン間のリクエストを制御する仕組み。→ HTTPSとCORSを理解する

サニタイズ
ユーザーからの入力値を無害化すること。XSS対策として、HTMLを表示する前にサニタイズする。

シリアライズ / デシリアライズ
オブジェクトを文字列（JSON等）に変換すること（シリアライズ）と、その逆（デシリアライズ）。

state（状態）
Reactコンポーネントが持つ変化する値。useState で管理する。

スキーマ
データベースのテーブル構造の定義。どんなカラムがあり、型は何かを定めたもの。

デプロイ
作ったアプリをサーバーにアップして、インターネットからアクセスできる状態にすること。

動的ルーティング
URLの一部を変数にするルーティング。/users/[id] のように [] でURLパラメータを定義する。

Null安全（Null Safety）
変数が null になれないことをコンパイル時に保証する仕組み。DartやTypeScriptで採用。

バックエンド
サーバー側のプログラム。データ処理・DB操作・認証などを担う。

フロントエンド
ブラウザ（またはアプリ）側のプログラム。ユーザーが見て操作するUIを担う。

フルスタック
フロントエンドとバックエンドの両方を担当・開発すること。

props
Reactで「親コンポーネントから子コンポーネントへ渡す値」。読み取り専用。

マイグレーション
データベースのスキーマ変更をDBに反映させる操作。npx prisma migrate dev で実行する。

マウント
Reactコンポーネントが初めてDOMに追加されること。useEffect の空配列の依存配列はマウント時に1度だけ実行される。

モーダル
現在の画面の上に重なって表示されるポップアップウィンドウ。ダイアログとも呼ぶ。

リレーション
データベースのテーブル間の関係。1対多・多対多などがある。

ルーティング
URLとページの対応を管理する仕組み。/about → AboutPageコンポーネント、のように定義する。

レンダリング
コンポーネントが実行されてDOMが生成・更新されること。

Widget
FlutterのUIの基本単位。テキスト・ボタン・レイアウトなど、すべてがWidgetで構成される。

CRUD
Create（作成）・Read（取得）・Update（更新）・Delete（削除）の頭文字。DBの基本操作。

ERD（Entity Relationship Diagram）
データベースのテーブル構造と関係を図で表したもの。ER図とも呼ぶ。

HTTP / HTTPS
Webブラウザとサーバーがデータをやりとりするためのプロトコル。HTTPSは暗号化された版。

JWT（JSON Web Token）
認証情報をJSON形式でエンコードしたトークン。Supabase Authがセッション管理に使っている。

JSON（JavaScript Object Notation）
APIのデータ形式として広く使われる軽量なデータ形式。

ORM → 「か行」を参照

REST / REST API
URLでリソースを表し、HTTPメソッドで操作を表すAPI設計スタイル。

SQL
データベースを操作するための言語。SELECT * FROM users のように書く。

SSR（Server-Side Rendering）
サーバー側でHTMLを生成してブラウザに送るレンダリング方式。

XSS（Cross-Site Scripting）
悪意のあるスクリプトをWebページに埋め込む攻撃。→ XSSを理解して対策する