サイト内検索

目標FPSを入力するだけで、1フレームあたりの処理時間（ms）がすぐ分かります。パフォーマンス調整のお供に。

ScreenToWorldPoint・WorldToScreenPointの変換をブラウザで試せます。カメラ設定を入力して即計算。

HEX・RGB・Unity Colorを相互変換。デザインツールとUnityの橋渡しに便利です。

JSONの整形・圧縮・構文チェックがこれひとつで。API開発やデバッグのお供にどうぞ。

テキストや画像をBase64形式にエンコード・デコードできます。API連携やData URIの生成に便利です。

Unixタイムスタンプ（秒・ミリ秒）と通常の日時を素早く相互変換できます。ログ調査やAPI開発にどうぞ。

px値とrem値を簡単に行き来できます。基準サイズもカスタマイズでき、CSSでの余白やフォント指定がスムーズに。

URLの特殊文字や日本語をパーセントエンコーディング（エンコード・デコード）できます。クエリの解析に。

正規表現パターンを入力し、対象テキストと正しくマッチするかをリアルタイムで確認できます。

JWTの中身（ヘッダーとペイロード）をサクッとデコードして確認できます。API連携のデバッグにどうぞ。

入力したテキストからSHA-256/384/512のハッシュを一発生成。API署名やハッシュ化の動作検証に。

ランダムでかぶらないUUID v4をボタンひとつで生成できます。テストケースの作成などにどうぞ。

ふたつの色のコントラスト比を計算し、Webアクセシビリティの基準を満たしているか即座に判定します。

線形・円形グラデーションを視覚的に調整しながら作成できます。完成したCSSはそのままコピー可能です。

要素の影（box-shadow）をプレビューを見ながらスライダーで作成。生成したCSSはコピー可能です。

URLやテキストから高画質なQRコードを即座に生成し、PNG形式で保存できます。名刺やチラシ作成に。

全角記号やスペース不足など、Markdownのありがちな記述ミスを自動補正。ドキュメント作成の時短に。

2つのテキストの変更点（追加・削除・変更）を色分け表示します。設定ファイルやコードの差分確認に。

即時に複数のデバイス間で情報を共有したい方向けに開発したオンラインメモ帳。高解像度な画像対応はもちろん、パスワード保護といったセキュリティ対策も行っています。 詳しくは下部をご参照ください。

HTMLタグとして解釈される特殊文字を安全にエスケープ（または復元）。XSS脆弱性の対策や検証に。

デザインカンプやモックアップの確認に必要なダミーテキスト（Lorem Ipsum）を、分量を指定して生成します。

指定済みの文字種と長さで、推測されにくい安全なパスワードをランダム生成します。テストデータの作成にも。

スネークケースやキャメルケースなど、プログラミング特有の様々な命名規則へ一括変換します。

YAML形式とJSON形式のテキストを相互に変換します。構文チェック機能も搭載。

レスポンシブなフォントサイズ調整に便利なCSSの「clamp()」関数を、数値を入力するだけで自動計算します。

指定した比率（16:9など）に合わせて、画像の幅や高さを自動で算出します。

見栄えが良くなる「黄金比（おおよそ1:1.618）」を使って、要素のサイズや余白の数値を計算します。

日本人に馴染み深い「白銀比（おおよそ1:1.414）」を使って、レイアウトやデザインの数値を算出します。

行数・列数・隙間（gap）を指定するだけで、複雑なCSS Gridのコードを簡単に生成できます。

スライダーでぼかしや透明度を調整し、流行の磨りガラス風デザイン（グラスモーフィズム）のCSSを生成します。

ピクセル単位の「行送り」を、CSSの「line-height（倍率）」へとサクッと変換計算します。

透明度（アルファ値）を含んだRGBA形式とHEX形式の色コードを、相互に変換します。

任意のカラーコードを入力すると、それに最も近いTailwind CSSのカラーパレット名を教えてくれます。

データ分析に便利なCSV形式と、開発でよく使うJSON形式のテキストデータを相互に変換します。

ExcelなどのスプレッドシートやCSVデータを、そのままMarkdownのテーブル記法へと一発変換します。

改行や連続するスペースを取り除き、テキストやコードを1行に圧縮（Minify）します。

テキストの文字数、行数、単語数を瞬時にカウントします。スペースや改行を除外するオプション付き。

リストデータから重複している行を取り除き、一意（ユニーク）なリストへと整理します。

SNSシェア時の表示（OGP画像・タイトル・説明文）を、URLから事前プレビューします。

1枚の画像から、ブラウザタブ用やスマホ用（Apple Touch Icon）など全サイズのFaviconを一括生成します。

「301リダイレクト」や「HTTPS化」など、サーバー設定ファイル（.htaccess）用のコードを生成します。

検索エンジンの巡回ロボットにアクセス許可・拒否を伝える「robots.txt」ファイルを簡単に作成します。

指定したサイトのSSL証明書がいつまで有効かをワンクリックでチェックし、期限切れを防ぎます。

指定したドメインのAレコード、MXレコード、TXTレコードなどの現在の設定状況をルックアップして表示します。

現在アクセスしているブラウザのUser-Agent（識別文字列）を表示し、簡単にコピーできます。

ゲーム制作者に喜ばれる「伝わるバグ報告」のテンプレートを自動生成します。OSやGPUなどの環境情報も自動で付与できます。

画像をブラウザ上で安全＆超高速に圧縮・WebP変換。ファイルサイズ上限の指定も可能です。

長い1行のSQLをインデント付きで読みやすく整形。キーワード大文字化・1行圧縮にも対応。

画像をアップロードしてクリックするだけで、その箇所のHEX・RGB・HSLカラーコードを取得できます。

テキストのLLM推定トークン数をリアルタイム計算。GPT-4 / Claude / Gemini対応。API料金の概算付き。

幅・高さ・色・テキストを指定して、モックアップ用のダミー画像を即座に作成・ダウンロードできます。

画像を指定サイズにリサイズ。幅・高さ・縦横比維持。複数画像一括対応。

改行・タブを\n・\tに変換、または逆変換。文字列の可視化・コード生成に。

.env形式をキー順にソート・整形。環境変数管理の整理に。

HEXから色の名前を検索。red, blue等のCSS色名に変換。

MD5ハッシュを生成。レガシー互換・簡易チェックサム用。

Luaコードを整形。インデント・改行を整える。

2つのUI/コピーなどのバリアントを無作為に提示して、どちらがKPIを改善するかを統計的に検証する手法。

Accessibilityの略称（aと数字11文字とy）。障がいのある人も含め誰もがWebを利用できるよう設計する考え方。

fetchなどの非同期処理をキャンセルするブラウザAPI。コンポーネントのアンマウント時にリクエストを中断するのに使います。

スクロールしなくてもファーストビューで見える画面領域のこと。最も重要なコンテンツや行動促進要素を配置します。

Webページのアクセシビリティ課題を発見するための検査。axeやLighthouseなどの自動ツールと手動テストを組み合わせます。

ウェブサイトのアクセシビリティ対応状況・適合レベル・連絡先を公開するページ。法的要件となる地域も増えています。

ブラウザがDOMから生成し支援技術に渡すツリー。ARIA属性がここに反映されます。

Atomicity、Consistency、Isolation、Durability。リレーショナルDBのトランザクションが満たすべき4つの特性です。

トランザクションが途中で失敗しても整合性を保つDBの保証。原子性・一貫性・独立性・耐久性の4特性で構成されます。

デバイスのCPU性能・メモリ・通信速度に応じてリソースや機能を動的に調整するWebパフォーマンス戦略。

Advanced Encryption Standard。現代の対称鍵暗号の標準。AES-256が推奨で、速度と安全性を両立しています。

デザイン上、ユーザーが操作方法を直感的に理解できる手がかり。ボタンの立体感やリンクの下線が例です。

ツールを使いながら自律的にタスクを計画・実行するLLMベースのシステム。ReActパターンで動作します。

AIシステムの目標・価値観・行動が人間の意図に沿うよう設計・制御する研究領域。

AIシステムが予期しない有害な行動をとらないよう安全性を確保する研究分野。解釈可能性や堅牢性が含まれます。

AWSのMySQLおよびPostgreSQL互換の高性能マネージドRDBMS。標準MySQLの最大5倍の速度とされています。

MySQL・PostgreSQL・MariaDBなどをマネージドで提供するAWSのリレーショナルDBサービス。

AWSのオブジェクトストレージサービス。無制限のスケールと高耐久性（99.999999999%）を持ちます。

Advanced Message Queuing Protocol。RabbitMQなどで使われるメッセージブローカーの通信プロトコル。

CSSアニメーションではtransformとopacityのみを使いGPUコンポジットレイヤーで描画することで60fpsを維持する手法。

エージェントレスのIaC・構成管理ツール。YAMLのPlaybookでサーバーセットアップを自動化します。

大量のイベントをリアルタイムにストリーム処理できる分散処理フレームワーク。KafkaとよくI組み合わせます。

高スループットの分散型イベントストリーミングプラットフォーム。ログ収集、イベント駆動マイクロサービスなどに使われます。

大規模データを並列処理する分散コンピューティングフレームワーク。バッチ処理・MLに使われます。

Application Programming Interface。ソフトウェア間の連携仕様のこと。REST APIはHTTPでJSONをやり取りする形式が主流です。

クライアントからのリクエストを受け取り、各マイクロサービスに振り分けるゲートウェイ。認証・流量制限も担います。

APIへのアクセスを認証するための文字列トークン。ロール制限・ローテーション・スコープ管理が重要です。

開発・テスト中に実際のバックエンドの代わりにダミーレスポンスを返すサーバー。MSWが代表的なツールです。

APIの後方互換性を維持しながら変更を加えるための戦略。URLパス・ヘッダー・クエリパラメータで実現します。

Next.js 13以降のファイルベースルーティングシステム。React Server Componentsを活用したレイアウト入れ子構造が特徴。

Accessible Rich Internet Applications。スクリーンリーダー向けにHTMLの役割・状態・プロパティを補足するW3C仕様。

動的に変化するコンテンツをスクリーンリーダーに通知するARIA属性。politeは割り込みせず、assertiveは即座に読み上げます。

横縦比のこと。CSS の aspect-ratio プロパティで16:9などを維持しつつレスポンシブなレイアウトを実現できます。

Abstract Syntax Tree。ソースコードを木構造で表現したもの。LinterやBabelなどのコードツールが解析に使います。

ゼロJSのデフォルトを採用するWebフレームワーク。Islands Architectureを用いて極めて高速なサイトを生成します。

非同期処理をPromiseよりも読みやすい同期的なスタイルで記述する構文。モダンなJS/TSの非同期処理の基本です。

1つのCSSクラスが1つのスタイルプロパティだけを持つ設計手法。TailwindCSSがその代表例です。

UIをAtoms・Molecules・Organisms・Templates・Pagesの5段階で構築するコンポーネント設計手法。

攻撃者が侵入・操作できる可能性のある入口の総体。APIエンドポイント数や公開ポート数などが指標になります。

Transformerの中核技術。入力の各トークンが他のトークンとどれくらい関連するかを計算する仕組みです。

ログイン試行を一定回数に制限してブルートフォース・クレデンシャルスタッフィング攻撃を防ぐ対策。

認証されたユーザーが何を実行できるかを決める権限チェックのプロセス。AuthenticationとAuthorizationは別物です。

アクセス増加に応じてサーバーの台数を自動で増減する仕組み。AWS Auto Scaling GroupやK8s HPA が代表例です。

機械学習のモデル選択・ハイパーパラメータ探索・特徴量エンジニアリングを自動化する技術。

CSSプロパティにベンダープレフィックスを自動付与するPostCSSプラグイン。ブラウザ互換性の確保に使われます。

AWSなどのクラウドで物理的に分離されたデータセンター群。複数AZに分散配置することで高可用性を実現します。

コンテナ実行のサーバー管理が不要なAWSのサーバーレスコンテナエンジン。ECSやEKSと組み合わせて使います。

イベント駆動で関数を実行するAWSのサーバーレスコンピューティングサービス。実行時間に応じた課金モデルです。

AWSのサーバーレスワークフローオーケストレーターサービス。Lambda等を組み合わせた複雑なビジネスフローを視覚的に構築できます。

企業向けのSoftware as a Service。マルチテナント、権限管理、SSO連携が要件として挙がりやすいです。

ストリーミング処理で、下流の処理能力が追いつかない場合に上流の流量を制御する仕組みです。

ニューラルネットワークの誤差を逆方向に伝播させ、各層の重みを更新する学習アルゴリズム。

複数のモジュールをまとめて再エクスポートするindex.tsファイル。インポートパスを短くできます。

Basically Available、Soft state、Eventual consistency。NoSQLで採用されることが多い、ACIDの対となる一貫性モデル。

バイナリデータをASCIIの64文字で表現するエンコーディングです。画像のData URI埋め込み等で使われますが、暗号化ではありません。

ミニバッチ内の活性化値を正規化することでディープニューラルネットワークの学習を安定・高速化する手法。

パスワードハッシュに特化したアルゴリズム。コスト係数で計算時間を調整でき、ブルートフォース攻撃を遅らせます。

Block・Element・Modifier。CSSクラスの命名規則。block__element--modifierの形式でスタイルの衝突を防ます。

Googleが開発した双方向Transformerモデル。文書分類や質問応答など自然言語理解タスクの基盤として使われます。

Border Gateway Protocol。インターネット上のAS（自律システム）間でルーティング情報を交換するプロトコル。

Google Cloudのサーバーレスなデータウェアハウス。ペタバイト規模のデータをSQLでリアルタイム分析できます。

RustベースのJS/TS向け高速なLinter兼Formatter。ESLint＋Prettierを1ツールで置き換えることを目指しています。

画像・動画・ファイルなど非構造化データを格納するオブジェクトストレージ。AWS S3やAzure Blob Storageが代表例。

要素の存在確認を省スペースで高速に行える確率的データ構造。キャッシュのミスを減らすために使われます。

現行環境（Blue）と新環境（Green）を並行稼働させ、トラフィックを切り替えることでダウンタイムゼロを実現するデプロイ手法。

画像の読み込み中に低解像度のぼかし版を表示するUX手法。Next.jsのblurDataURLなどで実装できます。

ロゴ・色・フォント・トーンなどブランドの一貫性を保つためのルール集。デザインシステムの基盤となります。

ユーザーが現在サイトのどこにいるかを示すナビゲーション要素。深い階層構造のサイトでの迷子防止に効果的です。

レスポンシブデザインで画面幅に応じてレイアウトを切り替えるCSSの閾値。@media queryで定義します。

ChromeやFirefoxに内蔵されたWebデバッグツール。Elements・Console・Network・Performanceパネルなどを備えます。

全ての可能性を試みてパスワードや鍵を解析する攻撃。レートリミットとアカウントロックで対策します。

