IT用語辞典

HTML（HyperText Markup Language）は、Webページの構造と意味を定義するマークアップ言語で、World Wide Webの基盤技術です。タグと呼ばれる要素を使用してコンテンツを構造化し、見出し、段落、リスト、画像、リンクなどを表現します。HTML5では、セマンティック要素（header、nav、main、article、sectionなど）が追加され、より意味的に正確なマークアップが可能になりました。また、音声・動画の埋め込み、キャンバス要素による描画、Webストレージ、ジオロケーションなどの新機能も導入されています。SEO対策においても重要で、適切な見出しタグの使用、メタタグの設定、構造化データの実装により、検索エンジンでの評価向上が期待できます。現代のWeb開発では、HTMLはCSS（スタイル）、JavaScript（動作）と組み合わせることで、リッチで インタラクティブなWebエクスペリエンスを提供します。

CSS（Cascading Style Sheets）は、HTMLで構造化されたWebページの視覚的な表現を制御するスタイルシート言語です。「カスケーディング」の名前通り、複数のスタイルルールが階層的に適用される仕組みを持ちます。CSS3では、アニメーション、グラデーション、シャドウ、変形（transform）、トランジションなどの高度な視覚効果が追加されました。レスポンシブWebデザインの実現には、メディアクエリ、フレキシブルボックス（Flexbox）、グリッドレイアウトが重要な役割を果たします。モダンなCSS開発では、Sass、Lessなどのプリプロセッサーや、Tailwind CSS、Bootstrap などのフレームワークが開発効率を向上させています。近年では、CSS-in-JSライブラリやCSSモジュールにより、JavaScriptと緊密に連携した開発手法も普及しており、コンポーネントベースの開発において重要性が増しています。

レスポンシブWebデザインは、一つのWebサイトで様々なデバイス（PC、タブレット、スマートフォン）に最適化された表示を実現する設計手法です。流動的なグリッドシステム、フレキシブルな画像、CSSメディアクエリを組み合わせることで、画面サイズに応じて自動的にレイアウトが調整されます。モバイルファーストアプローチでは、まずモバイル版をデザインし、徐々に大きな画面に対応させていきます。ブレイクポイントの設定により、各デバイスカテゴリで最適なユーザー体験を提供できます。SEOの観点からも、Googleのモバイルファーストインデックスに対応するため重要な技術です。

Reactは、Facebook（現Meta）が開発したユーザーインターフェース構築のためのJavaScriptライブラリで、宣言的プログラミングとコンポーネントベースアーキテクチャを採用しています。仮想DOM（Virtual DOM）による効率的な差分更新、JSXによる直感的なマークアップ記述、Hooksによる状態管理とライフサイクル制御が特徴です。Next.js、Gatsby等のフレームワーク、React Native によるモバイル開発、豊富なエコシステムにより、モダンなWebアプリケーション開発の中核を担っています。

Vue.jsは、Evan Youによって開発されたプログレッシブフレームワークで、「漸進的採用」のコンセプトのもと、既存プロジェクトへの段階的導入が可能です。テンプレート構文、リアクティブデータバインディング、コンポーネントシステム、Vuex（状態管理）、Vue Router（ルーティング）により、小規模から大規模まで幅広いWebアプリケーション開発をサポートします。学習曲線が緩やかで、HTML、CSS、JavaScriptの知識があれば容易に習得でき、日本や中国で特に人気が高いフレームワークです。

Angularは、Googleが開発したTypeScriptベースのフルスタックWebアプリケーションフレームワークで、エンタープライズグレードの大規模アプリケーション開発に特化しています。依存性注入、ルーティング、フォーム、HTTP クライアント、アニメーション、テスト等の包括的な機能を標準搭載し、TypeScriptによる強力な型システムとツールサポートを提供します。Angular CLI による開発効率化、RxJS による リアクティブプログラミング、Material Design コンポーネントにより、保守性とスケーラビリティに優れたアプリケーションを構築できます。

