IT用語辞典

WebAssembly（WASM）は、モダンWebブラウザで実行可能な低レベルアセンブリ風言語です。C、C++、Rust、Go等の言語からコンパイルでき、JavaScriptに近いパフォーマンスを実現します。ゲーム、画像・動画処理、科学計算、CADソフトウェアなどの高性能アプリケーションをWeb上で動作させることができます。

PWA（Progressive Web App）は、Service Worker、Web App Manifest、HTTPSなどの技術を組み合わせて、WebアプリをネイティブアプリのようなUXで提供する技術です。オフライン対応、バックグラウンド同期、プッシュ通知、インストール可能性などの特徴があり、アプリストアを介さずに配布できます。

GraphQLは、Facebookが開発したAPIのためのクエリ言語およびランタイムです。単一のエンドポイントから必要なデータを正確に取得でき、スキーマによる強い型付け、リアルタイムサブスクリプション、イントロスペクション機能を提供します。RESTful APIの課題を解決し、効率的なデータフェッチングを実現します。

マイクロフロントエンド（Micro Frontends）は、大規模なフロントエンドアプリケーションを小さな独立したチーム管理の下で開発・デプロイ可能な複数のアプリケーションに分割するアーキテクチャパターンです。Module Federation、Single-SPA、Web Componentsなどの技術で実装され、チーム間の独立性と異なるフレームワークの共存を可能にします。

WebRTC（Web Real-Time Communication）は、Webブラウザ間でプラグインを使わずにリアルタイム通信を可能にするオープンスタンダードです。P2P接続、NAT越え、暗号化、音声・映像のエンコード/デコードなどの機能を提供し、ビデオ会議、ライブストリーミング、オンラインゲームなどのアプリケーションで活用されます。

Server-Side Rendering（SSR）は、Webページのレンダリングをサーバー側で実行し、完全に描画されたHTMLをクライアントに送信する技術です。従来のクライアントサイドレンダリング（CSR）と比較して、初期表示の高速化、SEO最適化、ソーシャルメディア共有の改善を実現します。Next.js、Nuxt.js、SvelteKitなどのフレームワークで実装されます。

Static Site Generation（SSG）は、ビルド時にすべてのページを静的HTMLファイルとして事前生成し、CDNで高速配信する技術です。動的コンテンツは外部APIで取得し、更新時に再ビルドします。Gatsby、Next.js、Hugo、Jekyll、Eleventyなどのツールで実装され、JAMstackアーキテクチャの中核技術として、高速性、セキュリティ、スケーラビリティを提供します。

Virtual DOM（仮想DOM）は、実際のDOM要素のJavaScriptオブジェクト表現で、React、Vue.jsなどのフレームワークで採用されています。状態変更時に新旧の仮想DOMを比較（Diffing）し、最小限の変更のみを実際のDOMに適用（Reconciliation）することで、頻繁な再描画による性能低下を防ぎ、ユーザーインターフェースの応答性を向上させます。

Web Componentsは、カスタム要素（Custom Elements）、Shadow DOM、HTMLテンプレート、ES Modulesの4つの標準技術を組み合わせて、再利用可能なカプセル化されたUIコンポーネントを作成する仕組みです。フレームワークに依存せず、どのライブラリやプラットフォームでも使用できる真のコンポーネント化を実現し、長期的な互換性と保守性を提供します。

JAMstack（JavaScript、API、Markup）は、事前ビルドされた静的サイトとサーバーレス関数、外部APIを組み合わせたモダンWebアーキテクチャです。従来のサーバーサイド処理をクライアントサイドとマイクロサービスに分離し、CDN配信による高速性、攻撃対象面の縮小によるセキュリティ向上、自動スケーリングによる可用性を実現します。

Code Splitting（コード分割）は、大きなJavaScriptバンドルを論理的な単位（ルート、コンポーネント、機能）で複数の小さなチャンクに分割し、必要なタイミングで動的にロードする技術です。初期バンドルサイズの削減、Time to Interactive（TTI）の改善、キャッシュ効率の向上を実現し、特に大規模なSPAにおいて重要な最適化手法です。

Tree Shaking（ツリーシェイキング）は、ES Modulesの静的な依存関係分析を利用して、実際に使用されていないコード（デッドコード）をバンドルから除去する最適化技術です。Webpack、Rollup、Viteなどのバンドラーで実装され、ライブラリの未使用関数やモジュール全体を削除することで、バンドルサイズの大幅削減とアプリケーションパフォーマンスの向上を実現します。