企業がセキュリティ研究者に脆弱性の発見・報告に対して報奨金を支払うプログラム。HackerOneなどが仲介します。

ソースコードを本番用に変換するツールの総称。Vite・Webpack・Rollup・esbuildなどが含まれます。

船の隔壁から名付けられた設計パターン。リソースプールを分離することで、一部の障害が全体に波及しないようにします。

JavaScriptランタイム・パッケージマネージャー・バンドラーを一体化した高速なオールインワンツール。

JavaScriptバンドルの内訳を可視化して不要なライブラリや重複を発見する手法。webpack-bundle-analyzerが使われます。

複数のJSやCSSを1つに結合・圧縮するツール。Webpack、Vite、Rollupなどが該当し、ブラウザの読み込みを高速化します。

一度取得したデータを一時保存し、再取得を避ける仕組み。HTTPやRedis、ブラウザのlocalStorageなど。パフォーマンスの鍵です。

ファイル名にハッシュを付与してブラウザキャッシュを強制更新させる手法。main.abc123.jsのように使われます。

Cache-Aside、Write-Through、Write-Behindなどキャッシュの読み書きパターン。用途に応じて使い分けます。

新バージョンを少数ユーザーだけに先行リリースし、問題がなければ段階的に全体へ展開するデプロイ手法。

ブラウザ上でJavaScriptを使って2Dグラフィックスを描画するためのHTML5 API。ゲームやチャート描画に使われます。

分散システムはConsistency・Availability・Partition Toleranceの3つを同時に満たせないという定理。

ユーザーが情報をどのように分類するかを観察するUXリサーチ手法。情報アーキテクチャ設計に役立ちます。

Content Delivery Network。世界中にサーバーを配置し、ユーザーに近い場所から画像や静的ファイルを高速配信する仕組みです。

CDNにキャッシュされたコンテンツを更新・削除する操作。デプロイ時に古いコンテンツが残らないようにする重要な手順です。

クライアントが特定のTLS証明書のみを信頼するよう固定する技術。MITM攻撃への耐性を高めます。

LLMに段階的な推論ステップを明示させることで回答精度を高めるプロンプト技術。複雑な問題で効果的です。

HTTPレスポンスを分割して順次送信するエンコード方式。コンテンツサイズが未定の場合に使われます。

RAGで長いドキュメントをLLMのコンテキストウィンドウに入る適切なサイズに分割する前処理。

情報を小さなグループに分けて認知負荷を下げるUXデザインの手法。フォームの分割やステッパーUIが例です。

Continuous Integration / Continuous Deployment。コード変更を自動でテスト（CI）し、本番環境へ安全に自動デプロイ（CD）する手法です。

外部サービスへの連続失敗を検知し、一定時間リクエストを遮断して過負荷を防ぐ障害対応パターン。

Closed（通常）・Open（遮断）・Half-Open（試験）の3つの状態を持つサーキットブレーカーのステートマシン。

CSS関数。最小・推奨・最大の3つの値をまとめて指定し、レスポンシブなフォントサイズ等を実現します。

Command Line Interface。ターミナル上で文字を打ち込んでPCを操作するUI。npmやgitなど開発者の多くはCLIを使います。

列指向のOLAPデータベース。ログ解析や時系列データの集計クエリが非常に高速です。

透明なiframeを重ねてユーザーのクリックを騙し、意図しない操作を行わせる攻撃。X-Frame-Optionsヘッダーで防ぎます。

Next.js App Routerで'use client'を付けたブラウザ側でJSが実行されるコンポーネント。

OpenAIが開発した、画像とテキストを同一の埋め込み空間でマッチさせるマルチモーダルモデル。画像検索などに使われます。

Cumulative Layout Shift。ページ読み込み中に要素が突然動く視覚的不安定さの指標。Core Web Vitalsの一つ。

DNSのリソースレコードの一種で、あるドメイン名を別のドメイン名に別名（エイリアス）として紐づけます。

Convolutional Neural Network。画像認識に特化したニューラルネットワーク。畳み込み層とプーリング層で構成されます。

水平スケーラビリティとACID準拠を両立した分散SQLデータベース。地理分散にも対応します。

攻撃者がアプリケーションに任意のコードを注入して実行させる攻撃の総称。SQLiやXSSはその一種です。

JSバンドルを複数の小さなチャンクに分割して必要な時だけ読み込む最適化。初期ロードを軽くします。

ユーザーがUIを理解・操作するために必要な精神的努力の量。シンプルなUIで低く保つことが重要です。

サーバーレス関数が一定時間使われていない後に初回呼び出される際に起きる起動遅延のこと。

色覚異常のユーザーでも情報を識別できるよう、色だけに頼らずアイコンや形・テキストを併用するデザイン実践。

ライト/ダークモードをOSの設定に合わせて自動切替するCSS機能。prefers-color-schemeメディアクエリで実装します。

データを列単位で格納するデータベース。集計クエリが高速で、OLAPワークロードに適しています。

Vue 3のComposition APIで、再利用可能なロジックを抽出するための関数。Reactのカスタムフックに相当します。

親と複数の子がContextを通じて状態を共有するReactの設計パターン。柔軟なAPI設計ができます。

Vueやmobxで、他のデータから自動的に計算・キャッシュされるリアクティブな値のこと。

画像や動画からの情報抽出・認識を扱うAIの分野。物体検出、セグメンテーション、顔認識などがあります。

React 18で導入されたレンダリングを中断・再開できるモード。UIの応答性を保ちながら重い処理を行えます。

DBへの接続を使い回すための仕組み。接続の確立コストを削減し、同時処理数を効率的に管理します。

DBへの接続に必要なホスト・ポート・認証情報などをまとめたURL形式の文字列。環境変数で管理します。

ノード追加・削除時にデータの再配置を最小化する分散システム向けのハッシュアルゴリズム。

Anthropicが提唱する、AIの行動指針を明示的な原則として定義しモデルを自己改善させる学習手法。

コンテナのデプロイ・スケーリング・ネットワーキング・ヘルスチェックを自動管理する仕組み。Kubernetesが標準です。

親コンテナのサイズに応じてCSSを変えられる新しいCSS機能。ビューポートでなくコンポーネント単位でレスポンシブにできます。

Dockerイメージを保存・管理・配布するリポジトリ。DockerHub・ECR・GCRが代表例です。

Dockerの内部でコンテナのライフサイクルを管理するコンテナランタイム。Kubernetesのデフォルトランタイムです。

Brotliやgzipでテキストリソースを圧縮してネットワーク転送量を削減する手法。

Acceptヘッダーでクライアントとサーバーがレスポンスのフォーマット（JSON・XML・画像形式など）を交渉する仕組み。

UIデザインを始める前にコンテンツの構造と優先度を定義するアプローチ。実際の文章でデザインを評価します。

Reactの組み込み機能でpropsを使わず深いコンポーネントにデータを渡せる仕組み。テーマやユーザー情報の共有に使います。

LLMが一度に処理できるトークン数の上限。大きいほど長い文脈を扱えますが、コストも増加します。

ユーザーの実際の作業環境を観察・インタビューするフィールドリサーチ手法。潜在的なニーズを発掘できます。

コードをいつでも本番リリース可能な状態に保つプラクティス。デプロイは手動トリガーで行います。

前景色と背景色の明度の差。WCAGでは通常テキストで4.5:1以上が推奨されます。アクセシビリティの重要項目です。

ReactでフォームのinputをstateとonChangeで制御する方式。データとUIが常に同期します。

feat・fix・chore・docsなどのプレフィックスでコミットメッセージを標準化する規約。セマンティックリリースの自動化に使います。

サイト訪問者のうち目標アクション（購入・登録など）を完了した割合。UX改善の主要な成果指標の一つ。

HttpOnly・Secure・SameSite属性でCookieを安全に設定すること。XSS・CSRF対策の基本です。

Cross-Origin Resource Sharing。別オリジンのAPIをブラウザから呼ぶ際のセキュリティの仕組み。バックエンドでの許可設定が必要です。

ブラウザがクロスオリジンリクエストを送る前にOPTIONSメソッドで許可を確認する事前リクエスト。

Access-Control-Allow-Originヘッダーをワイルドカードでなくホワイトリストで設定することでAPI保護を行う実践。

2つのベクトルの向きの類似度を-1〜1で表す指標。埋め込みベクトルの意味的な近さの計算に使われます。

クエリが必要とするカラムをすべてインデックスに含めることで、テーブル本体へのアクセスをなくす最適化。

プログラムのどの処理がCPUリソースを消費しているかを計測する手法。ボトルネック特定に使います。

Command Query Responsibility Segregation。読み取り（Query）と書き込み（Command）の処理モデルを分離する設計パターン。

Facebookが提供するReactアプリのスキャフォールディングツール。現在はViteへの移行が推奨されています。

流出したメール/パスワードの組み合わせを他サービスに自動で試みる攻撃。MFAとパスワードマネージャーで対策します。

ファーストビューに必要なCSSのみを抽出してHTMLに直接埋め込む最適化手法。描画ブロックを解消します。

UNIX系OSのジョブスケジューラ。定期的なバッチ処理やメール送信などを crontab で時刻指定して自動実行します。

Kubernetesで定期実行するバッチジョブを管理するリソース。UNIX cronと同様のスケジュール表記を使います。

分類タスクで予測確率分布と正解分布のズレを測る損失関数。ニューラルネットワークの学習で広く使われます。

Customer Satisfaction Score。特定のインタラクションや製品体験に対する満足度を1〜5の尺度で測る指標。

Content Security Policy。XSSなどの攻撃を防ぐためのHTTPヘッダー。スクリプトの読み込み元や実行を制限できます。

Client-Side Rendering。ブラウザ内でJavaScriptを実行しHTMLを描画する方式。SPAの基本ですが、初期ロード時に待機時間が生じます。

Cross-Site Request Forgery。ユーザーが意図しないうちに別サイトからリクエストを送信させる攻撃。トークンで対策します。

@keyframesとanimationプロパティでHTML要素にアニメーションをつける機能。JavaScriptなしで動きを表現できます。

CSS変数とも呼ばれる、--colorのような形式で定義・再利用できるCSS独自の変数機能。

CSSの2次元レイアウトシステム。行と列を定義して複雑なレイアウトをシンプルに実装できます。

Sassなどで定義した再利用可能なスタイルのかたまりを@mixinで定義し@includeで呼び出す仕組み。

CSSクラス名をコンポーネントにスコープ化する仕組み。ビルド時に一意なクラス名に変換します。

Grid子要素が親グリッドのトラックを引き継いで整列できるCSS機能。フォームや複雑なレイアウトに有用です。

JavaScriptの中にCSSを記述するスタイリング手法。EmotionやStyled Componentsが代表例。

Comma-Separated Values。カンマ区切りの表形式データ。APIのエクスポートやデータ移行などで広く使われます。

Call to Action。ユーザーに特定の行動（購入・登録など）を促すボタンやリンクのこと。配置・文言・色がコンバージョンに影響します。

Common Vulnerabilities and Exposures。公知のセキュリティ脆弱性を一意に識別するIDシステム（CVE-2024-XXXX形式）。

ブラウザ上でのE2Eテストを直感的なAPIで書けるJavaScriptテストフレームワーク。

Kubernetesの全NodeにPodを1つずつ配置するリソース。ログ収集やモニタリングエージェントのデプロイに使います。

OpenAIのテキストプロンプトから高品質な画像を生成するモデル。Diffusion Modelベースです。

背景を暗くしてコントラストを反転させるUIテーマ。目の疲れ軽減やバッテリー節約に効果的とされます。

Dynamic Application Security Testing。実際に動作しているアプリに対して外部から脆弱性スキャンを行うテスト手法。

学習データを回転・反転・切り抜きなどで人工的に増やす手法。過学習を防ぎ汎化性能を高めます。

CSR・SSR・SSG・ISRなど、データの取得タイミングと場所を決めるNext.js等のレンダリング戦略の総称。

生データを大量に格納しておき、後から多様な分析に利用できる大規模ストレージアーキテクチャ。

本番データを開発・テスト環境で安全に使うため、個人情報を偽データで置き換えること。

Base64エンコードした画像などをHTMLやCSSに直接記述する仕組み。小さなアイコンなどに適しており、HTTPリクエストを減らせます。

分析・レポート用に最適化された構造化データの集中リポジトリ。RedshiftやBigQueryが代表例です。

HTMLに独自のメタデータを付与するカスタムデータ属性。JavaScriptからdataset APIで取得できます。

大量のクエリ結果を一度にメモリに載せず、行ごとに処理するためのDBのポインタ機構。

テーブルの特定カラムへのクエリを高速化するデータ構造。B-treeが一般的で、書き込み速度とのトレードオフがあります。

データを複数のDBノードに水平分割して保存する手法。スケールアウトを可能にしますが設計が複雑になります。

データベースのスキーマをバージョン管理しコードとともに変更を追跡する手法。FlywayやPrisma Migrateが使われます。

複数のSQL操作をひとまとめにし、全て成功するかすべてロールバックするACIDを保証するDBの仕組み。

Domain-Driven Design（ドメイン駆動設計）。ビジネスロジックをモデルの中心に置き、エンティティ・値オブジェクト・集約などで構造化します。

Distributed Denial of Service。大量のトラフィックをサーバーに送り込み、サービスを停止させるサイバー攻撃。

メッセージキューで処理に失敗したメッセージを退避させるための専用キュー。障害調査に役立ちます。

連続して発生するイベントを間引く処理。一定時間操作がなかった時だけ関数を実行し、過剰なAPI呼び出しを防ぎます。

「何を表示するか」だけを記述し、DOMの操作はフレームワークに任せる UIの設計思想。ReactやVueが採用しています。

アプリやWebの特定の画面に直接遷移できるURL。ネイティブアプリではカスタムスキームや Universal Linksを使います。

複数のセキュリティ層を重ねることで一層が破られても被害を最小化する多層防御の考え方。

画面外の画像やスクリプトを後から読み込む技術。loading='lazy'やIntersection Observerで実装します。

Node.jsの作者が再設計したJavaScript/TypeScriptランタイム。標準でTypeScriptをサポートし、セキュリティが強化されています。

モジュール間の依存関係を有向グラフで表現したもの。循環依存の検出やバンドル最適化に活用されます。

使用しているライブラリに既知の脆弱性がないかを自動でチェックするツール。Dependabotやsnykが代表例。

PRやブランチごとに本番同等の環境を自動生成してレビューできる機能。VercelやNetlifyが提供します。

ブルーグリーン・カナリア・ローリングなど、ダウンタイムを最小化しながら新バージョンをリリースする手法の総称。

デザイン案を構造的にレビューするプロセス。個人の好みでなくデザインの目的・ユーザー・原則に基づいて評価します。

一時的な解決策や非一貫なパターンの蓄積によって生じるデザイン上の負債。定期的な棚卸しで解消します。