Svelteは、Rich Harrisが開発した革新的なWebフレームワークで、「コンパイル時にすべてを解決する」というアプローチを採用しています。従来のフレームワークと異なり、ビルド時にプレーンなJavaScriptコードを生成するため、ランタイムライブラリが不要で、バンドルサイズが小さく、実行性能が優秀です。リアクティブな状態管理、直感的なテンプレート構文、内蔵のアニメーション機能により、開発者体験と実行性能の両方を追求したフレームワークとして注目されています。SvelteKitによりフルスタック開発も可能です。

Next.jsは、Vercel（旧Zeit）が開発したReactベースのプロダクション対応フルスタックフレームワークです。サーバーサイドレンダリング（SSR）、静的サイト生成（SSG）、Incremental Static Regeneration（ISR）、ファイルベースルーティング、API Routes、自動コード分割等の先進的な機能を統合提供します。SEO最適化、パフォーマンス最適化、開発者体験の向上を同時に実現し、現代的なWebアプリケーション開発のベストプラクティスを体現したフレームワークとして、Netflix、TikTok、Twitchなどで採用されています。

Nuxt.jsは、Vue.jsエコシステムのフルスタックフレームワークで、Next.jsのVue.js版として開発されました。サーバーサイドレンダリング、静的サイト生成、ユニバーサル（同型）アプリケーション開発、自動ルーティング、モジュールシステム等の機能により、Vue.jsでの本格的なWebアプリケーション開発を支援します。Nuxt Contentによるヘッドレス CMS機能、Nuxt Bridge・Nuxt 3による最新技術採用、豊富なモジュールエコシステムにより、様々な要件に対応できる柔軟性を持ちます。

Webpackは、モダンWebアプリケーション開発に欠かせないモジュールバンドラーで、複雑な依存関係を持つアセットを効率的に管理・最適化します。JavaScript、TypeScript、CSS、SASS、画像、フォント等のあらゆるリソースをモジュールとして扱い、開発・本番環境向けに最適化されたバンドルを生成します。コード分割、Tree Shaking、Hot Module Replacement、プラグインシステムにより、開発体験とアプリケーション性能を大幅に向上させます。

Viteは、Vue.jsの作者Evan Youが開発した次世代フロントエンドビルドツールで、従来のWebpackより圧倒的に高速な開発体験を提供します。開発時はES modules を利用してバンドル処理をスキップし、esbuild による高速なトランスパイルで瞬間的な起動を実現します。本番ビルドはRollupベースで最適化され、TypeScript、JSX、CSS preprocessor等を標準サポートします。

Sass（Syntactically Awesome StyleSheets）は、CSSを拡張したスタイルシート言語で、変数、ネスト、mixin、継承、演算、条件分岐、ループ等のプログラミング的機能をCSSに追加します。SCSS（Sassy CSS）記法とSass記法があり、SCSSはCSS互換の波括弧記法、SassはPythonライクなインデント記法を採用します。大規模プロジェクトでのCSS管理を大幅に効率化し、保守性と再利用性を向上させます。

Bootstrapは、Twitter（現X）が開発したオープンソースのCSSフレームワークで、世界で最も普及しているフロントエンド開発ツールの一つです。12カラムのレスポンシブグリッドシステム、ボタン、フォーム、ナビゲーション、モーダル等の豊富なコンポーネント、Flexbox ベースのユーティリティクラスにより、統一感のあるUIを迅速に構築できます。カスタマイズ性も高く、Sass変数での調整やビルド設定の変更が可能です。

Tailwind CSSは、ユーティリティファーストの設計哲学を採用したCSSフレームワークで、従来のコンポーネントベースフレームワークとは異なるアプローチを提案します。`text-center`、`bg-blue-500`、`p-4`等の単一目的のクラスを組み合わせることで、カスタムデザインを効率的に実装できます。PurgeCSS連携による未使用CSS除去、設定ファイルによる詳細なカスタマイズ、JIT（Just-In-Time）コンパイルによる高速ビルドが特徴です。

jQueryは、2006年にJohn Resigが開発したJavaScriptライブラリで、「write less, do more」のスローガンのもと、複雑なJavaScript処理を簡潔に記述できるAPIを提供します。CSS セレクターによる要素選択、チェーンメソッドによる連続処理、ブラウザ間互換性の抽象化により、Web開発を大幅に効率化しました。2010年代前半まで圧倒的なシェアを誇り、現在でも多くのWebサイトで使用されています。