Web Vitalsは、Googleが定義したWebページのユーザー体験を定量化する一連の指標です。Core Web Vitalsとして、LCP（Largest Contentful Paint：読み込み性能）、FID（First Input Delay：応答性）、CLS（Cumulative Layout Shift：視覚的安定性）が重要視され、SEOランキング要因として影響します。Lighthouseやページスピードインサイトで測定可能です。

Content Security Policy（CSP）は、Webページが読み込み・実行可能なリソース（スクリプト、スタイル、画像、フォントなど）をHTTPヘッダーまたはmetaタグで制御するセキュリティ機構です。信頼できるソースからのみリソースを読み込み、インラインスクリプト・スタイルの制限、eval()の無効化などにより、XSS攻撃、コードインジェクション、データ窃取を防止します。

CORS（Cross-Origin Resource Sharing）は、Webページが異なるオリジン（ドメイン、プロトコル、ポート）のリソースにアクセスする際の制御機構です。同一オリジンポリシーによる制限を安全に緩和し、プリフライトリクエスト、適切なヘッダー設定（Access-Control-Allow-Origin等）により、APIアクセス、フォント読み込み、画像取得などのクロスオリジン通信を許可します。

JSON Web Token（JWT）は、認証・認可情報をJSONオブジェクトとして安全に転送するためのオープン標準（RFC 7519）です。Header、Payload、Signatureの3部分からなり、Base64URLエンコードとデジタル署名により改ざんを防ぎます。ステートレス認証、マイクロサービス間通信、SPA認証などで広く使用され、セッション管理の代替手段として重要です。

WebSocketsは、WebブラウザとWebサーバー間で全二重通信を可能にするプロトコルです。HTTPと異なり、一度接続を確立すると双方向でリアルタイムデータ交換が可能になります。チャットアプリケーション、ライブダッシュボード、オンラインゲーム、協調編集ツール、株価配信システムなどで使用され、低レイテンシな即座のデータ更新を実現します。

IndexedDBは、Webブラウザが提供するクライアントサイドの低レベル非同期データベースAPIです。LocalStorageより大容量（数GB）でオブジェクト指向データベース機能を持ち、インデックス作成、トランザクション処理、バージョン管理が可能です。PWA、オフラインアプリ、キャッシュ管理、大量データの一時保存などで活用され、複雑なWebアプリケーションの基盤となります。

Critical Rendering Path（クリティカルレンダリングパス）は、ブラウザがHTMLドキュメントを受信してから最初のピクセルを画面に描画するまでの処理手順です。DOM構築、CSSOM構築、レンダーツリー作成、レイアウト、ペイントの5段階からなり、このパスの最適化（CSS/JSの最小化、クリティカルCSS抽出、非同期読み込み等）により、First Contentful Paint（FCP）を大幅に改善できます。

CSS-in-JSは、JavaScriptコード内でCSSスタイルを記述・管理する手法で、コンポーネントベース開発において重要な技術です。styled-components、emotion、JSS、stitchesなどのライブラリを使用し、動的スタイリング、テーマ管理、自動ベンダープレフィックス、未使用スタイルの除去、TypeScript連携などの利点を提供し、保守性と開発効率を向上させます。

Hot Module Replacement（HMR）は、開発中にアプリケーションの実行状態（フォーム入力値、スクロール位置、コンポーネント状態など）を保持したまま、変更されたモジュールのみを動的に更新する開発技術です。Webpack、Vite、Parcelなどのバンドラーで実装され、フルページリロードの待機時間を排除し、開発者の生産性を大幅に向上させます。

Lazy Loading（遅延読み込み）は、画像、動画、コンポーネント、JavaScriptモジュールなどのリソースを、ユーザーが実際に必要とするタイミング（スクロールでの表示領域到達、ユーザーアクション等）で動的に読み込む最適化技術です。Intersection Observer API、loading="lazy"属性、React.lazy()などを使用し、初期ページ読み込み速度の向上とデータ使用量の削減を実現します。

Service Workerは、WebページとブラウザAPIの間に位置するプロキシスクリプトで、ネットワークリクエストのインターセプト、キャッシュ管理、オフライン機能、バックグラウンド同期、プッシュ通知などの機能を提供します。PWAの中核技術として、ネイティブアプリに近い体験をWebアプリで実現し、ネットワーク障害やサーバーダウンに対する耐性を向上させます。

