angular · lacolaco · Nov 21, 2025 · Nov 21, 2025
@@ -1,6 +1,6 @@
 # ディレクティブ合成API
 
-Angularディレクティブは、再利用可能な動作をカプセル化する素晴らしい方法を提供します。
+Angularディレクティブは、再利用可能な動作をカプセル化するすばらしい方法を提供します。
 ディレクティブは、属性、CSSクラス、およびイベントリスナーを要素に適用できます。
 
 *ディレクティブ合成API* を使用すると、

@@ -19,7 +19,7 @@ Angularの新しい**開発者プレビュー**のサーバーレンダリング
 - **シームレスな開発サーバー統合：**
   - 完全統合された開発サーバーからスムーズで効率的な開発エクスペリエンスを活用できます。
 
-この開発者プレビューでは、これらの強力な新機能をいち早く確認できます。Angularチームは、皆様がこれらの機能を探索し、フィードバックを提供してAngularサーバーレンダリングの将来を形作ることを奨励しています。
+この開発者プレビューでは、これらの強力な新機能をいち早く確認できます。Angularチームは、みなさんがこれらの機能を探索し、フィードバックを提供してAngularサーバーレンダリングの将来を形作ることを奨励しています。
 
 ## ハイブリッドレンダリングの設定
 

@@ -103,4 +103,4 @@ NOTE: この例では、;文字で区切られた2つのパラメーターを使
 </docs-step>
 </docs-workflow>
 
-おめでとうございます！この時点で、遅延可能ビューについて十分に理解できたはずです。素晴らしい仕事を続け、次にトリガーについて学びましょう。
+おめでとうございます！この時点で、遅延可能ビューについて十分に理解できたはずです。すばらしい仕事を続け、次にトリガーについて学びましょう。
@@ -1,6 +1,6 @@
 # Angular チュートリアルへようこそ
 
-このインタラクティブなチュートリアルでは、Angularを使用して素晴らしいアプリケーションを作成するための基本的な構成要素を学びます。
+このインタラクティブなチュートリアルでは、Angularを使用してすばらしいアプリケーションを作成するための基本的な構成要素を学びます。
 
 ## このチュートリアルの使い方
 