PWA（Progressive Web App）は、Web技術を使用してネイティブアプリケーションのような体験を提供するWebアプリケーションです。Service Worker によるオフライン対応とバックグラウンド処理、Web App Manifest によるホーム画面追加、プッシュ通知、高速読み込み、レスポンシブデザインにより、アプリストアを介さずに高品質なアプリ体験を実現します。Google、Microsoft、Appleが推進する技術標準です。

SPA（Single Page Application）は、単一のHTMLページで構成されるWebアプリケーションで、ページ遷移時に全体をリロードせず、JavaScript によってコンテンツを動的に更新します。初回読み込み後はAPI通信でデータを取得し、クライアントサイドルーティングで画面遷移を制御するため、デスクトップアプリケーションのようなスムーズな操作感を実現できます。React、Vue.js、Angularなどのフレームワークで実装されます。

SSR（Server-Side Rendering）は、Webページの HTML をサーバー側で生成してクライアントに送信する手法です。SPAのクライアントサイドレンダリングと対比され、SEO対策、初期表示の高速化、ソーシャルメディアでの適切なプレビュー表示を実現できます。Next.js、Nuxt.js、SvelteKit等のフレームワークがSSRを標準サポートし、ハイドレーション（サーバー生成HTMLのクライアント側活性化）により動的機能も提供します。

WebSocketは、HTML5で標準化された全二重通信プロトコルで、サーバーとクライアント間で継続的なリアルタイム通信を可能にします。従来のHTTPポーリングと異なり、コネクション確立後は低レイテンシーでメッセージ交換ができるため、チャットアプリケーション、多人数ゲーム、株価情報、スポーツスコア等のリアルタイム更新が必要なアプリケーションで威力を発揮します。Socket.IOなどのライブラリが開発を支援します。

REST API（REpresentational State Transfer API）は、Roy Fieldingの博士論文で提唱されたアーキテクチャ原則に基づくWeb API設計手法です。リソース指向のURL設計、HTTPメソッドの適切な使用、ステートレス通信、JSON形式でのデータ交換により、直感的で保守性の高いAPIを構築できます。マイクロサービス、モバイルアプリ、SPA等のモダンWeb開発において標準的なAPIスタイルとなっています。

CDN（Content Delivery Network）は、地理的に分散したサーバーネットワークから、ユーザーに最も近い場所からコンテンツを配信するインフラストラクチャサービスです。静的ファイル（HTML、CSS、JavaScript、画像、動画）をエッジサーバーにキャッシュすることで、表示速度の向上、オリジンサーバーの負荷軽減、帯域幅コストの削減を実現します。CloudFlare、AWS CloudFront、Fastly等が代表的なサービスです。

SEO（Search Engine Optimization）は、GoogleやBingなどの検索エンジンでWebサイトが上位表示されるように最適化する手法と戦略の総称です。キーワード選定、タイトル・見出しタグの最適化、内部リンク構造、ページ速度向上、モバイルフレンドリー対応、構造化データマークアップ、質の高いコンテンツ作成など、技術的・コンテンツ的な改善を通じて検索順位向上を目指します。

AJAX（Asynchronous JavaScript and XML）は、JavaScript を使用してWebページをリロードせずにサーバーと非同期でデータ交換する技術の総称です。XMLHttpRequest オブジェクト（現在はfetch API）を利用してバックグラウンドでHTTP通信を行い、レスポンスデータ（JSON、XML、HTML等）をJavaScriptで処理してページの一部を動的更新します。Googleマップ等で普及し、リッチなWebアプリケーション開発の基盤技術となりました。

DOM（Document Object Model）は、HTMLやXMLドキュメントをプログラムから操作するための標準的なAPIで、ドキュメントをノードのツリー構造として表現します。JavaScript から要素の取得、属性変更、スタイル変更、イベント処理、要素の追加・削除などが可能で、動的なWebページの基盤となります。getElementById、querySelector、addEventListener等のメソッドでDOM操作を行います。