トピック別用語 · 61 ガイド

技術とテスト

ウェブを構築するための要素と、それが正常に機能するかを示すテストを学びましょう。

01 / アトラス

全ての技術とテスト用語

簡単な意味、例、使用時期、公式度、コードネームを含む用語を開く

01 · コア
CSS CSS

CSSは、文書の要素がどのように見え、どのように配置されるかを制御するウェブのルールのセットです。色、間隔、レイアウト、画面サイズの変化、視覚状態を設定できます。
02 · コア
DOM DOM

ドキュメントオブジェクトモデル（DOM）は、ドキュメントをノードと呼ばれるオブジェクトのツリーに変換します。プログラムはその標準ツールを使用してドキュメントを読み書きします。
03 · コア
HTML HTML

HTMLは、ウェブページの構成要素と意味を与える標準マークアップ言語です。ブラウザに対して、見出し、リンク、画像、フォームなどが何であるかを伝えます。
04 · コア
JavaScript JavaScript

JavaScriptはECMAScript標準に基づくプログラミング言語です。ウェブサイトやその他のプログラムがユーザーの操作に応じて反応したり、時間とともに変化したりするためによく使用されます。
05 · コア
Lint Lint

Lint はコードを実行せずにチェックします。潜在的なバグ、安全でないパターン、スタイルの問題、壊れたプロジェクトルールを見つけます。
06 · さらに詳細
Next.js Next.js

Next.jsはReact上に構築されたフレームワークです。ルーティング、サーバーおよびブラウザでのレンダリング、データ読み込み、アセット最適化、デプロイルールを追加します。
07 · コア
npm npm

npmはJavaScriptのパッケージレジストリおよびコマンドラインツールです。パッケージをインストール、リスト表示、公開し、プロジェクトのスクリプトを実行します。
08 · コア
Python Python

Pythonは可読性の高いコードを持つ汎用プログラミング言語です。そのツールはウェブサービス、自動化、データ、機械学習をカバーします。
09 · さらに詳細
shadcn/ui shadcn/ui

shadcn/ui はアプリケーションに編集可能なUIコンポーネントのソースを提供します。これは、しばしばアクセシブルな基本コントロールをTailwind CSSと組み合わせます。
10 · さらに詳細
Stale-While-Revalidate Stale-While-Revalidate

Stale-while-revalidateは、バックグラウンドで新しい応答を確認している間、許可された古いキャッシュを一度に表示する場合があります。
11 · コア
Tailwind CSS Tailwind CSS

Tailwind CSS はユーティリティファーストの CSS フレームワークです。HTML の小さなクラスで共通のデザイン値とバリアントを適用します。
12 · さらに詳細
アクセシビリティ、パフォーマンス、オブザーバビリティ — 学習バンドル Accessibility, Performance & Observability — Learning Bundle

この学習バンドルは、3つの品質分野を結合します。アクセシビリティは誰が製品を利用できるかを確認します。パフォーマンスは応答速度とリソースコストを確認します。オブザーバビリティは稼働中のシステムを説明するのに役立ちます。このバンドルは1つの標準的な品質指標ではありません。
13 · コア
アクセシビリティテスト Accessibility Testing

アクセシビリティテストは、コンテンツやコントロールがアクセシビリティの要件を満たしているかを確認するために、ツールや人を使用して行います。これには、キーボードや支援技術を使用したテストが含まれます。
14 · コア
ヴュー Vue

Vueはコンポーネントインターフェイス向けのJavaScriptフレームワークです。テンプレートで画面を記述し、リアクティブデータが更新します。
15 · コア
エラーバウンダリ Error Boundary

エラーバウンダリは、コンポーネントツリーの一部内の画面クラッシュをキャッチします。そこで安全な置き換えを表示します。
16 · コア
エンドツーエンドテスト End-to-end Test

エンドツーエンド（E2E）テストは、組み立てられ配置されたシステムを通じて、完全なユーザーまたはビジネスのジャーニーを追います。
17 · さらに詳細
クエリ無効化 Query Invalidation

クエリ無効化は、キャッシュされたデータを古いものとしてマークします。画面上の関連データはその後、バックグラウンドで更新される可能性があります。
18 · さらに詳細
クライアントサイドレンダリング Client-side Rendering

クライアントサイドレンダリング（CSR）とは、JavaScriptと必要なデータが到着した後にブラウザがアプリ画面の大部分を構築することを意味します。
19 · コア
コアウェブバイタル Core Web Vitals