デザイナーからエンジニアへのデザイン仕様の受け渡しプロセス。FigmaやZeplinを通じてスペックを共有します。

Googleが提唱する5日間でアイデア検証を行うフレームワーク。定義・スケッチ・決定・プロトタイプ・テストの5フェーズ。

デザイントークン・コンポーネントライブラリ・ガイドラインをまとめた共通基盤。一貫性を保ちながら開発を効率化します。

色・スペーシング・フォントサイズなどデザインの基本値を変数として管理する概念。デザインとコードを一致させます。

大きな画面向けにデザインしてからモバイルに縮小するアプローチ。現在はMobile-Firstが推奨されています。

開発（Dev）と運用（Ops）を統合し、迅速・安定したソフトウェアデリバリーを実現する文化・プラクティス。

Dynamic Host Configuration Protocol。ネットワークに接続したデバイスにIPアドレスを自動割り当てするプロトコル。

Dependency Injection。クラスが使う依存オブジェクトを外部から渡す設計パターン。テストが劇的に書きやすくなります。

依存性の注入を管理するフレームワーク機能。NestJSやSpringが提供し、大規模アプリの構造化を支援します。

ユーザーの注意を引くためにメインコンテンツの上に表示されるオーバーレイUI。aria-modalで適切なAria属性が必要です。

ノイズから段階的にデータを復元する生成AIモデル。Stable Diffusion、DALL·Eなどが画像生成で有名です。

../を使ってWebサーバーの非公開ファイルに不正アクセスする攻撃。パスのサニタイズで防ぎます。

分散環境で複数のプロセスが同一リソースを同時に変更しないよう排他制御するための仕組み。Redisで実装されることが多いです。

マイクロサービス間をまたいだリクエストのフローを可視化する技術。JaegerやZipkin、OpenTelemetryが使われます。

DomainKeys Identified Mail。メールに電子署名を付与し、送信元ドメインの正当性を検証するメール認証プロトコル。

Domain-based Message Authentication、Reporting and Conformance。SPF・DKIMと組み合わせてメールのなりすましを防ぐポリシー。

Domain Name System。ドメイン名（example.com）をIPアドレスに変換する仕組み。設定の反映に時間がかかることがあります。

ドメイン名をIPアドレスに解決するプロセス。再帰的・反復的な解決手順があります。

DNSレコードがキャッシュされる時間（秒）。短すぎると名前解決が増えてパフォーマンスが悪化します。

コンテナ型の仮想化環境を作るツール。OSやライブラリをまとめた「コンテナ」として、どこでも同じ環境を再現できます。

複数のDockerコンテナをYAMLファイルで定義し、一括起動・停止できるツール。ローカル開発環境の構築に広く使われます。

Document Object Model。HTMLドキュメントをJavaScriptから操作できるようにするためのツリー構造のAPI。

ビジネスロジックと概念をクラスやオブジェクトで表現したもの。DDDの中心的な成果物です。

英国デザインカウンシルが提唱するデザインプロセスモデル。Discover・Define・Develop・Deliverの4フェーズで構成されます。

ブラウザ標準のHTML5 APIで要素をドラッグして別の場所にドロップできるインタラクションを実装できます。

軽量でSQL-firstな設計のTypeScript ORM。型安全性を保ちながら、生SQLに近い書き心地が特徴です。

学習中にランダムにニューロンを無効化する正則化手法。過学習の抑制に効果があります。

import()構文でモジュールを非同期に読み込む仕組み。コードスプリットとレイジーロードの基盤です。

HashiCorp Vaultなどが提供するリクエストのたびに一意の短命シークレットを生成する機能。漏洩リスクを最小化します。

AWSのフルマネージドなキーバリュー/ドキュメント型NoSQL DB。スケーラビリティと低レイテンシが特徴です。

End-to-End Test。ユーザーがブラウザで実際に行う操作を模倣し、システム全体が正しく動くか確認する検証手法。

Electronic Codebook Mode。同一の平文ブロックが同一の暗号文ブロックになるAESの危険な動作モード。使用を避けるべきです。

ユーザーに近いCDNのエッジサーバー上でプログラムを実行する技術。Vercel EdgeやCloudflare Workersが有名です。

Apache Luceneベースの分散全文検索エンジン。ログ分析や商品検索などに広く使われます。

Elasticsearch・Logstash・Kibanaの組み合わせ。ログの収集・解析・可視化に広く使われます。

テキスト・画像などを意味を保持した高次元の数値ベクトルに変換したもの。類似検索やRAGの基盤技術です。

CSS-in-JSライブラリの一つ。パフォーマンスと柔軟性のバランスが良く、MUIなど多くのUIライブラリで使われます。

ユーザーの思考・感情・行動・発言を可視化するUXリサーチのキャンバス。ペルソナ作成の前段階として使います。

データがない・コンテンツが未作成の時に表示するUI。単なる空欄でなく次のアクションを促すデザインが重要です。

入力をエンコードした表現から出力を生成するニューラルネットワーク構造。機械翻訳や画像セグメンテーションに使われます。

保存データの暗号化。DBやストレージのファイルを暗号化してストレージ盗難時の情報漏洩を防ぎます。

通信中のデータを暗号化すること。TLS/HTTPSで実現し、盗聴・改ざんを防ぎます。

TypeScriptで名前付き定数の集合を定義する型。文字列Enumがコンパイル後も値が残り実用的です。

環境変数を定義するファイル。APIキーなど機密情報を格納します。Gitには絶対にコミットしないでください。

Lyftが開発した高性能なサービスメッシュ向けプロキシ。Istioのデータプレーンとして広く使われています。

C++で書かれた高性能なエッジ・サービスプロキシ。Istioのサイドカーとして使われ、L7トラフィック制御を担います。

Reactでコンポーネントツリー内のJavaScriptエラーをキャッチし、クラッシュの代わりにフォールバックUIを表示する仕組み。

try/catch・エラーバウンダリ・グローバルエラーハンドラなど、アプリケーション全体でエラーを適切に処理する方針。

特殊文字を安全な形式に変換すること。HTMLでは「<」を「&lt;」にするなど、コンテキストに応じた処理がXSS対策の要です。

ECMAScript Modules。importとexportを使うJavaScriptの標準モジュールシステム。Node.jsでもネイティブサポートされています。

Kubernetesが設定や状態の管理に使う分散型KVストア。高可用性と強一貫性を持ちます。

子要素にイベントリスナーを付けず、親要素で一括してイベントを処理するパターン。メモリ効率が高いです。

Node.jsやブラウザで非同期処理を単一スレッドで実現するためのメカニズム。コールバックキューとの協調で動きます。

データの現在状態をレコードで持つのでなく、イベントの履歴として保持するパターン。監査やリプレイが容易です。

サービス間の通信をイベントで非同期に行うアーキテクチャ。疎結合なシステムを実現します。

Node.jsでオブジェクト間のイベント駆動通信を実現するクラス。Pub/Subパターンの基本実装です。

SQLの実行計画を確認するコマンド。インデックスの使用状況やボトルネックを可視化してクエリ最適化に使います。

失敗したリクエストの再試行を指数的に間隔を広げながら行う手法。サーバーへの集中的な負荷を避けます。

スクロールなしで目線に届くファーストビューの設計。重要なコンテンツを最初に見せる戦略的なレイアウト手法。

ユーザーが画面上でどこを見ているかを計測するUXリサーチ技術。視線の集中場所・移動パターンを可視化します。

ユーザーがWebページを読む際にF字型に視線を動かすアイトラッキング研究の知見。重要情報は左上に配置します。

プライマリサーバーに障害が発生した際に自動でスタンバイに切り替える仕組み。RPO・RTOが重要な指標です。

ブラウザタブやブックマークに表示される小さなアイコン。SVG形式が現代のベストプラクティスです。

First Contentful Paint。ブラウザが最初のテキストや画像を描画するまでの時間。Web Vitalsの重要指標の一つ。

ブラウザがAPIをサポートしているかを実行時に確認してから使う手法。User-Agent判定より信頼性が高いです。

コードを変更せずに機能のオン・オフを切り替える仕組み。A/Bテストや段階的ロールアウトに活用されます。

ユーザーの操作に対してUIが即座に応答し、操作が成功したか失敗したかを伝える仕組み。

少数のサンプルだけからタスクを学習・実行できる機械学習アプローチ。LLMのプロンプトに例を与えるfew-shot promptingを含みます。

First Input Delay。ユーザーが最初にページを操作してからブラウザが応答するまでの時間。Core Web Vitalsの一つ。

生体認証や端末の鍵を使いパスワードなしで安全にログインする標準。フィッシング耐性が非常に高いです。

First In First Out。先に入れたメッセージから順に処理するキューのデータ構造。メッセージブローカーの基本形です。

クラウドベースのUIデザインツール。リアルタイム共同編集・プロトタイピング・デザインシステム管理に対応しています。

ファイルやフォルダの構造がそのままURLルーティングになる仕組み。Next.js・Nuxt・SvelteKitが採用しています。

事前学習済みモデルを特定タスク・ドメインのデータでさらに学習させて性能を特化させる手法。

GoogleのモバイルおよびWebアプリ向けBaaS。Realtime DB・Firestore・Auth・Hostingなどをセットで提供します。

ターゲットに素早く到達するためには、ターゲットを大きく・近くに配置すべきというUI設計の原則。

影や立体感をなくし単純な形・色・タイポグラフィだけでUIを構成するデザインスタイル。Material Designと対比されます。

CSSの1次元レイアウトモデル。display:flexで子要素を横・縦方向に柔軟に配置できます。

コンテナをグローバルに分散デプロイできるクラウドPaaS。アプリをユーザーの近くで実行できます。

モーダル表示中にキーボードのフォーカスをダイアログ内に閉じ込める実装。キーボードアクセシビリティに必須です。

見出しと本文など、用途の異なる複数フォントを組み合わせてタイポグラフィの階層を作る手法。

Webフォントから使用文字だけを抽出してファイルサイズを削減する最適化。日本語フォントで特に効果的です。

WebフォントをCSSの@font-faceで読み込む際の表示戦略を指定するプロパティ。swapを使うとFOUTが発生しFLASHを防ぎます。

あるテーブルのカラムが別テーブルの主キーを参照する制約。データの参照整合性を保証します。

labelとinputの適切な関連付け・エラーメッセージのaria-describedby・フォーカス管理などフォームのアクセシビリティ実践。

ユーザーの入力値をルールに従って検証する処理。react-hook-formやZodと組み合わせることが多いです。

コードのインデントや改行のルールを自動整形するツール。Prettierが圧倒的なシェアを持っています。

大量データで事前学習され、多様なタスクに応用できる汎用的な大規模AIモデル。GPT・Claude・Geminiが代表例。

Reactのための宣言的なアニメーションライブラリ。複雑な動きもシンプルなAPIで実装できます。

文章内の単語を転置インデックスに格納して高速な全文検索を可能にするDBの機能。

文書全体を対象にキーワードを検索する技術。転置インデックスを使い高速化します。ElasticsearchやPostgresのpg_trgmが使われます。

LLMがAPIや外部ツールを呼び出す引数をJSON形式で生成する機能。AIエージェントの重要な基盤技術です。

Generative Adversarial Network。生成器と識別器を競わせて現実的なデータ（画像等）を生成するモデル。

プログラムが使わなくなったメモリを自動解放する仕組み。Java・Go・JS・Python が採用しています。

外部サービスへのアクセスをラップして抽象化するデザインパターン。実装詳細を隠蔽し差し替えを容易にします。

Google Cloud Platform。GoogleのクラウドサービスでBigQuery、Vertex AI、Cloud Runなどが有名です。

複数の地理的に離れたリージョンにデータを複製する手法。DR（災害復旧）とユーザー近くでのデータ提供に使います。

人間が視覚情報を知覚する際のパターン（近接・類似・連続など）。UI設計でグループ化や視覚的階層の構築に活用します。

分散型バージョン管理システム。変更履歴を管理し、GitHubと連携してチーム開発を支えます。

機能ブランチ・リリースブランチ・ホットフィックスブランチを使って開発を進めるGitのブランチ戦略。

コミット前・プッシュ前などのGitイベントに自動でスクリプトを実行する仕組み。Huskyで管理します。

Gitで管理されるコードとその変更履歴をすべて格納するデータストア。ローカルとリモートの2種類があります。

Google Kubernetes Engine。Google CloudのマネージドKubernetesサービス。

約1:1.618の比率。自然界に多く見られる美しい比率で、タイポグラフィやレイアウトの比率設計に用いられます。

Generative Pre-trained Transformer。OpenAIのLLMシリーズ。GPT-4がChatGPTの基盤モデルです。

Graphics Processing Unit。並列計算に特化したプロセッサ。深層学習のトレーニングと推論には欠かせません。

サーバーが停止する際に進行中のリクエストを完了させてから終了する実装。データ整合性を保ちます。

ログの集計・クエリに特化した軽量なログ集約システム。Prometheusと設計思想が近くGrafanaと組み合わせます。

APIのクエリ言語。クライアントが必要なデータだけを指定して取得でき、1リクエストで複数リソースを柔軟に扱えます。

複数のGraphQL APIを1つの統合スキーマとして公開するアーキテクチャ。Apolloが仕様を提唱しています。

WebSocketを使ってサーバーからクライアントへリアルタイムにデータをプッシュするGraphQLの操作タイプ。

レイアウトを均等なカラムで分割する設計基盤。12カラムグリッドがWebで一般的です。

LLMの出力を外部の信頼できる情報源（ベクターDBや検索結果）と結びつけて幻覚を減らす手法。

GoogleのRPCフレームワーク。ProtobufとHTTP/2を使い、REST APIより高速で型安全なサービス間通信を実現します。

gRPCの双方向ストリーミング機能。クライアント・サーバー間でリアルタイムにデータを送受信できます。

LLMの出力を有害・不正確にならないよう制御する仕組み。フィルタリングやシステムプロンプトによる制約などが含まれます。

カフェなどで通りすがりの人にプロトタイプを見せてフィードバックを素早く得る低コストなUXリサーチ手法。

HTTPレスポンスのテキストコンテンツを圧縮する標準的な手法。NginxやCDNで有効化することで転送量を削減できます。

LLMが事実と異なる情報を自信を持って生成してしまう現象。RAGやファクトチェックで軽減できます。

タッチ操作への反応として端末を振動させる触覚フィードバック。モバイルUIのリアリティと操作確認感を高めます。

サーバーやアプリの不要な機能を無効化・制限し、攻撃面を最小化するセキュリティ強化作業。

シークレット・証明書・暗号鍵を安全に管理する汎用シークレット管理ツール。動的シークレット生成にも対応します。

表示画面を持たず、API経由でコンテンツだけを提供するCMS。フロントエンド（React等）を自由に選べるため人気です。

