# ディレクティブとPipe (Angular) > Built-in directives、custom directives、attribute directives、structural directives、built-in pipes、custom pipes、pure vs impure pipes - 22 面接問題 - Mid-Level - [面接問題: Angular](https://sharpskill.dev/ja/technologies/angular/interview-questions.md) ## 1. Angularにおける構造ディレクティブとは何ですか？ **回答** 構造ディレクティブは、要素を追加、削除、または操作することでDOM構造を変更します。*が接頭辞として付きます（例：*ngIf、*ngFor）。外観や動作を変更する属性ディレクティブとは異なり、構造ディレクティブはDOMから要素を追加または削除できます。 ## 2. ngForをtrackByと共に使用する正しい構文は何ですか？ **回答** 正しい構文では、セミコロンを使用してイテレーションとtrackBy関数を区切ります。trackBy関数は、Angularが変更、追加、または削除されたアイテムを識別できるようにすることでパフォーマンスを向上させます。2つのパラメータ（indexとitem）を受け取り、一意の識別子を返します。 ## 3. なぜngForでtrackByを使用するのですか？ **回答** trackByは、Angularが変更されたアイテムを正確に識別できるようにすることで、リストレンダリングのパフォーマンスを向上させます。trackByがない場合、Angularは変更が発生したときにすべてのDOM要素を再作成します。trackByを使用すると、変更されたアイテムのみが更新され、不要な再作成を回避できます。 ## さらに19問利用可能 - 条件に基づいて要素を条件付きで表示するには、どのディレクティブを使用すべきですか？ - *ngIfと[hidden]の違いは何ですか？ 無料で登録: https://sharpskill.dev/ja/login ## その他のAngular面接トピック - [TypeScriptの基礎](https://sharpskill.dev/ja/technologies/angular/interview-questions/typescript-basics.md): 25問, Junior - [TypeScript上級](https://sharpskill.dev/ja/technologies/angular/interview-questions/typescript-advanced.md): 20問, Junior - [Angularの基礎](https://sharpskill.dev/ja/technologies/angular/interview-questions/angular-fundamentals.md): 20問, Junior - [コンポーネントとライフサイクル](https://sharpskill.dev/ja/technologies/angular/interview-questions/components-lifecycle.md): 20問, Junior - [Services & Dependency Injection](https://sharpskill.dev/ja/technologies/angular/interview-questions/services-dependency-injection.md): 20問, Junior - [Angularモジュールの構成](https://sharpskill.dev/ja/technologies/angular/interview-questions/modules-organization.md): 22問, Mid-Level - [Angular CLI](https://sharpskill.dev/ja/technologies/angular/interview-questions/angular-cli.md): 18問, Junior - [ルーティングとナビゲーション](https://sharpskill.dev/ja/technologies/angular/interview-questions/routing-navigation.md): 24問, Mid-Level - [リアクティブフォーム](https://sharpskill.dev/ja/technologies/angular/interview-questions/forms-reactive.md): 26問, Mid-Level - [テンプレート駆動フォーム](https://sharpskill.dev/ja/technologies/angular/interview-questions/forms-template-driven.md): 16問, Mid-Level - [RxJS の基礎](https://sharpskill.dev/ja/technologies/angular/interview-questions/rxjs-fundamentals.md): 22問, Mid-Level - [RxJS オペレーター](https://sharpskill.dev/ja/technologies/angular/interview-questions/rxjs-operators.md): 24問, Mid-Level - [HttpClientとAPI呼び出し](https://sharpskill.dev/ja/technologies/angular/interview-questions/http-client.md): 22問, Mid-Level - [基本的な状態管理](https://sharpskill.dev/ja/technologies/angular/interview-questions/state-management-basics.md): 20問, Mid-Level - [Change Detection](https://sharpskill.dev/ja/technologies/angular/interview-questions/change-detection.md): 20問, Mid-Level - [Angular Signals](https://sharpskill.dev/ja/technologies/angular/interview-questions/angular-signals.md): 20問, Mid-Level - [Standalone Components](https://sharpskill.dev/ja/technologies/angular/interview-questions/standalone-components.md): 18問, Mid-Level - [Angularのユニットテスト](https://sharpskill.dev/ja/technologies/angular/interview-questions/testing-unit.md): 22問, Mid-Level - [エンドツーエンドテスト](https://sharpskill.dev/ja/technologies/angular/interview-questions/testing-e2e.md): 18問, Mid-Level - [ビルドと最適化](https://sharpskill.dev/ja/technologies/angular/interview-questions/build-optimization.md): 20問, Mid-Level - [NgRxの基礎](https://sharpskill.dev/ja/technologies/angular/interview-questions/ngrx-fundamentals.md): 24問, Senior - [NgRx応用](https://sharpskill.dev/ja/technologies/angular/interview-questions/ngrx-advanced.md): 24問, Senior - [Angularアーキテクチャ](https://sharpskill.dev/ja/technologies/angular/interview-questions/angular-architecture.md): 22問, Senior - [パフォーマンス最適化](https://sharpskill.dev/ja/technologies/angular/interview-questions/performance-optimization.md): 22問, Senior - [セキュリティとベストプラクティス](https://sharpskill.dev/ja/technologies/angular/interview-questions/security-best-practices.md): 20問, Senior - [高度な RxJS パターン](https://sharpskill.dev/ja/technologies/angular/interview-questions/advanced-rxjs-patterns.md): 22問, Senior - [Angular Universal と SSR](https://sharpskill.dev/ja/technologies/angular/interview-questions/angular-universal-ssr.md): 20問, Senior - [Angular マイクロフロントエンド](https://sharpskill.dev/ja/technologies/angular/interview-questions/micro-frontends-angular.md): 20問, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/ja/technologies/angular/interview-questions/directives-pipes