Core Web Vitalsは、Googleがページ読み込み、入力応答、視覚的安定性を測定した実際のユーザーの指標セットです。現在の指標はLCP、INP、CLSです。
20 · さらに詳細
コンポーネントテスト Component Test

コンポーネントテストは、インターフェースの一部を実際のレンダリングスペースに配置します。その部品に制御された入力とデータを渡し、動作を確認します。
21 · さらに詳細
サーバーサイドレンダリング Server-side Rendering

サーバーサイドレンダリング（SSR）は、各リクエストごとにサーバーでHTMLを作成し、準備されたページをブラウザに送信します。クライアント側の動作は後で付加される場合があります。
22 · コア
サーバーステート Server State

サーバーステートはサーバーが所有するリモートデータです。画面はコピーを保持しており、更新する必要があります。
23 · コア
スモークテスト Smoke Test

スモークテストは、小さくて速いテストのセットです。ビルドがこれから先の詳しいテストや利用に耐えられるか、大まかに確認します。
24 · さらに詳細
セキュリティテスト Security Testing

セキュリティテストは、明確な計画を用いてセキュリティ規則を確認し、攻撃者が利用する可能性のある弱点を発見します。設計、コード、設定、システム運用を対象とします。
25 · コア
セマンティックバージョニング Semantic Versioning

セマンティックバージョニング（SemVer）は、公開APIの変更点を示すためにMAJOR.MINOR.PATCH番号を使用します。また、プレリリースおよびビルドラベルのルールも定めます。
26 · コア
ターミナル Terminal

ターミナルは、コマンドシェルやツールを使うための文字だけの画面です。ファイルの中身を見たり、コマンドを実行したり、作業を自動化したりできます。
27 · コア
データプリフェッチ Data Prefetching

データプリフェッチは、画面が開く前に必要になりそうなデータを読み込みます。新しいキャッシュ結果により、次の画面を速く表示できます。
28 · コア
データ取得ライフサイクル Data Fetching Lifecycle

データ取得のライフサイクルは一つの読み取り要求に従います。待機から成功またはエラーへと進みます。成功はデータを含む場合もあれば空の場合もあります。
29 · コア
データ変更 Data Mutation

データの変更は、サーバデータの作成、変更、または削除を行います。画面は保留中および最終結果を追跡します。
30 · さらに詳細
テストカバレッジ Test Coverage

テストカバレッジは、どのコード・ニーズ・状態・リスクがテストでチェックされるかを示します。パーセンテージはあくまで一つの大まかな指標です。
31 · コア
テストケース Test Case

テストケースは、1つの動きやリスクを確認します。最初の準備、行動、そして期待される結果を明確にします。
32 · さらに詳細
テストダブル Test Double

テストダブルは、本物のシステムの代わりです。スタブ、フェイク、スパイ、モックを使うと、動きをコントロールしたり、中身を見えるようにしたりできます。
33 · さらに詳細
テストデータとフィクスチャ Test Data and Fixture

テストデータとフィクスチャは既知の入力とセットアップ手順です。それにより各テストでシステムが同じ状態になります。
34 · さらに詳細
テスト駆動開発 Test-driven Development

テスト駆動開発（TDD）は三つのステップを繰り返します。小さな失敗するテストを書く。合格する最小限のコードを書く。それからコードの動作を変えずにコードを整理する。
35 · さらに詳細
トランスパイラー Transpiler

トランスパイラは、ソースコードをある言語のバージョンや構文から別のソースコードに変換するコンパイラです。
36 · さらに詳細
ハイドレーション Hydration

ハイドレーションは、ブラウザの動作や状態を、サーバーやビルドですでに作られたHTMLに接続します。これにより、ページの選択された部分がインタラクティブなコントロールになります。
37 · コア
パッケージマネージャー Package Manager

パッケージマネージャーは、ソフトウェアパッケージおよびそれらの依存パッケージを検索、インストール、記録、更新、公開します。
38 · さらに詳細
パフォーマンス予算 Performance Budget

パフォーマンス予算は、ファイルサイズ、タイミング、ユーザー体験に関して作業開始前に設定される制限です。設計やコードの選択を導くのに役立ちます。
39 · さらに詳細
ビジュアルリグレッションテスト Visual Regression Test

ビジュアルリグレッションテストは、今日レンダリングされた画像を同じブラウザ条件下で承認済みの参照画像と比較します。
40 · コア
ビルド Build

ビルドは、ソースファイルと必要なパーツをまとめて、動かしたりテストしたりデプロイできる形に出力することだよ。
41 · コア
フロントエンドWebスタック — 学習バンドル Frontend Web Stack — Learning Bundle