スタイルを持たず、動作とアクセシビリティだけを提供するUIコンポーネントライブラリ。Radix UIやHeadlessUIが有名。

ロードバランサーやKubernetesがサービスの生死を確認するためのHTTPエンドポイントやコマンド。/healthpathが一般的。

KubernetesのパッケージマネージャーでChartと呼ばれるテンプレートでアプリのデプロイを管理します。

ニールセンの10ヒューリスティックなどを基準に専門家がUIを評価するユーザビリティ検査手法。

#RRGGBB形式で色を表す記法。Web・CSS標準で、8桁で透明度も指定可能です。

システムをできる限りダウンしないよう設計・運用する概念。99.9%や99.99%などのSLAで表現されます。

実際の製品に近い精度で作られた対話型プロトタイプ。ユーザーテストや開発へのハンドオフに使います。

Hash-based Message Authentication Code。秘密鍵とハッシュ関数でメッセージの完全性と認証を保証するコード。

攻撃者を誘き寄せるための囮のサーバーやフィールド。攻撃手法の観察やボット検知に使います。

サーバーの台数を増やしてスケールアウトする手法。垂直スケール（スペックアップ）と対比されます。

コードを変更した際にページを完全リロードせず変更部分だけを即座に反映する開発機能。開発効率を大幅に上げます。

プライマリDBに障害が発生した際に即座に切り替えられる待機DBレプリカ。フェイルオーバー時間を最小化します。

マウスオーバー時のUI要素の状態変化。インタラクティブな要素であることをユーザーに伝えます。

Hue（色相）・Saturation（彩度）・Lightness（明度）でカラーを指定するCSS表記。デザイナーが直感的に扱いやすいです。

サーバーがHTMLを生成しながら順次ブラウザに送信する手法。最初のバイトまでの時間を短縮できます。

2014年に勧告されたHTMLの第5版。セマンティックタグ・Canvas・WebStorage・Web Workerなど多数の新機能が追加されました。

Cache-ControlやETagヘッダーを使ってブラウザやプロキシにレスポンスをキャッシュさせる仕組み。

ネットワーク障害時の重複リクエストを安全にリトライするためにAPIリクエストに付与する一意な識別子。

GET・POST・PUT・PATCH・DELETEなどHTTPの操作種別。RESTful API設計の基本です。

200は成功、400はリクエスト不正、404は未定義、500はサーバーエラー。APIレスポンスの基本です。

1度の接続で複数の通信を並行処理（マルチプレックス）できる新しいHTTP規格。画像が多いサイトが非常に高速になります。

UDPベースのQUICプロトコルを採用したHTTPの最新版。接続確立が高速で、パケットロス時の影響が小さいです。

JavaScriptからアクセスできないCookie属性。XSS攻撃によるセッショントークン窃取を防ぎます。

SSRで生成した静的HTMLにクライアント側でJSを紐付けてインタラクティブにする処理。Next.jsやNuxtで重要な概念です。

SSRで生成したHTMLとクライアントのレンダリング結果が異なる場合に発生するエラー。日付・乱数が原因になりやすいです。

学習率・バッチサイズ・レイヤー数など、モデルの学習プロセスを制御する設定値。学習データからは学ばれません。

NetflixのJavaベースのサーキットブレーカーライブラリ。現在はメンテナンスモードでResilient4jへの移行が推奨されます。

Internationalizationの略称（iと18文字とn）。アプリを複数の言語・地域に対応させる設計と実装のこと。

Infrastructure as Code。インフラ構成をコードで管理する手法。TerraformやAnsibleが代表的です。

Identity and Access Management。誰がどのリソースにどのような操作を行えるかを管理する仕組み。AWSのIAMが代表例。

視覚的な記号でアクションや概念を表すUI要素。一貫したスタイル、意味の明確さ、サイズ最適化が重要です。

同じ操作を何度繰り返しても結果が変わらない性質。HTTPのGET・PUT・DELETEはべき等とされます。

Identity Provider。認証情報を管理し他のサービスへアイデンティティを提供するシステム。Auth0やOktaが代表例です。

Intrusion Detection / Prevention System。ネットワークやホストへの不正アクセスを検知・遮断するセキュリティシステム。

HTMLで別のWebページを埋め込む要素。セキュリティ上の注意が必要で、sandbox属性や CSP で制限します。

WebPへの変換・圧縮・遅延読み込み・適切なsrcsetを組み合わせてページの読み込みを高速化する実践。

画像の各ピクセルをクラスに分類するComputer Visionのタスク。自動運転や医療画像解析で使われます。

複数の小さな画像を1枚にまとめてHTTPリクエスト数を減らす手法。CSS backgroundで位置を指定します。

不変なステートをミュータブルな書き方で更新できるライブラリ。ZustandやRedux Toolkitとよく組み合わせます。

サーバーを変更する代わりに常に新しいイメージをデプロイする運用手法。構成ドリフトを防ぎます。

コードの字下げのこと。可読性のために重要で、スペース2つまたは4つが一般的です。

ディレクトリのデフォルトファイル（index.html・index.ts）。URLのパスだけでアクセスできるエントリーポイントです。

学習済みモデルを使って実際の予測・生成を行うプロセス。レイテンシとコスト最適化が重要です。

Webサイトやアプリのコンテンツをどう分類・整理・ナビゲートするかを設計する専門領域。

Kubernetesクラスタへの外部HTTPトラフィックを管理・ルーティングするリソース。TLS終端も担います。

KubernetesのIngressリソースを実際に処理するコントローラー。Nginx Ingress ControllerやTraefikが代表例。

Interaction to Next Paint。ユーザー操作から次の描画までの応答性を測る指標。FIDの後継としてCore Web Vitalsに採用されました。

テキスト入力のたびにAPIを叩かず、入力が止まってから一定時間後にリクエストを送るUXパターン。

ユーザーのキーボード・マウス・タッチ操作をJavaScriptで受け取るDOMイベント。inputイベントが文字入力の標準です。

信頼できないデータのデシリアライズが任意コード実行につながる脆弱性。OWASP Top 10の常連項目です。

指示形式のデータでLLMをファインチューニングし、タスクの指示に従う能力を高める手法。

複数のモジュールやサービスを組み合わせて連携が正しく動くかを検証するテスト。

ユーザーがゴールに到達するまでに必要なクリック数・スクロール量・認知的努力の合計コスト。

要素がビューポートに入ったかどうかを効率よく監視するブラウザAPIで、無限スクロールや遅延読み込みに使います。

ネットワーク上のデバイスを識別するアドレス。IPv4は32bit（192.168.0.1形式）、IPv6は128bitです。

許可されたIPアドレスからのリクエストのみを受け付けるアクセス制御。管理画面などへのアクセスを絞るのに使います。

Inter-Process Communication。プロセス間でデータをやり取りする仕組み。パイプ、ソケット、共有メモリなどがあります。

静的なHTMLの海に、動的（インタラクティブ）なコンポーネントを島として配置するレンダリング手法。Astroが採用しています。

同じJavaScriptコードがサーバーとクライアントの両方で動作する設計。Next.jsやNuxtが採用しています。

Kubernetesのサービスメッシュ。サービス間のトラフィック管理、認証、可観測性を宣言的に設定できます。

JavaScript、APIs、Markupで構成されたアーキテクチャ。静的ページと動的APIを切り離し、セキュアで高速なWebを作ります。

JavaScriptを実行するエンジンと環境。ブラウザではV8/SpiderMonkey、サーバーではNode.js/Deno/Bunが代表例。

オープンソースのCI/CDオートメーションサーバー。プラグインが豊富で柔軟なパイプラインを構築できます。

Just-In-Time コンパイラ。プログラム実行時にコードをネイティブコードに変換する技術。JVMやV8エンジンが採用しています。

時間のかかる処理（メール送信・画像変換など）を非同期に実行するためのタスクキュー。Bull/BullMQが有名です。

ユーザーが製品を使う根本的な動機（ジョブ）に着目するUX・プロダクト設計フレームワーク。

Reactのアトム（小さな状態の単位）ベースのシンプルな状態管理ライブラリ。Recoilの思想を引き継いでいます。

写真向けの非可逆圧縮画像形式。透過には非対応ですが、Webでの汎用性は随一です。

ブラウザのDOM APIをNode.js上でエミュレートするライブラリ。JestなどのテストランナーのDOM環境として使われます。

JavaScript Object Notation。キーと値ペアでデータを表現する軽量形式。APIのデファクトスタンダードです。

JSONデータの構造と型をバリデーションするための仕様。APIのリクエスト・レスポンス定義に使います。

Schema.orgの構造化データをJSONで記述してGoogleの検索エンジンに意味を伝えるSEO手法。

PostgreSQLでJSONをバイナリ形式で格納する型。インデックスを張ってキー検索ができ、JSON型より高速です。

JavaScript内にHTMLライクな記法でUIを書ける構文拡張。ReactやSolidJSで使われ、Babelでトランスパイルします。

JSON Web Token。認証で広く使われるトークン。中身はBase64エンコードされており誰でも読めますが、署名で改ざんを防ぎます。

alg:noneの拒否・短いexpiry・RSA/ECDSA署名・HTTPS伝送などJWTを安全に使うための実践的なガイドライン。

短命なアクセストークンを再発行するための長命な特別トークン。定期的なローテーションが推奨されます。

JavaScriptでシナリオを書くことができるモダンな負荷テストツール。CI/CDに組み込みやすいのが特徴です。

特定の文字ペア間のスペーシングを調整するタイポグラフィ技術。視覚的に均一な文字間隔を実現します。

ReactのリストレンダリングでDiff計算を最適化するために各要素に付ける一意な識別子。

CSSアニメーションで特定の時点のスタイル状態を定義するもの。@keyframesブロックにfrom/toや%で記述します。

ユーザーのキー入力を記録するソフトウェアまたはハードウェア。マルウェアの一種として認証情報の窃取に使われます。

エンティティと関係を有向グラフで表現したデータベース。RAGの強化や検索精度向上に組み合わせられます。

コンテナのオーケストレーション（自動管理・スケーリング）システム。大規模なDockerの運用で不可欠です。

KubernetesのRole-Based Access Control。RoleとRoleBindingでユーザーやサービスアカウントの権限を管理します。

Transformerの自己注意機構でKey/Value行列を再計算しないようキャッシュする技術。推論速度を大幅に向上させます。

Localizationの略称。i18nで国際化したアプリを特定の言語・地域に合わせて日付形式や通貨などを調整する作業。

LLMを使ったアプリケーション開発を加速するPython/TSのフレームワーク。RAGやエージェントの構築に使われます。

LangChainが提供するLLMアプリのデバッグ・テスト・評価・モニタリングのためのプラットフォーム。

リクエストを送信してからレスポンスが返るまでの遅延時間。p50・p95・p99などのパーセンタイルで分析します。

AIモデルが入力データを圧縮して表現する高次元のベクトル空間。近い座標を持つデータは意味的に類似しています。

画像やフォントの遅延読み込みによってページ要素が突然ずれる現象。width/heightを明示することで防げます。

IntersectionObserverとloading='lazy'属性でビューポート外の画像を遅延読み込みするパフォーマンス手法。

コンポーネントやルートを必要になった時点で初めて読み込む手法。バンドルサイズを分割してTTIを改善します。

Largest Contentful Paint。ページで最も大きなコンテンツが表示されるまでの時間。Google Core Web Vitalsの指標のひとつ。

Lightweight Directory Access Protocol。企業の認証基盤（Active Directoryなど）に使われるディレクトリサービスのプロトコル。

分散システムで複数のノードの中から1つのリーダーを選出するアルゴリズム。ZookeeperやetcdのRaftで実装されます。

行間のこと。CSSではline-heightで指定します。読みやすさに大きく影響し、通常は1.5〜1.7が推奨されます。

タスクに必要な最小限の権限のみを付与するセキュリティ原則。IAMロールやDB権限の設計で重要です。

GoogleのWebパフォーマンス・品質計測ツール。Performance、Accessibility、SEO、Best Practicesを100点満点でスコア化します。

Gitのステージングエリアにある変更ファイルのみにLinterとFormatterを実行するツール。コミット前の品質チェックに使います。

コードの構文エラーや、プロジェクトの規約違反を自動検知する静的解析ツール。ESLintがその代表例です。

LLMとデータを繋ぐためのPythonフレームワーク。データのインジェスト・インデックス・クエリを簡素化します。

Large Language Model。大量テキストで事前学習された大規模な言語モデル。GPT-4やClaudeなどが代表例です。

LLMの出力品質を測る手法。BLEU・ROUGEなどの自動メトリクスや人間評価、LLMによる評価（LLM-as-a-judge）があります。

複数のサーバーにトラフィックを均等に分散する装置・ソフトウェア。高可用性とスループット向上に不可欠です。

非同期処理中にUIがデータ取得中であることを示す状態。スケルトン・スピナー・プレースホルダーで表現します。

ブラウザにキーバリュー形式でデータを永続保存するWeb Storage API。容量は約5MBで同期処理です。

複数サービスのログを1か所に収集・集約して検索・分析できるようにする仕組み。ELK StackやLokiが使われます。

ログの重要度分類。DEBUG < INFO < WARN < ERROR < FATALの階層があり、運用環境では出力量を制御します。

Low-Rank Adaptation。モデル全体でなく少数のパラメータだけを学習する効率的なファインチューニング手法。

Adobe After EffectsのアニメーションをJSONにエクスポートしてWebやアプリで再生できる軽量アニメーションライブラリ。

ペーパースケッチやワイヤーフレームレベルの簡易プロトタイプ。早期の検証・方向性の確認に向いています。

Least Recently Used。最近最も使われていないデータを優先的に追い出すキャッシュ置換アルゴリズム。

Long Short-Term Memory。長い時系列の依存関係を学習できる再帰型ニューラルネットワーク。Transformerが登場する前の主力モデルです。

非常に軽量なスクリプト言語。ゲーム（Robloxなど）やNginx、Redisの組み込み言語としてよく使われます。

JavaScriptの配列変換の基本メソッド三兄弟。関数型プログラミングスタイルのデータ変換に不可欠です。

軽量マークアップ言語。記号で手軽に見出しやリストを書けます。READMEやブログ、ドキュメントで必須の技術です。

クエリ結果を事前に計算してディスクに保存するDBのビュー。集計クエリの高速化に有効です。

Model Context Protocol。LLMが外部データソースやツールと標準化された方法でやり取りするためのプロトコル（Anthropic提唱）。

128ビットのハッシュアルゴリズム。現在では衝突攻撃に弱く、新規のセキュリティ用途としては非推奨です。

MarkdownにJSXを埋め込めるフォーマット。ドキュメントサイトやブログにインタラクティブなコンポーネントを組み込めます。

画面サイズやデバイスの特性に応じてCSSを切り替えるための構文。@media (max-width: 768px)のように書きます。