@@ -107,7 +107,7 @@ NOTE: 詳しくは、[詳細ガイドの @defer を使った遅延読み込み](
 
 </docs-workflow>
 
-このアクティビティでは、アプリケーションで遅延可能ビューを使用する方法を学びました。素晴らしい仕事ですね。🙌
+このアクティビティでは、アプリケーションで遅延可能ビューを使用する方法を学びました。すばらしい仕事ですね。🙌
 
 さまざまなトリガー、プリフェッチ、`@error` ブロックなど、遅延可能ビューでできることは他にもたくさんあります。
 

@@ -102,4 +102,4 @@ providers: [
 
 このディレクティブをワークフローに追加することで、画像がAngularの助けを借りてベストプラクティスを使用して読み込まれるようになりました🎉
 
-詳細については、[NgOptimizedImageのドキュメント](guide/image-optimization) をご覧ください。素晴らしい仕事を続け、次はルーティングについて学びましょう。
+詳細については、[NgOptimizedImageのドキュメント](guide/image-optimization) をご覧ください。すばらしい仕事を続け、次はルーティングについて学びましょう。
@@ -72,6 +72,6 @@ export class App {}
 
 </docs-workflow>
 
-これで、アプリケーションはAngular Routerを使用できるようになりました。素晴らしいですね！🙌
+これで、アプリケーションはAngular Routerを使用できるようになりました。すばらしいですね！🙌
 
 勢いを維持して、次のステップであるアプリケーションのルートの定義を学びましょう。
@@ -60,6 +60,6 @@ component: Home,
 
 </docs-workflow>
 
-このアクティビティでは、Angularアプリケーションでルートを定義および構成する方法を学びました。素晴らしいですね。🙌
+このアクティビティでは、Angularアプリケーションでルートを定義および構成する方法を学びました。すばらしいですね。🙌
 
 アプリケーションでルーティングを完全に有効にするための道のりは、あとわずかです。頑張ってください。
@@ -51,4 +51,4 @@ import { RouterLink, RouterOutlet } from '@angular/router';
 
 これで、ナビゲーション内のリンクをクリックしてもちらつきはなく、ページの内容自体（つまり `router-outlet`）のみが変更されます🎉
 
-Angularでのルーティングについて学ぶことは素晴らしいことです。これは`Router` APIの表面的な部分に過ぎません。詳細については、[Angular Router ドキュメント](guide/routing)をご覧ください。
+Angularでのルーティングについて学ぶことはすばらしいことです。これは`Router` APIの表面的な部分に過ぎません。詳細については、[Angular Router ドキュメント](guide/routing)をご覧ください。
@@ -67,4 +67,4 @@ NOTE: `[()]`という構文は、「バナナインボックス」として知
 
 これで、Angularでフォームを構築するための重要な最初のステップを踏み出しました。
 
-素晴らしいですね。勢いを維持しましょう！
+すばらしいですね。勢いを維持しましょう！
@@ -121,4 +121,4 @@ Angularには、`ngSubmit`というこの特定の目的に合わせたイベン
 
 このようにして、Angularのリアクティブフォームの使い方を学びました。
 
-このアクティビティは素晴らしいですね。フォームの検証について学ぶために進んでください。
+このアクティビティはすばらしいですね。フォームの検証について学ぶために進んでください。
@@ -53,4 +53,4 @@ profileForm = new FormGroup({
 
 これで、リアクティブフォームでの検証の仕方の基本を理解しました。
 
-Angularでのフォーム操作に関するこれらの基本的な概念を学ぶのは素晴らしいですね。さらに学びたい場合は、[Angularフォームドキュメント](guide/forms/form-validation) を参照してください。
+Angularでのフォーム操作に関するこれらの基本的な概念を学ぶのはすばらしいですね。さらに学びたい場合は、[Angularフォームドキュメント](guide/forms/form-validation) を参照してください。
@@ -51,4 +51,4 @@ template: `<p>Car Listing: {{ display }}</p>`,
 
 </docs-workflow>
 
-初めてサービスをコンポーネントに注入できました。素晴らしい取り組みです。
+初めてサービスをコンポーネントに注入できました。すばらしい取り組みです。
@@ -61,4 +61,4 @@ template: `{{username | lowercase }}`
 
 パイプは、出力の構成に使用できるパラメーターも受け取れます。次のアクティビティで詳しく説明します。
 
-追伸、あなたは素晴らしいです⭐️
+追伸、あなたはすばらしいです⭐️
@@ -67,7 +67,7 @@ template: `
 
 </docs-workflow>
 
-パイプに関する素晴らしい作業です。ここまで素晴らしい進歩を遂げてきましたね。
+パイプに関するすばらしい作業です。ここまですばらしい進歩を遂げてきましたね。
 
 アプリケーションで使用できる組み込みのパイプは他にもたくさんあります。[Angular ドキュメント](guide/templates/pipes)でそのリストを見つけることができます。
 

@@ -37,4 +37,4 @@ template: `<section><app-user /></section>`,
 </docs-workflow>
 必要なだけ多くのHTMLマークアップとコンポーネントを使用して、アプリのアイデアを実現できます。同じページにコンポーネントの複数のコピーを含めることもできます。
 
-これは素晴らしい導入ですね。データに基づいてコンポーネントを条件付きで表示するにはどうすればよいでしょうか？詳細については、次のセクションをご覧ください。
+これはすばらしい導入ですね。データに基づいてコンポーネントを条件付きで表示するにはどうすればよいでしょうか？詳細については、次のセクションをご覧ください。
@@ -57,4 +57,4 @@ NOTE: `track` の使用は必須です。`id` またはその他のユニーク
 
 </docs-workflow>
 
-このタイプの機能は、制御フローと呼ばれます。次に、コンポーネントをカスタマイズして通信する方法について学びます。ちなみに、あなたは素晴らしい仕事をしています。
+このタイプの機能は、制御フローと呼ばれます。次に、コンポーネントをカスタマイズして通信する方法について学びます。ちなみに、あなたはすばらしい仕事をしています。
@@ -43,6 +43,6 @@ export class App {
 
 </docs-workflow>
 
-これで、divは編集可能になりました。素晴らしいですね👍
+これで、divは編集可能になりました。すばらしいですね👍
 
 プロパティバインディングは、Angularの強力な機能の1つです。詳細については、[Angularドキュメント](guide/templates/property-binding)をご覧ください。
@@ -50,4 +50,4 @@ showSecretMessage() {
 
 </docs-workflow>
 
-これで、ほんの数ステップでAngularの最初のイベントハンドラーを作成できました。うまくいっているようです。素晴らしいですね。頑張ってください。
+これで、ほんの数ステップでAngularの最初のイベントハンドラーを作成できました。うまくいっているようです。すばらしいですね。頑張ってください。
@@ -52,6 +52,6 @@ export class App {}
 
 </docs-workflow>
 
-これは素晴らしいことですが、コンポーネント通信の片方向だけです。子コンポーネントから親コンポーネントに情報とデータを送信したい場合はどうでしょうか？次のレッスンでその方法を学びましょう。
+これはすばらしいことですが、コンポーネント通信の片方向だけです。子コンポーネントから親コンポーネントに情報とデータを送信したい場合はどうでしょうか？次のレッスンでその方法を学びましょう。
 
-P.S. あなたは素晴らしいです - 頑張ってください 🎉
+P.S. あなたはすばらしいです - 頑張ってください 🎉
@@ -66,6 +66,6 @@ addItem() {
 
 </docs-workflow>
 
-やりましたね、これでコンポーネントの基本を理解できました。素晴らしい👏
+やりましたね、これでコンポーネントの基本を理解できました。すばらしい👏
 
 さらに学び続けることで、Angularの優れた機能をさらに活用できます。
@@ -68,6 +68,6 @@ loginForm = form(this.loginModel);
 
 </docs-workflow>
 
-素晴らしい! フォームモデルを設定しました。`loginModel` シグナルがフォームデータを保持し、`loginForm` が型安全性を備えた各フィールドへのアクセスを提供します。
+すばらしい! フォームモデルを設定しました。`loginModel` シグナルがフォームデータを保持し、`loginForm` が型安全性を備えた各フィールドへのアクセスを提供します。
 
 次に、[フォームをテンプレートに接続する方法](/tutorials/signal-forms/2-connect-form-template)を学びます!
@@ -74,6 +74,6 @@ checkbox入力に `[field]` ディレクティブを追加します:
 
 </docs-workflow>
 
-素晴らしい! フォームをテンプレートに接続し、フォーム値を表示しました。`[field]` ディレクティブは双方向データバインディングを自動的に処理します - 入力すると、`loginModel` シグナルが更新され、表示される値が即座に更新されます。
+すばらしい! フォームをテンプレートに接続し、フォーム値を表示しました。`[field]` ディレクティブは双方向データバインディングを自動的に処理します - 入力すると、`loginModel` シグナルが更新され、表示される値が即座に更新されます。
 
 次に、[フォームにバリデーションを追加する方法](/tutorials/signal-forms/3-add-validation)を学びます!
@@ -56,6 +56,6 @@ password入力の下に、passwordエラーの同じパターンを追加しま
 
 </docs-workflow>
 
-素晴らしい! フォームにエラー表示を追加しました。エラーは、ユーザーがフィールドと対話した後にのみ表示され、邪魔にならずに役立つフィードバックを提供します。
+すばらしい! フォームにエラー表示を追加しました。エラーは、ユーザーがフィールドと対話した後にのみ表示され、邪魔にならずに役立つフィードバックを提供します。
 
 次に、[フォーム送信の処理方法](/tutorials/signal-forms/5-add-submission)を学びます!
@@ -95,7 +95,7 @@ effectは、追跡しているシグナルが変更されるたびに自動的
 
 </docs-workflow>
 
-素晴らしい！これで、シグナルでeffectを使用する方法を学びました。覚えておくべき主要な概念は次のとおりです。
+すばらしい！これで、シグナルでeffectを使用する方法を学びました。覚えておくべき主要な概念は次のとおりです。
 
 - **effectはリアクティブである**: 読み取ったシグナルが変更されると自動的に実行されます
 - **副作用のみ**: ロギング、DOM操作、API呼び出し、命令型APIへの同期に最適です

@@ -97,7 +97,7 @@ isWithinWorkingHours = computed(() => {
 
 </docs-workflow>
 
-素晴らしい！これで算出シグナルの作成方法を学びました。
+すばらしい！これで算出シグナルの作成方法を学びました。
 
 覚えておくべき重要な点がいくつかあります。
 

@@ -85,7 +85,7 @@ toggleNotifications() {
 
 </docs-workflow>
 
-素晴らしい！算出シグナルとリンクシグナルの主な違いを学びました。
+すばらしい！算出シグナルとリンクシグナルの主な違いを学びました。
 
 - **算出シグナル**: 読み取り専用で、常に他のシグナルから派生します
 - **リンクシグナル**: 書き込み可能で、派生と手動更新の両方が可能です

@@ -100,7 +100,7 @@ Part 2. **プレースホルダーをリソースの状態処理に置き換え
 
 </docs-workflow>
 
-素晴らしい！これでResource APIをシグナルと組み合わせて使う方法を学びました。覚えておくべき重要な概念は次のとおりです。
+すばらしい！これでResource APIをシグナルと組み合わせて使う方法を学びました。覚えておくべき重要な概念は次のとおりです。
 
 - **リソースはリアクティブです**: パラメータが変更されると自動的にリロードされます
 - **組み込みの状態管理**: リソースは`status()`、`value()`、`error()`シグナルを提供します

@@ -93,7 +93,7 @@ toggleAvailability() {
 
 </docs-workflow>
 
-素晴らしい！シグナル入力の仕組みを学びました。
+すばらしい！シグナル入力の仕組みを学びました。
 
 - **シグナル入力** - 親コンポーネントからデータを受け取るために`input()`と`input.required()`を使用します
 - **リアクティブな更新** - 親シグナル値が変更されると、子コンポーネントは自動的に更新されます

@@ -93,7 +93,7 @@ export class App {
 
 </docs-workflow>
 
-素晴らしい！サービスでシグナルを使用する方法を学びました。覚えておくべき主要な概念は次のとおりです。
+すばらしい！サービスでシグナルを使用する方法を学びました。覚えておくべき主要な概念は次のとおりです。
 
 - **サービスレベルシグナル**: サービスはシグナルを使用してリアクティブな状態を管理できます
 - **依存性の注入**: `inject()`を使用して、コンポーネントでシグナルを持つサービスにアクセスします

@@ -47,6 +47,17 @@ rules:
   - expected: 参照してください
     pattern: ご参照ください
 
+  - expected: みなさん
+    pattern:
+      - 皆様
+      - 皆さん
+      - みな様
+
+  - expected: すばらしい
+    pattern:
+      - 素晴らしい
+      - 素晴しい
+
   - expected: 伝播する
     pattern: 伝わる
Original file line number	Diff line number	Diff line change
Expand Up		@@ -102,4 +102,4 @@ providers: [

		このディレクティブをワークフローに追加することで、画像がAngularの助けを借りてベストプラクティスを使用して読み込まれるようになりました🎉

		詳細については、[NgOptimizedImageのドキュメント](guide/image-optimization) をご覧ください。素晴らしい仕事を続け、次はルーティングについて学びましょう。
		詳細については、[NgOptimizedImageのドキュメント](guide/image-optimization) をご覧ください。すばらしい仕事を続け、次はルーティングについて学びましょう。
Original file line number	Diff line number	Diff line change
Expand Up		@@ -51,4 +51,4 @@ import { RouterLink, RouterOutlet } from '@angular/router';

		これで、ナビゲーション内のリンクをクリックしてもちらつきはなく、ページの内容自体（つまり `router-outlet`）のみが変更されます🎉

		Angularでのルーティングについて学ぶことは素晴らしいことです。これは`Router` APIの表面的な部分に過ぎません。詳細については、[Angular Router ドキュメント](guide/routing)をご覧ください。
		Angularでのルーティングについて学ぶことはすばらしいことです。これは`Router` APIの表面的な部分に過ぎません。詳細については、[Angular Router ドキュメント](guide/routing)をご覧ください。
Original file line number	Diff line number	Diff line change
Expand Up		@@ -67,4 +67,4 @@ NOTE: `[()]`という構文は、「バナナインボックス」として知

		これで、Angularでフォームを構築するための重要な最初のステップを踏み出しました。

		素晴らしいですね。勢いを維持しましょう！
		すばらしいですね。勢いを維持しましょう！
Original file line number	Diff line number	Diff line change
Expand Up		@@ -121,4 +121,4 @@ Angularには、`ngSubmit`というこの特定の目的に合わせたイベン

		このようにして、Angularのリアクティブフォームの使い方を学びました。

		このアクティビティは素晴らしいですね。フォームの検証について学ぶために進んでください。
		このアクティビティはすばらしいですね。フォームの検証について学ぶために進んでください。
Original file line number	Diff line number	Diff line change
Expand Up		@@ -53,4 +53,4 @@ profileForm = new FormGroup({

		これで、リアクティブフォームでの検証の仕方の基本を理解しました。

		Angularでのフォーム操作に関するこれらの基本的な概念を学ぶのは素晴らしいですね。さらに学びたい場合は、[Angularフォームドキュメント](guide/forms/form-validation) を参照してください。
		Angularでのフォーム操作に関するこれらの基本的な概念を学ぶのはすばらしいですね。さらに学びたい場合は、[Angularフォームドキュメント](guide/forms/form-validation) を参照してください。
Original file line number	Diff line number	Diff line change
Expand Up		@@ -51,4 +51,4 @@ template: `<p>Car Listing: {{ display }}</p>`,

		</docs-workflow>

		初めてサービスをコンポーネントに注入できました。素晴らしい取り組みです。
		初めてサービスをコンポーネントに注入できました。すばらしい取り組みです。
Original file line number	Diff line number	Diff line change
Expand Up		@@ -61,4 +61,4 @@ template: `{{username \| lowercase }}`

		パイプは、出力の構成に使用できるパラメーターも受け取れます。次のアクティビティで詳しく説明します。

		追伸、あなたは素晴らしいです⭐️
		追伸、あなたはすばらしいです⭐️
Original file line number	Diff line number	Diff line change
Expand Up		@@ -57,4 +57,4 @@ NOTE: `track` の使用は必須です。`id` またはその他のユニーク

		</docs-workflow>

		このタイプの機能は、制御フローと呼ばれます。次に、コンポーネントをカスタマイズして通信する方法について学びます。ちなみに、あなたは素晴らしい仕事をしています。
		このタイプの機能は、制御フローと呼ばれます。次に、コンポーネントをカスタマイズして通信する方法について学びます。ちなみに、あなたはすばらしい仕事をしています。
Original file line number	Diff line number	Diff line change
Expand Up		@@ -50,4 +50,4 @@ showSecretMessage() {

		</docs-workflow>

		これで、ほんの数ステップでAngularの最初のイベントハンドラーを作成できました。うまくいっているようです。素晴らしいですね。頑張ってください。
		これで、ほんの数ステップでAngularの最初のイベントハンドラーを作成できました。うまくいっているようです。すばらしいですね。頑張ってください。