AYCFフロントエンドエンジニア-エキスパート - 練習問題
使い方
- 選択肢をクリックすると、正解/不正解が表示されます
- 選択肢の順番は問題ごとにランダムに並び替えられています
- 回答すると自動的に解説が表示されます
- 上部の結果欄で正解率を確認できます（スクロールに追従）
- 「リセット」ボタンで最初からやり直せます
練習問題（40問）
JavaScriptで、大規模アプリケーションにおける状態管理を予測可能で一元化するために広く使われるパターンはどれですか？
Webパフォーマンスの最適化において、クリティカルレンダリングパスを短縮するために最初に行うべきことは何ですか？
JavaScriptにおいて、ブラウザの描画サイクルに同期してアニメーションを実行するための最適なAPIはどれですか？
Webセキュリティにおいて、クロスサイトスクリプティング（XSS）攻撃を防止するための最も基本的な対策はどれですか？
Webにおけるアクセスしやすい（アクセシブルな）フォームを構築する際、入力要素とラベルを関連付けるための最も適切なHTMLタグは何ですか？
JavaScriptのスコープにおいて、関数内で宣言された変数が、その関数が実行された後も生き残り続ける現象を可能にする機能は何ですか？
WebAssembly（Wasm）がJavaScriptと比べて優れている点として最も適切なものは何ですか？
Web Workersを使用して、メインスレッドとは別のスレッドで重い処理を実行するためのAPIはどれですか？
Webサイトのセキュリティにおいて、悪意のあるサイトからユーザーの意図しないリクエストを強制的に実行させる攻撃を何と呼びますか？
JavaScriptにおいて、全てのオブジェクトが持つ、プロパティやメソッドを継承するための雛形となるオブジェクトは何ですか？
Webアプリケーションの品質を担保するため、個々の関数やコンポーネントが正しく動作するかを検証するテスト手法は何ですか？
コードの変更がメインブランチにマージされるたびに、自動的にビルド、テスト、デプロイを行うプロセスの総称は何ですか？
Webパフォーマンスの指標である「Time to Interactive（TTI）」が示すものは何ですか？
JavaScriptの非同期処理において、`Promise`チェーンの最後にエラー処理を記述するためのメソッドは何ですか？
Webページのアクセシビリティを向上させるためのARIA属性で、ボタンやトグルボタンなどの状態を示す役割を持つものはどれですか？
Webサーバーに依存せず、クライアントサイドでデータを永続的に保存するための、大規模で複雑なデータ構造を扱えるAPIはどれですか？
CSSで、要素を非表示にするが、スクリーンリーダーには読み上げさせたい場合に最も適切な方法はどれですか？
Webアプリケーションのアーキテクチャ設計において、アプリケーションの状態を管理する唯一の信頼できる情報源を何と呼びますか？
JavaScriptの`this`キーワードについて、アロー関数が他の関数と異なる点は何ですか？
Webサーバーとクライアント間でリアルタイムな双方向通信を可能にするプロトコルは何ですか？
Webサイトのパフォーマンスを向上させるために、ブラウザがレンダリングをブロックするのを避けるべきリソースはどれですか？
JavaScriptで、複数のPromiseがすべて解決されるまで待機するためのメソッドはどれですか？
Webアプリケーションのセキュリティにおいて、HTTPリクエストヘッダーに含めることで、クリックジャッキング攻撃を防止する目的で使用されるものは何ですか？
ユーザーがキーボードの`Tab`キーで操作する際に、Webページ上のどの要素にフォーカスが当たっているかを視覚的に明確にするための設計は何ですか？
Webパフォーマンスの指標である`Cumulative Layout Shift (CLS)`が示すものは何ですか？
JavaScriptの非同期処理において、複数のPromiseのうち、最初に解決（成功または失敗）したPromiseの結果を返すメソッドはどれですか？
Webアプリケーションのアーキテクチャにおいて、ビューとモデルの分離を目的とし、双方向データバインディングを使用するパターンはどれですか？
Webパフォーマンスを向上させるために、リソースを非同期で読み込む際に、そのリソースの重要度をブラウザに伝えるための`link`タグの属性はどれですか？
JavaScriptで、関数が呼び出された際の実行コンテキストを指すキーワードは何ですか？
フロントエンド開発における「マイクロサービスアーキテクチャ」の考え方をフロントエンドに応用したものは何ですか？
Webセキュリティにおいて、悪意のあるサイトからのリクエストを防止するためのHTTPヘッダーは何ですか？
Webアプリケーションのテストにおいて、複数のコンポーネントやシステムが連携して正しく動作するかを検証するテスト手法は何ですか？
Webページの初期描画を高速化するために、ブラウザがダウンロードしたHTMLを解析し、DOMツリーを構築するプロセスの次のステップは何ですか？
Web技術において、CやC++、Rustなどの言語で書かれたコードをブラウザで実行可能にするためのバイナリ形式は何ですか？
Webページにアクセスしたユーザーのブラウザに、動的なコンテンツや機能をキャッシュし、オフラインでも利用可能にする技術は何ですか？
JavaScriptにおいて、`let`や`const`で宣言された変数が、スコープの先頭から宣言行まで一時的にアクセスできない領域を何と呼びますか？
Webアプリケーションのパフォーマンスを測定する際に、Googleが推奨する3つの主要な指標を何と呼びますか？
JavaScriptのプロトタイプチェーンにおいて、プロパティが存在しない場合に次に探される場所を示すプロパティは何ですか？
Webアプリケーションのアーキテクチャにおいて、データの読み取りと書き込みを分離することでスケーラビリティとパフォーマンスを向上させるパターンは何ですか？
ユーザーがWebページをキーボードで操作する際、フォーカス可能な要素のタブ順序を制御するために使用するHTML属性は何ですか？