関数の計算結果をキャッシュして同じ入力への再計算を省く最適化手法。純粋関数にのみ有効です。

プログラムが使い終わったメモリを解放せず蓄積していく問題。長時間稼働のサーバーでOOMに繋がります。

ユーザーがシステムの動き方についてもつ主観的なイメージ。UIはユーザーのメンタルモデルに合わせて設計します。

サービス間の非同期メッセージを仲介するミドルウェア。Kafka、RabbitMQ、AWS SQSが代表的です。

サービス間を非同期に繋ぐFIFO型のキュー。送信側と受信側を疎結合にし、スケールと耐障害性を高めます。

Kafkaなどのメッセージブローカーで送受信するメッセージの構造を定義したスキーマ。Avro・Protobufが使われます。

多要素認証。パスワードに加え、スマホのワンタイムコードなどを組み合わせて認証するセキュリティの基本。

フロントエンドをチームごとに独立したアプリケーションに分割する設計手法。マイクロサービスのフロント版です。

ボタン・ラベル・エラーメッセージ・プレースホルダーなどのUIに書かれている短いテキストのこと。UXに大きく影響します。

ボタンを押した時のアニメーションや通知バッジなど、ユーザーとの細かいフィードバックのやり取り。

巨大なアプリを小さな機能ごとの独立したサービスに分割する手法。スケーラブルだが通信管理が複雑になります。

リクエストとレスポンスの間に挟まる処理。認証チェックやCORS設定などで使われます。

コードから改行や空白を削除して限界まで圧縮すること。本番ビルド時には自動で行われます。

Man-in-the-Middle攻撃。通信経路に不正に割り込み、データの盗聴・改ざんを行う攻撃。TLS/HTTPSで防ぎます。

入力ごとにモデルの一部の専門家（Expert）のみを起動するアーキテクチャ。大規模化を効率的に行えます。

機械学習モデルの本番運用を効率化するプラクティス。実験管理・モデルレジストリ・モニタリングを整備します。

スマートフォンなど最小画面向けにデザインしてからより大きな画面に拡張するアプローチ。現代のWeb設計の推奨手法。

ユーザーの操作を一時中断させてインタラクションを要求するオーバーレイUI。使いすぎはUXを損なうため注意が必要です。

大きな教師モデルの知識を小さな生徒モデルに転移させることで、軽量かつ高精度なモデルを作る手法。

複数の独立したWebpackビルドが実行時にコンポーネントを共有し合う仕組み。マイクロフロントエンドの実装に使われます。

JavaScriptのコードをファイルに分割して管理するための仕組み。ES Modules（import/export）が標準です。

ドキュメント指向NoSQL DB。JSONライクなBSONでデータを保存しスキーマレスな柔軟性があります。

全機能を1つのアプリケーションに集約した従来のアーキテクチャ。シンプルだがスケールや変更が難しくなりやすいです。

全プロジェクトのソースコードを1つの巨大なリポジトリで管理する手法。Lintやパッケージのバージョンを一元管理できます。

ビジュアルスタイル・雰囲気の方向性を決めるために画像・色・テクスチャを集めたコラージュ。

UIのアニメーションを通じて状態変化・フィードバック・ナビゲーションを視覚的に伝えるデザイン領域。

Mutual TLS。クライアントとサーバー双方が証明書で認証し合う双方向TLS。ゼロトラストアーキテクチャで使われます。

1つのアプリケーションで複数の顧客（テナント）のデータを安全に分離して管理するSaaS設計の仕組み。

テキスト・画像・音声などを複数のモダリティを同時に処理できるAIモデル。GPT-4VやGeminiが代表例です。

DOMの変更（要素の追加・削除・属性変更など）を非同期で監視するブラウザAPIです。

Minimum Viable Product。最小限の機能でユーザーに価値を届け、学習と改善を最大化するプロダクト開発手法。

最も広く使われているオープンソースのリレーショナルDB。WordPressをはじめ多くのWebアプリに使用されています。

ORMを使う際に1回のリスト取得で関連データをN回の追加クエリで取ってしまう問題。EagerLoadingで解決します。

Kubernetesでリソースを論理的に分離するグループ。チームや環境（dev/prod）ごとに使い分けます。

軽量高速なクラウドネイティブ向けメッセージングシステム。Pub/Sub・キュー・ストリームをサポートします。

グローバルナビ・サイドバー・パンくず・タブなどユーザーがコンテンツを見つけるためのUIパターン群。

余白（ホワイトスペース）のこと。要素を囲む空間を意図的にデザインすることで、読みやすさと集中力を高めます。

サーバーレス対応のPostgreSQLクラウドサービス。ブランチ機能とスケールトゥゼロに対応しています。

人間の脳の神経回路を模倣した機械学習モデル。入力層・隠れ層・出力層で構成されます。

ReactベースのフルスタックWebフレームワーク。SSR・SSG・ISRをサポートし、本番運用で最も広く使われています。

Edge上でリクエストを処理してリダイレクト・書き換え・ヘッダー追加ができるNext.jsの機能。認証ガードに使います。

Next.js向けの認証ライブラリ。OAuth・メール・クレデンシャル認証を手軽に実装できます。

高パフォーマンスのWebサーバー・リバースプロキシ。静的ファイル配信・ロードバランサー・TLS終端など多目的に使われます。

nginxのserver・locationブロックで仮想ホスト・プロキシ・キャッシュ・TLSを宣言的に設定するファイル。

Natural Language Processing（自然言語処理）。人間の言語をコンピュータで処理・理解する技術の総称。

ネットワーク上のホストや開放ポートをスキャンするオープンソースの定番セキュリティツール。

CSPでインラインスクリプトを特定のリクエストに限り許可するためのランダムな値。リプレイ攻撃を防ぎます。

何も処理しない空の関数（no operation）。デフォルトのコールバックやテストのスタブとして使われます。

リレーショナルDB以外のDBの総称（MongoDB、Redisなど）。スキーマレスで柔軟・高速なのが特徴です。

Node Package Manager。JavaScriptの世界で最も使われるパッケージ管理ツール。Yarnやpnpmといったツールもあります。

Net Promoter Score。「このサービスを友人に勧めるか」という質問から顧客ロイヤリティを0〜10で測る指標。

VueベースのフルスタックWebフレームワーク。Next.jsのVue版に相当し、SSR・SSGを簡単に実現できます。

パスワードを渡さずに、あるサービスの権限を別のサービスに許可する認可の標準プロトコル（Googleログインなど）。

OAuthでアクセストークンが操作できるリソースの範囲を絞るための仕組み。最小権限原則の適用に使います。

画像内の物体の位置をバウンディングボックスで検出し種類も分類するComputer Visionのタスク。YOLOが有名。

ファイルをフラットな名前空間でバケットに保存するストレージ形式。S3・GCSが代表例。階層構造を持ちません。

imgやvideoの表示領域へのはめ込み方を指定するCSSプロパティ。cover・contain・fillなどの値があります。

ログ・メトリクス・トレースの3本柱でシステムの内部状態を外から把握できる状態のこと。

オブジェクトの状態変化を監視者（Observer）に自動通知するデザインパターン。ReactのuseEffectも概念的に近いです。

SNSシェア時にサムネイルとして表示される画像。Next.jsではRoute Handlerやopengraph-image.tsxで動的生成できます。

Open Graph Protocol。SNSでシェアされた時のタイトルや画像（サムネイル）を指定するメタタグです。

OpenID Connect。OAuth 2.0を拡張し、ユーザーの基本プロフィール（IDトークン）を発行する認証プロトコル。

新規ユーザーがプロダクトの価値を早期に理解・体験できるよう導くUXの一連のフロー。

URLパラメータを検証せずリダイレクトすることでフィッシングに悪用される脆弱性。リダイレクト先をホワイトリスト管理します。

GPT-4などOpenAIのモデルをHTTP APIで利用するサービス。Chat Completions・Embeddings・Vision等のエンドポイントがあります。

REST APIの仕様をYAML/JSONで記述する標準形式。Swagger UIと組み合わせてドキュメント自動生成に使います。

REST APIのエンドポイント・パラメータ・レスポンスを機械可読なYAML/JSONで記述する仕様。コード生成にも使えます。

可観測性（ログ・メトリクス・トレース）のデータ収集を標準化するCNCFのフレームワーク。ベンダー中立です。

更新時にバージョン番号を確認し競合があった場合のみリトライを要求するDB並行制御手法。

サーバーの応答を待たずに成功を前提としてUIを即座に更新するUXパターン。失敗した場合はロールバックします。

Object-Relational Mapping。DBのレコードをプログラミング言語のオブジェクトとして扱う技術。SQLを書かずに済みます。

ORMで関連テーブルのデータをアクセス時に初めてロードする挙動。N+1問題の原因になりやすいです。

モデルが訓練データに過剰適合して汎化性能が低下する問題。ドロップアウトや正則化で対処します。

Open Web Application Security Project。Webアプリのセキュリティ啓発団体。OWASP Top 10は最も重要な脆弱性リストです。

RustベースのJavaScript/TypeScript用超高速な静的解析ツールチェーン。パーサー・Linter・Transformerを提供します。

npmがインストールしたパッケージの正確なバージョンツリーを記録するロックファイル。再現性のあるビルドを保証します。

大量データをページ単位で分割して返すAPI設計。Offset方式とCursor方式があり、大量データにはCursorが推奨されます。

ユーザーが製品・サービスの利用で感じる不満や障害。UXリサーチで発見してデザインで解消するのが目標です。

エンドユーザーをデザインプロセスの共同設計者として参加させる手法。当事者視点を直接取り込めます。

パスワードをbcrypt・Argon2などの専用アルゴリズムで一方向変換して保存する手法。SHA-256は不適切です。

ファイルパスにディレクトリ区切り文字を注入してサーバー上の任意ファイルを読み取る攻撃。

Parameter-Efficient Fine-Tuning。LoRAなど少数のパラメータだけを学習してモデルを効率的に適応させる手法の総称。

専門家が実際の攻撃者と同じ手法でシステムへの侵入を試み、脆弱性を洗い出す評価手法。

ページのロード時間やファイルサイズに上限を設けるパフォーマンス管理の指標。CIで自動チェックもできます。

言語モデルがテキストをどれだけ「予測しやすいか」を示す指標。低いほどモデルの品質が高いとされます。

Kubernetesでコンテナが削除されてもデータが残る永続的なストレージリソース。

調査から作成したユーザーの典型的な人物像。デザイン判断やコミュニケーションを一貫させるために活用されます。

PostgreSQLに埋め込みベクトルのストレージと類似検索機能を追加するオープンソース拡張。RAGの構築に使われます。

正規のサービスを装った偽サイトやメールで認証情報を騙し取る攻撃。FIDO2/パスキーが有効な対策です。

Proof Key for Code Exchange。OAuth 2.0で認可コードの傍受を防ぐための拡張仕様。SPAやモバイルアプリで必須です。

MySQLベースのサーバーレスDBプラットフォーム。ブランチによるスキーマ変更ワークフローが特徴的です。

MicrosoftのE2Eテストフレームワーク。Chromium・Firefox・WebKitを1つのAPIでテストできます。

可逆圧縮の画像形式。背景の透過（アルファチャンネル）が可能で、ロゴやスクリーンショットに向いています。

npmと互換性を持ちながら、ディスク使用量とインストール速度を大幅に改善したパッケージマネージャー。

Kubernetesで最小のデプロイ単位。1つ以上のコンテナをまとめ、同じIPとボリュームを共有します。

古いブラウザに新しいAPIを追加するコード片。Promiseやfetchを使えない旧環境でも動作させるために使います。

DockerやKubernetesをブラウザのGUIで管理できるコンテナ管理ツール。コマンドなしでコンテナを操作できます。

Transformerで順序情報を持たないAttentionにトークンの位置情報を付与する仕組み。

JavaScriptプラグインでCSSを変換するツール。Autoprefixer・Tailwind CSSなどがプラグインとして動作します。

高機能なオープンソースのリレーショナルDB。JSON型・全文検索・拡張性が高く、本番利用で人気です。

ReactとほぼAPIが同じながらわずか3KBの軽量代替ライブラリ。パフォーマンスが求められる場面で採用されます。

ユーザーが次に訪問する可能性の高いページやリソースを事前に取得してナビゲーションを高速化する手法。

サーバーがHTMLを事前に生成してキャッシュする手法。SSGに似ていますが動的なリクエストにも対応できます。

DBテーブルの各レコードを一意に識別するカラム。重複不可・NULL不可で、インデックスが自動付与されます。

TypeScript向けの型安全なORM。スキーマ定義からDBクライアントを自動生成し、マイグレーション管理も担います。

親プロセスのコピーとして子プロセスを生成するOS機能。Node.jsのclusterモジュールで複数CPUを活用できます。

全情報を一度に見せず、ユーザーのアクションに応じて段階的に情報を提示するUXパターン。

基本的なコンテンツをまず提供し、高機能ブラウザにのみ追加機能を有効にするWeb設計の考え方。

低解像度から徐々に高解像度に表示されるJPEGのエンコード形式。低速回線での体感速度を改善します。

時系列メトリクスを収集・保存するモニタリングシステム。Grafanaと組み合わせて可視化するのが一般的です。

LLMから望ましい出力を得るためのプロンプト設計技術。Few-shot・Chain-of-Thoughtなどのテクニックがあります。

悪意ある入力でLLMのシステムプロンプトを上書き・迂回させる攻撃。AIエージェントのセキュリティ上の主要課題です。

Googleが開発したバイナリシリアライズ形式。JSONより高速・小サイズでgRPCで使われます。

プロトタイプがどれだけ最終製品に近いかの度合い。目的に応じてLo-Fi（ワイヤーフレーム）とHi-Fi（インタラクティブ）を選びます。

発行者（Publisher）が送ったメッセージを、購読者（Subscriber）に届けるメッセージングパターン。疎結合な通知に使われます。

コードをベースブランチにマージする前にレビューを依頼するGitHubのワークフロー。CI/CDのトリガーにもなります。

モバイルで画面を下に引っ張ってコンテンツを更新するインタラクションパターン。iOSで広まりデファクトになりました。

Progressive Web Apps。Webサイトをスマホアプリのようにインストール可能にし、オフライン動作も可能にする技術。

画面の1ドットを1とする絶対単位。レスポンシブなサイズ指定にはremなどを併用します。

2次元バーコード。URLやテキストを格納でき、スマホのカメラで素早く読み取れます。

モデルの重みを浮動小数点数から整数（INT8など）に変換して、推論速度を上げてメモリ使用量を削減する手法。

URLの?以降にkey=valueの形式で付与される追加パラメータ。フィルター・検索・ページネーションに使われます。

JavaScriptのダウンロードと実行を極限まで遅延させる「再開可能」なフレームワーク。初期ロードが0に近づきます。