この学習バンドルは、3つのブラウザ技術を結びつけます。HTMLは文書に意味を与えます。CSSはその見た目を制御します。JavaScriptやTypeScriptは振る舞いを追加します。このシステムビューは1つの標準技術ではありません。
42 · コア
フロントエンド状態管理 Frontend State Management

フロントエンド状態管理は、画面が何を記憶するか、そのデータがどこに保存されるか、そして何がそれを変更する可能性があるかを決定します。
43 · コア
ポーリング Polling

ポーリングは、変更を確認するためにタイマーで読み取りを繰り返します。間隔は適応、一時停止、または作業完了時に停止できます。
44 · コア
マークダウン Markdown

Markdownは小さな記号でプレーンテキストをフォーマットします。それらの記号は見出し、リスト、リンク、コードブロックを作成します。
45 · さらに詳細
モジュールバンドラー Module Bundler

モジュールバンドラーはコードモジュール間のリンクをたどり、デプロイ可能なファイルを作ります。通常、それらのファイルを分割、変更、改善します。
46 · コア
ユニット、統合 & エンドツーエンドテスト — 学習バンドル Unit, Integration & End-to-End Testing — Learning Bundle

この学習バンドルは、3つのテスト範囲を比較します。ユニットテストはロジック自体を確認します。統合テストは部品間の境界を確認します。エンドツーエンドテストは人々が使用するシステム全体を通して実行されます。このバンドルは一つの標準的なテストレベルではありません。
47 · コア
リアクト React

ReactはコンポーネントベースのインターフェースのためのJavaScriptライブラリです。データ、props、またはstateの変更により画面が更新されます。Reactではありません。
48 · コア
リクエストキャンセル Request Cancellation

リクエストキャンセルは、未完了のクライアント作業が不要になったことを示します。対応するAPIは中止信号を受け取ります。
49 · さらに詳細
リクエスト重複排除 Request Deduplication

リクエスト重複排除により、実行中の同一リクエストを複数の呼び出し元で共有できます。各呼び出し元は同じ結果を受け取ります。
50 · さらに詳細
ローカルファースト同期 Local-First Sync

ローカルファースト同期はデバイス上に作業コピーを保持します。ユーザーはオフラインで読み書きでき、その後他のデバイスのコピーと変更を統合します。
51 · さらに詳細
ロードテスト Load Testing

ロードテストは、計画されたトラフィック下でシステムの速度と信頼性を確認します。計画には、ユーザー、リクエスト、またはジョブの数とパターンが設定されます。
52 · さらに詳細
可観測性シグナル Observability Signals

可観測性シグナルは、システム自身の動作について送信する証拠です。一般的なシグナルにはトレース、メトリクス、ログ、およびサービス間で小さなコンテキストを運ぶバゲッジがあります。
53 · コア
回帰テスト Regression Test

レグレッションテストは、コードを直したあとも、前までうまく動いていた機能が壊れていないか確認します。
54 · コア
楽観的UI Optimistic UI

楽観的UIは、サーバーが確認する前に予想される結果を表示します。失敗した場合は古い結果が復元され、何が起こったかが説明されます。
55 · さらに詳細
契約試験 Contract Testing

契約テストは、別々に展開できる2つのシステムが合意された形式でメッセージを交換しているかどうかを確認します。
56 · コア
検索エンジン最適化 Search Engine Optimization

SEOは有用な公開ページが見つかり、理解されるのを助けます。また、クローリングやインデックス作成を容易に保ちます。
57 · コア
静的サイト生成 Static Site Generation

静的サイト生成（SSG）は、訪問者が要求する前に各ルートのHTMLを作成します。通常はビルド時に行われます。その後、サーバーは出来上がったファイルを送信できます。
58 · コア
単体テスト Unit Test

ユニットテストは、ソフトウェアの一部分だけを単独でチェックします。外部の遅いまたは信頼できないシステムはテストから除外されます。
59 · コア
統合テスト Integration Test

統合テストは、システムの2つ以上の部分が実際の接続ポイントを通じて一緒に動作するかどうかを確認します。
60 · さらに詳細
非同期競合状態 Async Race Condition

非同期レースは、重なったジョブが予期しない順序で終了するときに発生します。古い結果が新しい結果を上書きすることがあります。
61 · さらに詳細
不安定なテスト Flaky Test

Flaky Testは、コードを変えていないのに成功したり失敗したりするテストです。タイミングや順番、共有された状態、ランダム要素、他のシステムが原因になることが多いです。