Webpackは、モダンJavaScriptアプリケーションのための静的モジュールバンドラーです。JavaScript、CSS、画像、フォントなどのすべてのアセットをモジュールとして扱い、依存関係グラフを構築して最適化されたバンドルを生成します。ローダー、プラグイン、コード分割、Hot Module Replacement、Tree Shakingなどの機能により、効率的なビルドプロセスと開発体験を提供します。

Viteは、ESモジュールを活用した次世代フロントエンドビルドツールです。開発時はバンドルを行わずにブラウザのESモジュール機能を直接利用し、esbuildによる高速変換で瞬時のHMRを実現します。本番ビルドではRollupによる最適化を行い、Vue.js、React、Svelte、Vanilla JSなど多様なフレームワークをサポートし、従来のWebpackより大幅に高速な開発体験を提供します。

マイクロサービスアーキテクチャは、単一の大規模アプリケーション（モノリス）を複数の小さな独立したサービスに分割する設計手法です。各サービスは特定のビジネス機能を担当し、独自のデータベースを持ち、API経由で他のサービスと通信します。独立したデプロイ、技術スタックの多様化、障害の局所化、水平スケーリング、開発チームの自律性向上などの利点がある一方、分散システムの複雑性、ネットワーク通信のオーバーヘッド、データ整合性の課題もあります。

サーバーレスアーキテクチャは、サーバーのプロビジョニング、管理、スケーリングをクラウドプロバイダーが自動で行い、開発者がビジネスロジックに集中できる実行モデルです。Function as a Service（FaaS）とBackend as a Service（BaaS）から構成され、イベント駆動での自動実行、使用量ベースの従量課金、ゼロダウンタイムスケーリングが特徴です。AWS Lambda、Azure Functions、Google Cloud Functions、Vercel、Netlify Functions等のサービスで実現できます。

ヘッドレスCMSは、従来のCMSからプレゼンテーション層（Head）を切り離し、コンテンツ管理をAPI経由で提供するアーキテクチャです。REST APIやGraphQLでコンテンツを取得し、React、Vue.js等の任意のフロントエンド技術で表示できます。マルチチャネル配信、開発者フレンドリー、高いパフォーマンス、柔軟性が特徴で、Strapi、Contentful、Sanity、Gatsby、Next.js等と組み合わせて使用されます。

Core Web Vitalsは、GoogleがWebページのユーザー体験を定量的に測定するために定義した重要指標群です。LCP（Largest Contentful Paint：2.5秒以内）は読み込み性能、FID（First Input Delay：100ms以内）はインタラクティブ性、CLS（Cumulative Layout Shift：0.1以下）は視覚的安定性を測定します。これらの指標は検索ランキング要因として使用され、WebサイトのSEOとユーザー体験向上に直結します。

パフォーマンスバジェットは、Webサイトのパフォーマンス目標を数値で設定し、開発チーム全体で共有・管理する手法です。JavaScriptバンドルサイズ、CSSファイルサイズ、画像総容量、First Contentful Paint、Time to Interactive等の具体的な閾値を設定し、CI/CDパイプラインで自動チェックします。予算超過時の警告・ブロック機能により、パフォーマンス劣化を防ぎ、継続的な最適化を実現します。

クリティカルレンダリングパスは、ブラウザがHTMLドキュメントを受信してから最初のピクセルを画面に描画するまでの処理手順です。DOM構築、CSSOM構築、レンダーツリー作成、レイアウト、ペイントの5段階から構成され、このパスの最適化（CSS/JSの最小化、クリティカルCSS抽出、非同期読み込み、プリロード等）により、First Contentful Paint（FCP）とユーザー体験を大幅に改善できます。

OAuth 2.0は、第三者アプリケーションがユーザーの代理でリソースにアクセスする際の認可フレームワーク標準です。パスワードを共有せずにアクセス許可を管理し、認可サーバー、リソースサーバー、クライアント、リソースオーナーの4つの役割で構成されます。Google、Facebook、Twitter等のソーシャルログイン、APIアクセス制御、シングルサインオン（SSO）で広く使用され、アクセストークンによる安全なリソースアクセスを実現します。

HTTPS（HTTP Secure）は、TLS（Transport Layer Security）暗号化を使用してHTTP通信を保護するプロトコルです。SSL証明書による認証、公開鍵暗号化によるデータ暗号化、メッセージ認証コード（MAC）によるデータ完全性保護を提供します。ブラウザでの鍵マーク表示、SEOランキング要因、PWA要件、セキュリティヘッダー、HTTP/2対応など、現代のWebサイトでは必須の技術となっています。