AMQPベースの人気メッセージブローカー。複雑なルーティングパターンとプラグインエコシステムを持ちます。

Retrieval-Augmented Generation。LLMの回答に外部データベースから取得した情報を組み合わせて精度を高める手法。

APIやサーバーに対して、一定時間内に送信できるリクエスト回数を制限する仕組み。DDoS攻撃や過負荷を防ぎます。

Token Bucket・Leaky Bucket・Fixed Windowなどレート制限の実装アルゴリズム。ユースケースで使い分けます。

Role-Based Access Control。ユーザーにロールを割り当て、ロールに権限をひも付けるアクセス制御モデル。

Concurrent Mode・Suspense強化・useTransition・Server Componentsなどが追加されたReactのメジャーバージョン。

ReactのコンポーネントモデルでiOS/Androidのネイティブアプリを開発できるフレームワーク。

Reactで子コンポーネントを親の外のDOMノードにレンダリングする機能。モーダルやツールチップの実装に最適です。

ReactがVirtual DOMのdiffを計算し、最小限のDOM操作を決定するアルゴリズム。Fiberアーキテクチャで実装されています。

サーバー上で実行されクライアントにJSを送らないReact 18のコンポーネント種別。バンドルサイズを削減できます。

Reactで同じpropsが渡された場合に再レンダリングをスキップするための高階コンポーネント。パフォーマンス最適化に使います。

プライマリDBからレプリケートした読み取り専用のDBインスタンス。読み込み負荷を分散するために使います。

FacebookのReact向けアトムベース状態管理ライブラリ。非同期セレクターを宣言的に扱えます。

ユーザーの行動履歴や嗜好から次に好みそなアイテムを推薦するシステム。協調フィルタリングや行列分解が使われます。

インメモリのKVストア。高速なキャッシュ・セッション管理・Pub/Sub・ジョブキューなど多用途に使われます。

データを複数ノードに自動シャーディングしてスケールアウトと高可用性を実現するRedisの分散モード。

予測可能な単方向データフローを提供するJavaScript状態管理ライブラリ。Redux Toolkitで開発体験が大幅に改善しました。

DOMや CSSの変更でブラウザがレイアウト計算を再実行する処理。多発するとパフォーマンスが大きく低下します。

文字列のパターンマッチングを記述する記法。メールアドレスのチェックや特定文字の抽出・置換で不可欠です。

エージェントが環境との試行錯誤を通じて報酬を最大化する行動方策を学習する機械学習の手法。

ソフトウェアのバージョン計画・テスト・デプロイ・通知を管理するプロセス。SemVerとCHANGELOGが基本ツールです。

ルート要素（html）のフォントサイズを基準とした相対単位（1rem=16px等）。アクセシビリティに有利です。

ReactでコンポーネントがrenderのためのJSXを関数形式のpropsとして受け取るパターン。ロジックの再利用に使います。

DBのデータを複数のサーバーにリアルタイムで複製する仕組み。Read Replicaで読み込みをスケールします。

DBアクセスロジックをビジネスロジックから分離し、データソースの交換を容易にするデザインパターン。

ブラウザのアイドル時間に低優先度のタスクをスケジュールするAPI。メインスレッドへの影響を最小化します。

スキップ接続（残差接続）で勾配消失問題を解決した深層ニューラルネットワーク。ResNetが代表例です。

要素のサイズ変化を効率的に監視するブラウザAPI。レスポンシブなカスタムコンポーネントの実装に使います。

preload・prefetch・preconnectなどブラウザにリソースの先読みを指示するHTMLのタグ。パフォーマンス改善に使います。

srcsetやpicture要素を使って、画面サイズや解像度に最適な画像ファイルを配信する技術。

画面サイズに応じてフォントサイズ・行間・文字数を最適化する手法。clamp()やvwで実装します。

HTTPのメソッドとリソース（URL）でAPIを設計するアーキテクチャスタイル。シンプルで広く普及しています。

失敗したリクエストを指数的に待ち時間を延ばしながら再試行する手法。Jitterを加えてサンダリングハードを防ぎます。

クライアントとバックエンドサーバーの間に立ち、リクエストを転送するサーバー。NginxやCaddyが代表例。

NginxやVarnishがAPIのレスポンスをキャッシュしてバックエンドへのリクエストを削減する手法。

Red・Green・Blueの光の3原色で色を表す方式。rgba()を使うと透明度も指定できます。

Reinforcement Learning from Human Feedback。人間の評価をフィードバックとしてモデルを強化学習させる手法。ChatGPTに採用されました。

人間のフィードバックを強化学習シグナルとしてモデルをファインチューニングする手法。ChatGPTとClaudeに採用されています。

Recurrent Neural Network。時系列データを処理するために設計されたニューラルネットワーク。LSTMの前身です。

サービスを止めずにサーバーを1台ずつ順番に新バージョンに置き換えるデプロイ手法。

ルーティング時に認証状態などを確認し、不正なアクセスを別のページにリダイレクトするミドルウェア的な仕組み。

ルートごとにJSチャンクを分割してそのページに必要なコードだけを読み込むコード分割の実践。

Remote Procedure Call。ネットワーク越しに別プロセスの関数を呼び出す仕組み。gRPCはProtobufを使う高速な実装です。

TypeScriptの型は実行時に消えるため、Zodなどで実行時にも型の整合性を確認する手法。

スマートフォンのノッチやホームインジケーターと重ならないよう確保する表示領域。CSSのenv()で制御します。

マイクロサービス間をまたいだ分散トランザクションを管理するパターン。失敗時は補償トランザクションで巻き戻します。

Security Assertion Markup Language。エンタープライズSSOで広く使われるXMLベースの認証・認可フェデレーション標準。

ユーザー入力から危険な文字列やタグを除去・無害化する処理。エスケープと併用してXSSやインジェクションを防ぎます。

CSSに変数・ネスト・Mixin・継承などの機能を追加するCSSプリプロセッサ。.scssファイルで書きます。

Static Application Security Testing。コードを実行せずにソースコードの脆弱性を静的に解析するセキュリティテスト手法。

Software Bill of Materials。ソフトウェアを構成するコンポーネントと依存ライブラリの一覧。脆弱性管理に使われます。

ZodやYupなどを使ってデータの型・形状をランタイムで検証する手法。フォームやAPIのバリデーションに使います。

VueなどのSFCで、そのコンポーネント内にのみCSSを適用する機能。クラス名の衝突をなくします。

ブラウザの戻る・進むで前回のスクロール位置を復元する機能。SPAでは手動実装が必要な場合があります。

スクロールに連動してアニメーションやコンテンツが展開するストーリーテリング手法。データジャーナリズムでよく使われます。

APIキーやDB接続情報などのシークレットを安全に保管・配布するサービス。AWS Secrets Managerなどが代表例。

インジェクション・バッファオーバーフローなどの脆弱性を生まないようにコードを書くための原則と実践。

コードやシステム構成をセキュリティ観点で系統的にレビューする作業。静的解析ツールと手動審査を組み合わせます。

Strict-Transport-Security、X-Content-Type-Options、Referrer-PolicyなどのHTTPレスポンスヘッダー群。セキュリティ強化に設定必須です。

HTTPレスポンスヘッダーのセキュリティ設定を評価してグレードを付けるツール。A〜Fのランクで評価します。

header・nav・main・article・sectionなど意味を持つタグを使うHTML設計。SEOとアクセシビリティに効果的です。

コミットメッセージを解析してバージョン番号の決定・CHANGELOG生成・パッケージ公開を自動化するツール。

キーワードの完全一致でなく、埋め込みベクトルの類似度で意味的に近いドキュメントを検索する技術。

2つのテキストの意味的な近さを埋め込みベクトルのコサイン類似度などで数値化する技術。

セマンティック・バージョニング。「メジャー.マイナー.パッチ」の3つの数字（v1.2.3など）で厳格にバージョンを管理します。

本番環境のJavaScriptエラーをリアルタイムに収集・分析・通知するエラー監視プラットフォーム。

Search Engine Optimization。Google等の検索結果で上位に表示されるよう、コンテンツや速度を最適化する施策。

サーバー上でのみ実行されるReactコンポーネント。DBアクセスや秘密情報の扱いをクライアントに漏らさず行えます。

サーバーからクライアントへの一方向リアルタイム通知を実現するHTTPベースのシンプルなAPI。

サーバーの構築や保守をクラウド側（AWS Lambda等）に任せ、関数の実行時間のみ課金されるアーキテクチャ。

コンテナやサーバー管理なしにコード片をイベント駆動で実行するクラウド機能の総称。AWSのLambdaが代表例。

アプリケーションやサービスがクラウドAPIにアクセスするための非人間ユーザーのIAMアカウント。

マイクロサービスが動的に変化するネットワーク上で互いのアドレスを自動検出するための仕組み。ConsulやK8s DNSが使われます。

マイクロサービス間の通信・セキュリティ・可観測性をインフラレイヤーで管理する仕組み。Istioが代表例。

バックグラウンドで動くブラウザのスクリプト。キャッシュ戦略やプッシュ通知、オフライン対応のPWAの中核です。

ブラウザタブが開いている間だけデータを保持するWeb Storage API。タブを閉じるとデータが消えます。

任意の入力から256ビットのハッシュ値を生成する安全な関数。改ざん検知、パスワードハッシュなどで使用されます。

Web Componentsの一部で、コンポーネントのDOMとCSSを外部から隔離するカプセル化の仕組み。

DBシャーディングでデータをどのノードに配置するかを決める列。選択ミスがホットスポットを生みます。

各サーバーが独立したメモリ・ストレージを持ちサーバー間で状態を共有しない水平スケーリングに適した設計。

メインコンテナに機能を注入するための補助コンテナを同じPodに配置するデザインパターン。サービスメッシュで多用されます。

Security Information and Event Management。ログとイベントを集約してリアルタイムに脅威を検知・分析するプラットフォーム。

VueのRefsやAngularのSignalsのように、コンポーネント外からも購読でき変更を通知できるリアクティブな値の概念。

VueのSFCのように、テンプレート・スクリプト・スタイルを1ファイルにまとめたコンポーネント形式。

コンテンツの読み込み中にグレーのプレースホルダーを表示するUIパターン。スピナーよりUXが良いとされます。

Service Level Agreement。サービスの可用性・レスポンスタイムなどの品質保証を定めたサービス事業者との合意。

Service Level Objective。SLAの内部目標値。エラーバジェットと組み合わせてSREの信頼性管理に使います。

Vue/Web Componentsで親から子コンポーネントへHTMLコンテンツを差し込む仕組み。Reactのchildrenに相当します。

Supply Chain Levels for Software Artifacts。ソフトウェアのサプライチェーンのセキュリティ成熟度を定義するフレームワーク。

Simple Mail Transfer Protocol。メール送信に使うプロトコル。バックエンドからのメール送信はSendGridなどが代行します。

クラウドネイティブなデータウェアハウス。ストレージとコンピューティングを分離した独自アーキテクチャが特徴。

WebSocketを使ったリアルタイム双方向通信を容易に実装できるNode.jsのライブラリ。フォールバック機能も備えます。

仮想DOMを持たず、リアクティブプリミティブで直接DOMを更新する超高速なUIライブラリ。Reactに似た書き味を持ちます。

バンドル・ミニファイ後のコードを元のソースに対応づけるファイル。本番のエラーを元コードで追跡できます。

Single Page Application。ページ遷移を伴わずJSで画面を書き換えるWebアプリ。リッチなUXが特徴です。

Sender Policy Framework。送信を許可するIPアドレスをDNSに登録し、メールのなりすましを防ぐ仕組み。

アプリ起動直後に表示されるロゴや画像画面。ブランドの印象付けと初期ロード中のUX補完に使われます。

データベース操作の標準言語。SELECT、INSERT、UPDATE、DELETEが基本操作となります。

ユーザー入力にSQL文を混入させてDBを不正操作する攻撃。プリペアドステートメントで防ぎます。

OVER()句を使ってパーティション内の集計や順位付けを行うSQL関数。ROW_NUMBER・RANKが代表例。

Static Site Generation。ビルド時に静的なHTMLを生成する方式。CDNで爆速配信でき、キャッシュが極めて効果的です。

Secure Shell。暗号化されたネットワーク越しにリモートサーバーを安全に操作するためのプロトコル。

モバイルアプリが特定のTLS証明書のみを信頼するよう実装する手法。MITM攻撃への耐性を高めます。

通信を暗号化するプロトコル（HTTPSの「S」）。証明書でサーバーの身元を保証します。

Single Sign-On。1度のログインで複数の異なる社内システムやWebサービスを利用できるようにする仕組み。

SAMLを使ったエンタープライズSSO実装。IdPとSP間でSAMLアサーションを交換して認証を連携させます。

Server-Side Rendering。リクエストごとにサーバーでHTMLを生成する描画方式。SEOに強く、データの鮮度が保てます。

React 18のSuspenseを使い、HTMLをチャンクに分けてサーバーからブラウザへストリーミングする手法。TTFBを改善します。

StabilityAIのオープンソースな画像生成Diffusionモデル。テキストから高品質な画像を生成でき、ローカル実行も可能です。

期限切れのキャッシュをすぐ返しつつバックグラウンドで再検証するキャッシュ戦略。UXとパフォーマンスのバランスが良いです。

有限個の状態と遷移ルールを定義してUIの複雑な状態管理を明確にする設計手法。XStateが有名です。

サーバーがセッション状態を持たない設計。どのインスタンスがリクエストを処理しても同じ結果を返せます。

スクロールしても画面上の固定位置に留まるUI要素。position: stickyで実装し、ナビゲーションやCTAに使われます。

悪意あるスクリプトをDBに保存し、ページ表示のたびに他のユーザーのブラウザで実行させるXSSの一種。

UIコンポーネントを独立した環境で開発・文書化・テストするツール。デザインシステム構築に欠かせません。

Linuxでプロセスのシステムコールをリアルタイムでトレースするデバッグツール。パフォーマンスや障害調査に使います。

LLMにJSONなどの特定のスキーマに従ったフォーマットで出力させる機能。アプリへの組み込みが容易になります。

Webサイトの色・フォント・コンポーネントの使い方をまとめたドキュメント。デザインシステムの一部を構成します。

削除されたクラウドリソース（S3など）を指し続けるDNSレコードを攻撃者が乗っ取る脆弱性。

FirebaseのオープンソースなPostgreSQL代替。リアルタイムDB・Auth・ストレージ・Edge Functionsをセットで提供します。

信頼できるソフトウェアのサプライチェーン（ライブラリや依存関係）に悪意あるコードを混入させる攻撃。

System Usability Scale。10項目の標準質問でシステムのユーザビリティを定量化するスコアリング手法。

React 16.6以降、非同期データ読み込み中にフォールバックUIを宣言的に表示する仕組み。コードスプリットにも使います。

コンパイル時にバンドルサイズを最小化するUIフレームワーク。仮想DOMを使わず、高速かつ軽量です。

SvelteベースのフルスタックWebフレームワーク。SSR・SSG・サーバーレスをシンプルな設定で実現します。

カードを左右にスワイプして承認・拒否を選択するモバイルUIパターン。TinderのUIとして有名です。

スマートフォンでの指を滑らせる操作に対応するUIインタラクション。ナビゲーション・削除・カルーセル操作などに使われます。

Vercelが開発したデータフェッチングライブラリ。Stale-While-Revalidateの略で、キャッシュと再検証を自動処理します。

JavaScriptでグローバルに一意なプリミティブ値を生成する型。オブジェクトの非列挙キーや識別子として使われます。

LLMの会話開始時にモデルの振る舞い・役割・制約を定義するための特別な入力。アプリのキャラ設定などに使います。

GoogleタグマネージャーなどのツールでJSトラッキングタグをコード変更なしに管理・配信する仕組み。

ユーティリティファーストのCSSフレームワーク。クラスを組み合わせてスタイルを記述するアプローチです。

KubernetesでNodeに制約（Taint）を付けPodが許容（Toleration）を持つ時のみスケジュールする仕組み。

Reactでのサーバーデータ取得・キャッシュ・同期を宣言的に管理するライブラリ。元React Queryとして知られています。

フレームワーク非依存のヘッドレステーブルライブラリ。ソート・フィルタ・ページネーションを宣言的に管理できます。

ユーザーが特定の目標を達成するための手順・判断・動作を分析する手法。UIの最適化に活用します。

ユーザーが1つのタスク（購入、登録など）を完了するための特定の経路を図示したもの。ユーザーフローより具体的です。

Transmission Control Protocol。信頼性の高いコネクション型の通信プロトコル。HTTP/1.1の土台です。

インターネット通信を支えるプロトコル群。アプリケーション・トランスポート・インターネット・リンク層の4層で構成。

Test-Driven Development（テスト駆動開発）。先に失敗するテストコードを書き、それを満たすように実装を進める手法。

アプリケーションのパフォーマンス・エラー・利用状況を収集して分析する仕組み。APMツールが活用します。

LLMの出力のランダム性を制御するパラメータ。0に近いほど決定論的、1以上は創造的・多様な出力になります。

複雑なビジネスロジックや長時間実行ワークフローを耐障害性を持って実行できるオーケストレーションエンジン。

HashiCorpのIaCツール。HCL言語でAWS・GCP・Azureなどのインフラを宣言的に定義・管理します。

.spec.tsや.test.tsとして配置するテストファイルの命名規則。テストランナーが自動検出します。

ユーザー視点でコンポーネントをテストするためのライブラリ群。実装詳細でなく挙動をテストする思想です。

CSSで溢れたテキストを省略記号（…）で切り捨てるプロパティ。overflow:hiddenとwhite-space:nowrapと組み合わせます。

ユーザーがUIを操作しながら思考を声に出すユーザーテスト手法。問題発見の効果が高いです。

Logs（ログ）・Metrics（メトリクス）・Traces（トレース）の3つをシステムの可観測性の柱と呼びます。

一定時間内に関数を最大1回だけ実行するよう制限する手法。スクロールイベントの処理などに使われます。

日時データをUTCで保存しフロントで現地時間に変換するベストプラクティス。Intl.DateTimeFormatやdayjsで実装します。

処理時間の差を観察して秘密情報を推測するサイドチャネル攻撃。定時間比較アルゴリズムで対策します。

クライアントとサーバーが暗号化通信を開始する前に行う鍵交換と認証のプロセス。HTTPS接続の起点です。

一時的にに画面端に表示されてすぐ消えるフィードバックUI。操作の成功・失敗を邪魔にならず伝えます。

認証・認可のための文字列（アクセストークン等）。Bearerトークンとして送信します。

LLMが処理するテキストの最小単位。単語や単語の一部に相当し、価格はトークン数で計算されます。

リフレッシュトークンを使用するたびに新しいトークンに交換し、漏洩トークンの使い回しを防ぐセキュリティ手法。

テキストをLLMが処理できるトークンに分割するツール。BPEやSentencePieceが広く使われます。

要素にカーソルをホバーした時に表示される説明テキスト。アクセシビリティのためにaria-labelと組み合わせます。

Time-based One-Time Password。現在時刻をシードにした6桁の認証コードを30秒ごとに生成するMFA方式。

スマートフォンでタップしやすい最小サイズ（Googleは48x48dp推奨）。小さすぎるボタンはエラーを増やします。

DBのトランザクション間の分離度を定義するレベル。READ COMMITTEDやSERIALIZABLEなどがあります。

大規模データで学習済みのモデルの知識を別のタスクに転移させる手法。少ないデータでも高い精度を実現できます。

Attentionメカニズムを核とする深層学習アーキテクチャ。GPT・BERT・ViTなど現代のAIモデルの大半の基盤です。

TypeScriptなどの言語を、ブラウザで動くJavaScriptに変換すること。BabelやSWCが行います。

使われていないコードをバンドルから除去する最適化。ESモジュール形式のライブラリで効果的に機能します。

文字列をプレフィックスで共有するツリーデータ構造。オートコンプリート検索やルーティングの実装に使われます。

型安全なAPIをスキーマなしでTypeScriptのみで構築できるフレームワーク。フロントとバックで型を共有できます。

Time to Interactive。ページが完全にインタラクティブになるまでの時間。長いJSブロッキングがTTIを悪化させます。

Time to Live。キャッシュやDNSレコードの有効期間を秒で指定する値。短すぎると負荷増、長すぎると古い情報が残ります。

Web Vitalsで使われるTTFB・FCP・TTI・LCPなどの「ページが使えるようになるまでの時間」系の指標の総称。

VercelがRustで開発したNext.js向けの次世代バンドラー。Webpackの後継として超高速なHMRを提供します。

モノレポの並列タスク実行とキャッシュを最適化するVercelのビルドシステム。

TypeScriptで型チェッカーに型を強制指定するas構文。濫用は型安全を損なうため最小限にとどめるべきです。

見出し・小見出し・本文・キャプションなどを視覚的に区別してコンテンツの重要度を伝えるタイポグラフィ設計。

TypeScriptでif文・typeofガード・型ガード関数を使って型を絞り込む手法。型安全なコードの基本です。

見出し・本文・キャプションなどの各テキスト要素のサイズ比率体系。1.25や1.618などの比率でステップを定義します。

JavaScriptに静的型付けを追加した言語。コンパイル時にエラーを検出でき、大規模開発では必須レベルです。

User Datagram Protocol。TCPと違い信頼性を保証しないが高速。動画ストリーミングやDNSクエリに使われます。

ボタン・入力・モーダルなど汎用UIコンポーネントをセットで提供するライブラリ。MUI・shadcn/ui・Ant Designが代表例。

よく使われる課題に対して繰り返し適用できるUIソリューションの雛形。ナビゲーション・フォーム・データ表示等のパターンがあります。

Reactでフォーム値をstateでなくrefとDOMで直接管理するアプローチ。シンプルなフォームに向いています。

個々の関数やモジュールを独立してテストする最小粒度のテスト。Jest・Vitestで実装されることが多いです。

1970年1月1日UTCからの経過秒（またはミリ秒）。タイムゾーンに依存しない、システム間の日時受け渡し用標準フォーマット。

ユーザー入力のURLをそのままリダイレクト先に使う実装ミス。検証なしのリダイレクトはOWASP Top 10に含まれます。

HTTP経由でアクセスできるサーバーレスなRedis・Kafka SaaS。Edge環境でのキャッシュに特に向いています。

URLに入力できない文字（日本語やスペース）を「%XX」形式に変換すること。

フィルター・ページ番号・検索クエリなどのUI状態をURLのクエリパラメータに保存する手法。URLをシェアしても状態が復元されます。

実際のユーザーにタスクを行ってもらいながら問題点を観察するUXリサーチの基本手法。

Reactで関数をメモ化して子コンポーネントへの不要な再レンダリングを防ぐフック。依存配列の管理が重要です。

ReactでコンポーネントのマウントやState変化に応じた副作用（API呼び出し・購読など）を処理するフック。

Reactで計算コストの高い処理の結果をキャッシュするフック。依存値が変わらない限り再計算しません。

ユーザーが特定のゴールに向けてアプリを操作する一連の画面遷移・手順を図示したもの。

React で再レンダリングをトリガーせずに値を保持し、DOM要素への参照も取得できるフック。

Reactで関数コンポーネントに状態を持たせるための基本フック。

Coordinated Universal Time。タイムゾーンの基準となる世界標準時。サーバーとDBの時刻はUTCで統一するのが原則。

128ビットの一意な識別子（例：550e8400-e29b-...）。ランダム生成でき、ID衝突の確率が天文学的に低いです。

既存のプロダクトを体系的に評価し、ユーザビリティ・アクセシビリティ・KPIの観点で改善点を洗い出すプロセス。

ユーザーの行動・ニーズ・動機を理解するための定性・定量的な調査活動の総称。インタビューやアンケートが含まれます。

ユーザーの行動を促し、情報を正確に伝えるためのUI文章（ボタン・エラー・空状態など）を専門に担当する職種・技術。

製品・サービスがユーザーに提供する独自の価値の明確な表現。UIとコピーライティングの基盤になります。

高次元の埋め込みベクトルを高速に類似検索できるデータベース。Pinecone、Qdrant、pgvectorが代表例です。

<meta name='viewport' content='width=device-width'>。モバイルブラウザに正しい表示幅を伝えるレスポンシブデザインの必須設定。

実際のDOMの軽量なJavaScript表現。ReactはこれとDiffingアルゴリズムで最小限のDOM操作にとどめます。

ボタンのハイライト・ローディングインジケーター・成功メッセージなど操作の結果をUIで伝える仕組み。

サイズ・色・コントラスト・配置で情報の重要度を視覚的に整理し、ユーザーの視線を誘導する原則。

UIのスクリーンショットを比較してデザインの意図せぬ変化を検出するテスト手法。Percy・Chromaticが代表例。

Vision Transformer。Transformerアーキテクチャを画像認識に応用したモデル。画像をパッチに分割してSequenceとして処理します。

ESモジュールをベースにした超高速な開発サーバーとビルドツール。Create React AppやVue CLIの後継として人気です。

Viteベースの高速なJavaScriptユニットテストフレームワーク。Jest互換のAPIを持ちます。

Virtual Private Cloud。クラウド上の論理的な隔離ネットワーク。サブネット・ルーティング・SGを組み合わせて構成します。

軽量でシンプルなプログレッシブJavaScriptフレームワーク。学習コストが低く、小〜中規模で特に人気があります。

Write-Ahead Log。変更をDBファイルに書き込む前にログに記録するDBの耐障害性機構。クラッシュ後のリカバリに使われます。

ユーザーが現在位置を把握し、目的地まで迷わず移動できるようにするナビゲーション設計の考え方。

W3Cが策定するウェブアクセシビリティ（誰にでも使いやすいWeb）の国際基準。AA・AAAの適合レベルがあります。

ブラウザ標準のコンポーネントモデル。Custom Elements、Shadow DOM、HTML Templateの3技術で構成されます。

ブラウザのメインスレッドとは別のバックグラウンドスレッドでJSを実行するAPI。UIブロッキングを防ぎます。

ブラウザ上でC++, Rust, Goなどを高速で実行するためのバイナリ形式。JSには重い画像処理やエンコードに向いています。

ブラウザでOpenGL ESベースの3DグラフィックスをGPU処理で実行するためのJavaScript API。Three.jsの基盤です。

特定のイベント（決済完了など）が発生した際に、サーバーが指定URLへ自動でHTTPリクエストを送信する仕組み。

Webhookペイロードの署名検証（HMAC-SHA256など）でリクエストが正規の送信者からのものであることを確認する手法。

Googleが開発した次世代画像形式。JPEG・PNGより劇的に軽量で、透過にも対応。ページの高速化に不可欠です。

ブラウザとサーバー間に全二重通信チャンネルを確立するプロトコル。チャットやリアルタイムゲームに使われます。

HTTP接続をアップグレードして確立する全二重通信プロトコル。ws://またはwss://のURLスキームを使います。

OpenAIのオープンソースな自動音声認識（ASR）モデル。多言語対応で高精度な文字起こしが可能です。

ページの構造・レイアウト・情報の優先度を伝えるための低精度な設計図。装飾は省いてUIの骨格に集中します。

Node.jsでCPU負荷の高い処理をメインスレッドから切り離して並列実行するためのモジュール。

Cross-Site Scripting。悪意あるスクリプトをページに注入する重大な脆弱性。文字のエスケープで防ぎます。

JavaScriptのステートマシン・ステートチャートライブラリ。複雑なUI状態を視覚化して管理できます。

人間が読みやすいデータ形式。インデントで階層を表現し、設定ファイル（DockerやGitHub Actions等）で多用されます。

ユーザーがページを読む際にZ字型に視線を動かすパターン。横長のバナーや情報が少ないページで現れます。

「社内だから安全」を前提としない、すべてのアクセスを継続的に検証するセキュリティモデル。

公開・修正される前の未知の脆弱性、またはその脆弱性を突いた攻撃のこと。

学習時に見ていないクラス・タスクをプロンプトだけで実行できるLLMの能力。追加学習なしで新タスクに対応します。

TypeScript-firstのスキーマ宣言・バリデーションライブラリ。型推論と実行時検証を同時に提供します。

Reactシンプルかつ軽量なグローバル状態管理ライブラリ。ReduxよりAPIがシンプルで近年人気が急増しています。

SSRで生成した静的なHTMLにJavaScriptを紐付け、クリックなどの動的な操作を可能にするプロセスのこと。

Model Context Protocol。AIモデルが外部ツールやデータソースとセキュアに通信するためのオープン標準プロトコル。

ソースコードが公開され、誰でも自由に利用・修正・配布が可能なソフトウェア。コミュニティによって維持されます。

コンテンツの読み込み中に、データの構造を薄いグレーの枠などでプレースホルダー表示するUI手法。

Googleが提唱した、ユーザー体験の質を測るための重要指標（LCP, CLS, INPなど）のセット。

Scalable Vector Graphics。数式で描画されるベクター画像形式。拡大しても画質が落ちず、Webアイコンなどに最適です。

要素のホバーやクリック時に発生する、小さく洗練された視覚的フィードバックやアニメーションのこと。

通信環境に応じて動画の画質を自動調整し、再生の中断を防ぐストリーミング技術。

AIを欺くために、人間には見えない微細なノイズをデータに混入させる攻撃手法。

AIエージェントがユーザーの意図を自律的に理解し、動的に変化するユーザーインターフェース。

CSSの新機能。特定の要素（アンカー）を基準に、別の要素を相対的に配置する仕組み。