セキュリティヘッダーは、Webアプリケーションの脆弱性攻撃を防ぐためのHTTPレスポンスヘッダー集合です。Content-Security-Policy（XSS防止）、X-Frame-Options（クリックジャッキング防止）、Strict-Transport-Security（HTTPS強制）、X-Content-Type-Options（MIME Sniffing防止）、Referrer-Policy（リファラー制御）などがあります。これらのヘッダーを適切に設定することで、多層防御によるWebセキュリティを大幅に強化できます。

プログレッシブWebアプリ（PWA）は、モダンWeb技術を使用してネイティブアプリケーションに匹敵するユーザー体験を提供するWebアプリケーションです。Service Worker によるオフライン対応、Web App Manifest によるインストール可能性、プッシュ通知、バックグラウンド同期、レスポンシブデザイン、HTTPS必須などの特徴により、アプリストアを介さずに高品質なアプリ体験を実現します。

Dockerは、コンテナ技術を使用してアプリケーションとその依存関係を軽量で可搬性の高いパッケージ（コンテナ）として実行するプラットフォームです。Dockerfile による設定記述、レイヤードファイルシステム、レジストリによるイメージ共有、Docker Compose による複数コンテナ管理により、開発・テスト・本番環境での一貫性を保ち、デプロイとスケーリングを効率化します。

Kubernetes（K8s）は、Googleが開発したコンテナオーケストレーションプラットフォームで、大規模なコンテナ化アプリケーションの管理を自動化します。Pod、Service、Deployment、ConfigMap、Secret等のリソース抽象化、自動スケーリング、ローリングアップデート、セルフヒーリング、負荷分散、サービスディスカバリなどの機能により、高可用性でスケーラブルなマイクロサービス運用を実現します。

CI/CDパイプラインは、継続的インテグレーション（CI）と継続的デプロイメント（CD）を組み合わせた自動化された開発・デプロイフローです。コードコミット、自動テスト実行、ビルド、ステージング環境デプロイ、本番環境デプロイを段階的に自動実行し、品質保証とリリース速度を両立します。GitHub Actions、GitLab CI、Jenkins、CircleCI等のツールで実装され、DevOps文化の中核となります。

A/Bテストは、Webサイトやアプリケーションの異なるバージョン（A版とB版）を実際のユーザーに同時に提示し、統計的手法でより良いパフォーマンスを示すバージョンを特定する実験手法です。ランダムにユーザーを2グループに分け、コンバージョン率、クリック率、滞在時間等の指標を比較分析します。Google Optimize、Optimizely、VWO等のツールで実施し、データドリブンな意思決定を支援します。

コンバージョントラッキングは、Webサイトやアプリでユーザーが目標アクション（商品購入、会員登録、資料請求、問い合わせ等）を完了した際にそれを計測・記録する仕組みです。Google Analytics、Facebook Pixel、アトリビューション分析、マルチタッチポイント追跡により、マーケティング施策の効果測定、ROI算出、ユーザージャーニー分析を行い、ビジネス成果の最大化を図ります。

WebAssembly（WASM）は、モダンWebブラウザで実行可能な低レベルアセンブリ風言語で、C、C++、Rust、Go等の言語からコンパイルでき、JavaScriptに近いパフォーマンスを実現します。バイナリフォーマット、スタックベース仮想マシン、サンドボックスセキュリティにより、ゲーム、画像・動画処理、科学計算、CADソフトウェア等の高性能アプリケーションをWeb上で安全に動作させることができます。

Web3は、ブロックチェーン技術を基盤とした分散型Webの次世代インターネット概念です。中央集権的なサーバーやプラットフォームに依存せず、暗号化、スマートコントラクト、トークンエコノミー、IPFS等の技術により、ユーザーがデータとデジタル資産を完全に所有・制御できる分散型アプリケーション（DApps）を実現します。Ethereum、Solana、Polygon等のブロックチェーンプラットフォームで構築されます。

分散型Web（Decentralized Web）は、従来の中央集権的なサーバー・クライアントモデルから脱却し、P2P（ピアツーピア）技術、IPFS（InterPlanetary File System）、ブロックチェーン、暗号化等の技術により、データの所有権、プライバシー、検閲耐性をユーザーに還元するインターネットアーキテクチャです。Solid、Mastodon、IPFS、DAT等のプロトコル・プラットフォームで実現され、インターネットの再分散化を目指します。