デジタル画像の縁にあるギザギザ（ジャギー）を滑らかに見せるための補正処理。

Application Binary Interface。バイナリレベルでプログラムが対話するための低レベルなインターフェース規格。

生成AIが画像や音声を生成する際に生じる、不自然なノイズや歪みのこと。

アルゴリズムの効率（計算量）を、入力サイズが无限に大きくなった際の変化で表す記法（O記法など）。

各スタイルを最小単位のクラスとして生成し、再利用性を最大化するCSS-in-JSの最適化手法。

Attribute-Based Access Control。属性（ユーザー、環境、リソース）に基づいてアクセス権限を動的に制御する手法。

現実の世界にデジタル情報を重ね合わせて表示する拡張現実技術。

過去のデータから次の値を予測することを繰り返すAIモデル。GPTなどの言語モデルの基本構造です。

データベースやファイルシステムで広く使われる、自己平衡型の多分探索木データ構造。

Backend For Frontend。特定のフロントエンド専用に最適化された、中継用バックエンドサーバー。APIの集約などを行います。

複数のモジュールを一箇所（index.tsなど）にまとめ、外部からインポートしやすくする手法。

変数間の因果関係を確率的に表現するグラフィカルモデル。

ページが閉じられる際などに、少量のデータを非同期かつ確実にサーバーへ送信するためのWeb API。

ユーザーがWebサイトやアプリで行った具体的な行動データを分析し、改善に役立てる手法。

Binary Search Tree（二分探索木）。各ノードが最大2つの子を持ち、値の大小で配置が決まるデータ構造。

Gitリポジトリのホスティングサービス。特にJiraなどのアトラシアン製品との連携が強力です。

内部構造を考慮せず、外部からの入力と出力の結果のみを検証するテスト手法。

波括弧 `{}` で囲まれた範囲内でのみ有効な変数の適用範囲。JavaScriptの `let` や `const` がこれに該当します。

新旧2つの本番環境を用意し、トラフィックを切り替えることでダウンタイムなしでリリースする手法。

Bluetooth Low Energy。消費電力を大幅に抑えた近距離無線通信規格。IoTデバイスなどで活用されます。

データベースでレコードを高速に見つけるための索引。B木構造を用いてバランスの取れた検索を実現します。

溢れたデータが隣接するメモリを上書きする攻撃を防ぐための、OSやコンパイラによる保護機能。

Business Logic Layer。アプリケーションの核心となる業務ルールや処理手順を記述する階層。

テキストファイルの先頭に置かれる、文字コード（Unicode）の種類やバイト順を識別するための数バイトのデータ。

メモリが不足した際に、どのキャッシュデータを破棄するかを決定するルール（LRU、LFUなど）。

一部のユーザーのみに新バージョンを先行公開し、問題がないかを確認しながら徐々に拡大する手法。

本番環境のサービスを意図的に停止させ、システムの耐障害性をテストするためのツール。

ブラウザがデバイス情報や通信環境をサーバーへ伝え、最適なリソース提供を可能にする情報のセット。

特定のクラウドベンダー（AWS、GCP等）に依存せず、どこでも動作するように設計されたシステム。

JavaScriptを小さなチャンクに分割し、必要なときに必要な分だけ読み込むことで初期表示を高速化する技術。

障害時に手動で起動する待機系環境。コストは低いが、復旧に時間がかかります。

データを列単位で保存する方式。分析クエリの高速化や圧縮率の向上に有利です。

複数の列を組み合わせて作成するデータベースの索引。複数条件の検索を効率化します。

複数の処理が同時に実行される際、データの不整合が起きないように整合性を保つ仕組み。

Content Security Policyの第3世代。'strict-dynamic'などが追加され、より柔軟かつ強力なセキュリティ設定が可能に。

ユーザーの場所、時間、現在の状況などを検知し、最適な情報や機能を表示するユーザーインターフェース。

ネットワークやインフラ層において、データの流れ自体ではなく、ルーティングや設定などの「制御」を司る部分。

Cookieの属性の一つ。クロスサイトのリクエストでCookieを送信するかを制限し、CSRF攻撃を防ぎます。

ブラウザがHTML、CSS、JSを受け取ってから画面に描画するまでの一連の手順。

開発、デザイン、企画など、異なる専門性を持つメンバーがひとつの目的に向けて協力するチーム体勢。

Create（作成）、Read（参照）、Update（更新）、Delete（削除）の頭文字。データ操作の基本となる4つの機能。

攻撃を受けたことを前提に、被害を最小限に抑え、いかに迅速にサービスを復旧させるかという能力。

個人を特定できる情報を削除または加工し、プライバシーを保護しながらデータを活用する手法。

データの品質、セキュリティ、可用性を組織全体で管理・維持するためのポリシーとプロセス。

データがどこから来、どこへ向かい、途中でどのような処理を受けたかという履歴を追跡すること。

中央集権的なデータ管理ではなく、各ドメイン（部門）が自律的にデータを所有・提供する分散型アーキテクチャ。

複数のソースからデータを収集し、加工して目的の場所へ届けるまでの一連の自動化された流れ。

複数の処理がお互いのリソース解放を待ち続け、停止してしまう「デッドロック」を未然に防ぐアルゴリズム。

「どのように（How）」ではなく「何を（What）」したいかを記述するプログラミングスタイル。SQLやReactなどが代表的です。

モジュールAがBに、BがAに依存するといった「循環参照」。ビルドエラーや設計上の問題の原因となります。

同じ入力に対して、常に同じ手順で同じ出力を返すアルゴリズム。予測可能性が高いのが特徴です。

データにノイズを加え、そのノイズを取り除く過程を学習することで画像を生成するAIモデル。生成AIの主流技術の一つです。

物理世界にある実体を、リアルタイムなデータを用いてデジタル空間上に忠実に再現した仮想モデル。

画面上のオブジェクトをドラッグ＆ドロップするなど、ユーザーが直接的に操作を行うUIデザインの手法。

大量のリクエストを送りつけてサービスを停止させるDDoS攻撃を、トラフィック監視や分散によって防ぐ仕組み。

Webサイトが特定の検索エンジンにおいてどれだけ信頼され、力を持っているかを示す指標。

プログラムを実際に実行しながら、脆弱性やパフォーマンスの問題をチェックする解析手法。

Webページの一部をキャッシュ層（エッジサーバー）で動的に組み立てるためのマークアップ言語。

サイト訪問者が商品の購入や会員登録などの目標（コンバージョン）に到達した割合のこと。

検索エンジンがクエリとの関連度スコアを計算し、検索結果の表示順位を決定するアルゴリズム。

デプロイ頻度や変更失敗率など、開発チームの生産性や健全性を客観的に測るための指標。

.NET環境で広く使われる、データベース操作をオブジェクト指向で行うためのORM（オブジェクト関係マッピング）。

プルリクエストのレビュー時などに、一時的に作成され、役目が終わると削除される使い捨ての開発環境。

SREの概念。許容されるサービスの停止時間（ダウンタイム）のこと。これを使って新機能のリリースなどを判断します。

AIモデルの精度を高めるために、生のデータから効果的な「特徴量」を選別・加工して作成する工程。

データを中央サーバーに集めず、各デバイス上で学習を行い、学習結果（重み）のみを共有するプライバシー配慮型AI学習手法。

Webブラウザからユーザーのローカルファイルに直接アクセスし、読み書きを行うためのWeb API。

クラウドのコスト管理を、エンジニアと会計担当が協力して最適化する運用の枠組み（Cloud Financial Management）。

データの流れを一方向（単方向）に制限することで、複雑なアプリの状態管理を予測可能にするアーキテクチャ。

キーボード操作などで要素が選択された際に表示される枠線のこと。アクセシビリティ上非常に重要です。

ビルドパイプライン、一貫したUIライブラリ、テスティング基盤など、フロントエンド開発を支える土台や仕組みのこと。

エラーが発生した際に、プログラムのどの階層で、どのような関数の呼び出し順序を経て起きたかを詳細に示す情報。

状態の変化やデータの書き換えを避け、数学的な「関数」の組み合わせでプログラムを構成する手法。

完全一致ではなく、多少のスペルミスや表記揺れを許容して「似ている」文字列を検索する手法。

入力を受け取り、状態を更新し、描画する処理を毎秒数十回繰り返す、ゲームプログラムの心臓部となるループ処理。

特定の型に依存せず、多様なデータ型に対して再利用可能なコード（Genericsなど）を書く手法。

「近い位置にあるものは、ひとつのグループとして認識される」というゲシュタルト心理学のデザイン原則。

あるブランチのコミット履歴を、別のブランチの先端に繋ぎ変える操作。履歴を一本に綺麗に保つために使われます。

SREにおける4つの重要な監視指標（レイテンシ、トラフィック、エラー、サチュレーション）。

CPUではなく、グラフィック処理に特化したGPUを使って計算処理（描画やAI学習）を高速化すること。

クライアントがGraphQLサーバーに対して、どのようなクエリや型が利用可能かを問い合わせる機能。

ハードウェアの省電力化やソフトウェアの効率改善により、ITシステムによる環境負荷を軽減する取り組み。

ソフトウェア単体で行うよりも、特定のハードウェア（GPUなど）を使って特定の処理を劇的に高速化すること。

異なるデータから全く同じハッシュ値が生成されてしまう現象。データ構造やセキュリティ上注意が必要です。

ブラウザのGUI（画面表示）なしで動作するブラウザ。自動テストやスクレイピングで使われます。

専門家が経験則（ヒューリスティック）に基づいて、ユーザーインターフェースの使いやすさを評価する手法。

システムが停止することなく、高い稼働率（可用性）を維持し続けるように設計された構成。

データベースの負荷分散のため、テーブルの行を複数のサーバーに分散して保存する手法。

AIの自動化プロセスの中に、人間が介入して判断や修正を行うことで精度と信頼性を高める仕組み。

HTTP Strict Transport Security。ブラウザに対して、そのサイトへのアクセスを常にHTTPSで行うよう強制するセキュリティ設定。

出現頻度の高いデータに短いコードを割り当てることで、効率的にデータを圧縮するアルゴリズム。

同じ操作を何度繰り返しても、結果が常に同じになる性質。API設計、特に決済や更新処理で重要です。

稼働中のサーバーを修正せず、変更が必要な場合は新しいインスタンスを丸ごと作り直す運用手法。

全ファイルを再ビルドせず、変更があった部分だけを賢く更新することで、ビルド時間を劇的に短縮する仕組み。

データベースで全件検索（Full Scan）を避け、インデックス（索引）を使って必要なデータだけを高速に読み出す動作。

状態や進捗（読み込み中、未読あり等）をユーザーに伝えるための視覚的なサインやバッジのこと。

HDDやSSDではなく、主記憶装置（RAM）上にデータを保持することで極めて高速な読み書きを実現するデータベース。

ファイルシステムにおいて、各ファイルの所有者、サイズ、ディスク上の位置などのメタデータを管理するデータ構造。

ボタンを押してから、画面上の処理や描画に反映されるまでの遅延時間。操作感の良し悪しに直結します。

CPUが直接理解し、実行できる命令（コマンド）の集まり。x86やARMなど種類によって異なります。

外部のインターネットから隔離された、特定の組織内だけで使用されるネットワーク。

どの単語が、どの文書に含まれているかを記録し、全文検索を高速化するための索引データ構造。

処理のボトルネックが計算能力ではなく、データの読み書き（ディスクや通信）にある状態。

家電やセンサーなど、あらゆる「モノ」がインターネットに繋がり、データを相互にやり取りする仕組み。

送信元のIPアドレスを偽り、信頼された相手になりすまして攻撃を行う手法。

ソフトウェアとハードウェア（CPU）の境界線となる設計仕様。プログラミングに必要な命令の種類などを定義します。

免許なしで自由に利用できる電波の周波数帯。Wi-FiやBluetoothなどで広く使われています。

クライアント側（ブラウザ）とサーバー側の両方で、全く同じコードを実行できるJavaScriptのこと。

通信の遅延時間（レイテンシ）が一定ではなく、細かく変動すること。音声通話や動画配信の品質に影響します。

実行中に必要な部分だけを機械語にコンパイルすることで、実行速度を向上させる仕組み（JavaやV8エンジン等）。

タスクの進行状況をカードで見える化し、チーム全体のワークフローを最適化するプロジェクト管理手法。

ネットワーク上で安全に認証を行うためのプロトコル。パスワードそのものを送信せず、チケットを用いてやり取りします。

アニメーションの開始、中間、終了などの「鍵となる瞬間」のスタイルを定義し、その間を自動補完する手法。

コンテナ化されたアプリケーションのデプロイやスケーリング、管理を自動化するオープンソースの基盤。

CPU内部にある、複数のコアで共有される大容量のキャッシュメモリ。メモリへのアクセス頻度を減らして高速化します。

複数のパッケージ（Monorepo）をひとつのリポジトリで管理し、依存関係や公開を効率化するためのツール。

変数の有効範囲が、コードが書かれた場所（静的）によって決まる仕組み。JavaScriptなどで採用されています。

OSのプロセスよりも生成や切り替えのコストが低い処理の単位。スレッドの実装などに使われます。

データを端から順に一つずつ確認していく探索手法。データ量が増えると処理時間も比例して増えます。

負荷分散装置（ロードバランサー）を用いて、複数のサーバーにトラフィックを均等に割り振る構成。

ブラウザのLocalStorageに保存できるデータ量の上限（一般的に5MB程度）。容量を超えるとエラーになります。

AND, OR, NOTなど、デジタルの入力信号を組み合わせて特定の出力を行う、IC（集積回路）の最小構成要素。

サーバーから新しいデータが来るまで接続を保持し続けることで、擬似的にリアルタイム通信を実現する手法。

プログラミングコードを最小限に抑え、視覚的な操作で迅速にアプリケーションを構築する手法。

JavaScriptのイベントループにおいて、setTimeoutなどのタスクを順番に処理するための待ち行列。

通信している二者の間に割り込んで、内容を盗み見たり改ざんしたりする攻撃手法。

テキストに「タグ」を付けることで、文書の構造や見た目を制御するための言語（HTML, XMLなど）。

画像認識AI（CNN）において、特定の領域内の最大値を取り出すことで、重要な特徴を抽出しつつデータ量を減らす処理。

異なるアプリケーション間でメッセージを中継し、非同期かつ疎結合な通信を実現するソフトウェア（RabbitMQ, Kafka等）。

JavaScriptのイベントループにおいて、Promiseのコールバックなど、マクロタスクよりも優先的に処理される小さなタスク。

HTTPSのページ内に、HTTPで読み込まれる画像やスクリプトが混在している状態。セキュリティ上の警告（エラー）になります。

ユニットテストにおいて、本物のオブジェクトの振る舞いを模倣し、依存関係を切り離してテストをやりやすくするために使われる代用品。