Skip to content

Commit 6d27e2d

Browse files
committed
fix: migrate markdown translation changes
1 parent 1e20f21 commit 6d27e2d

File tree

3 files changed

+46
-40
lines changed

3 files changed

+46
-40
lines changed

adev-ja/src/content/guide/aria/overview.md

Lines changed: 22 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -52,24 +52,34 @@ npm install @angular/aria
5252

5353
## 含まれているもの {#whats-included}
5454

55-
Angular Ariaには、一般的なインタラクティブパターンに対応するディレクティブが含まれています:
55+
Angular Ariaには、包括的なドキュメント、動作するサンプル、およびAPIリファレンスを備えた、一般的なインタラクティブパターンに対応するディレクティブが含まれています:
56+
57+
### 検索と選択 {#search-and-selection}
5658

5759
| Component | 説明 |
5860
| --------------------------------------- | ---------------------------------------------------------------------- |
59-
| [Accordion](guide/aria/accordion) | 個別に、または排他的に展開できる折りたたみ可能なコンテンツパネル |
6061
| [Autocomplete](guide/aria/autocomplete) | ユーザーが入力するにつれて表示される、フィルタリングされたサジェスト付きのテキスト入力 |
61-
| [Combobox](guide/aria/combobox) | テキスト入力とポップアップを連携させるプリミティブなディレクティブ |
62-
| [Grid](guide/aria/grid) | セル単位のキーボードナビゲーションを備えた2次元のデータ表示 |
6362
| [Listbox](guide/aria/listbox) | キーボードナビゲーション付きの単一選択または複数選択のオプションリスト |
64-
| [Menu](guide/aria/menu) | ネストされたサブメニューとキーボードショートカットを持つドロップダウンメニュー |
65-
| [Menubar](guide/aria/menubar) | 永続的なアプリケーションメニュー用の水平ナビゲーションバー |
66-
| [Multiselect](guide/aria/multiselect) | コンパクトな表示を持つ複数選択のドロップダウンパターン |
6763
| [Select](guide/aria/select) | キーボードナビゲーション付きの単一選択のドロップダウンパターン |
68-
| [Tabs](guide/aria/tabs) | 自動または手動のアクティベーションモードを持つタブ付きインターフェース |
69-
| [Toolbar](guide/aria/toolbar) | 論理的なキーボードナビゲーションを持つ、グループ化されたコントロールのセット |
70-
| [Tree](guide/aria/tree) | 展開/折りたたみ機能を持つ階層的なリスト |
64+
| [Multiselect](guide/aria/multiselect) | コンパクトな表示を持つ複数選択のドロップダウンパターン |
65+
| [Combobox](guide/aria/combobox) | テキスト入力とポップアップを連携させるプリミティブなディレクティブ |
66+
67+
### ナビゲーションとCTA {#navigation-and-call-to-actions}
68+
69+
| Component | 説明 |
70+
| ----------------------------- | ---------------------------------------------------- |
71+
| [Menu](guide/aria/menu) | ネストされたサブメニューとキーボードショートカットを持つドロップダウンメニュー |
72+
| [Menubar](guide/aria/menubar) | 永続的なアプリケーションメニュー用の水平ナビゲーションバー |
73+
| [Tabs](guide/aria/tabs) | 自動または手動のアクティベーションモードを持つタブ付きインターフェース |
74+
| [Toolbar](guide/aria/toolbar) | 論理的なキーボードナビゲーションを持つ、グループ化されたコントロールのセット |
7175

72-
各コンポーネントには、包括的なドキュメント、動作するサンプル、およびAPIリファレンスが含まれています。
76+
### コンテンツの構成 {#content-organization}
77+
78+
| Component | 説明 |
79+
| --------------------------------- | --------------------------------------------------------------- |
80+
| [Accordion](guide/aria/accordion) | 個別に、または排他的に展開できる折りたたみ可能なコンテンツパネル |
81+
| [Tree](guide/aria/tree) | 展開/折りたたみ機能を持つ階層的なリスト |
82+
| [Grid](guide/aria/grid) | セル単位のキーボードナビゲーションを備えた2次元のデータ表示 |
7383

7484
## Angular Ariaを使用する場面 {#when-to-use-angular-aria}
7585

@@ -89,24 +99,4 @@ Angular Ariaはすべてのシナリオに適しているわけではありま
8999

90100
## 次のステップ {#next-steps}
91101

92-
コンポーネントガイドを調べて、ニーズに合ったパターンを見つけてください:
93-
94-
**検索と選択**
95-
96-
- Autocomplete - ユーザーの入力に応じてオプションを検索・フィルタリングします
97-
- Listbox - リストから1つまたは複数の項目を選択します
98-
- Select - オプションのリストから1つのオプションを選択します
99-
- Multiselect - オプションのリストから1つのオプションを選択します
100-
101-
**ナビゲーションとCTA**
102-
103-
- Menu - ネスト可能なサブメニューを持つアクションメニュー
104-
- Tabs - 関連するコンテンツパネルを切り替えます
105-
- Toolbar - 関連するコントロールとアクションをグループ化します
106-
107-
**コンテンツの構成**
108-
109-
- Accordion - コンテンツのセクションを表示・非表示にします
110-
- Tree - 階層的なデータ構造を表示します
111-
データ表示
112-
- Grid - 表形式のデータをナビゲートし、操作します
102+
サイドナビまたは[上記のリスト](#whats-included)からコンポーネントを確認するか、[Toolbar](guide/aria/toolbar)から始めて、Angular Ariaディレクティブの動作の完全な例を確認してください!

adev-ja/src/content/guide/tailwind.md

Lines changed: 22 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,27 @@
22

33
[Tailwind CSS](https://tailwindcss.com/)は、HTMLを離れることなくモダンなウェブサイトを構築するために使用できる、ユーティリティファーストのCSSフレームワークです。このガイドでは、AngularプロジェクトでTailwind CSSをセットアップする方法を説明します。
44

5-
## Tailwind CSSのセットアップ {#setting-up-tailwind-css}
5+
## `ng add`を使用した自動セットアップ {#automated-setup-with-ng-add}
6+
7+
Angular CLIは、`ng add`コマンドを使用してTailwind CSSをプロジェクトに統合する合理的な方法を提供します。このコマンドは、必要なパッケージを自動的にインストールし、Tailwind CSSを設定し、プロジェクトのビルド設定を更新します。
8+
9+
まず、ターミナルでAngularプロジェクトのルートディレクトリに移動し、次のコマンドを実行します:
10+
11+
```shell
12+
ng add tailwindcss
13+
```
14+
15+
このコマンドは以下のアクションを実行します:
16+
17+
- `tailwindcss`とそのpeer dependencyをインストールします。
18+
- Tailwind CSSを使用するようにプロジェクトを設定します。
19+
- Tailwind CSSの`@import`ステートメントをスタイルに追加します。
20+
21+
`ng add tailwindcss`を実行した後、コンポーネントのテンプレートでTailwindのユーティリティクラスをすぐに使い始めることができます。
22+
23+
## 手動セットアップ(代替方法) {#manual-setup-alternative-method}
24+
25+
Tailwind CSSを手動でセットアップする場合は、次の手順に従ってください:
626

727
### 1. Angularプロジェクトを作成する {#create-an-angular-project}
828

@@ -61,7 +81,7 @@ SCSSを使用している場合は、`@use`を`./src/styles.scss`に追加しま
6181

6282
### 5. プロジェクトでTailwindを使い始める {#start-using-tailwind-in-your-project}
6383

64-
これで、コンポーネントのテンプレートでTailwindのユーティリティクラスを使用して、アプリケーションのスタイルを設定できるようになります。
84+
これで、コンポーネントのテンプレートでTailwindのユーティリティクラスを使用して、アプリケーションのスタイルを設定できるようになります。`ng serve`でビルドプロセスを実行すると、スタイルが適用された見出しが表示されるはずです。
6585

6686
たとえば、次の内容を`app.html`ファイルに追加できます:
6787

@@ -71,10 +91,6 @@ SCSSを使用している場合は、`@use`を`./src/styles.scss`に追加しま
7191
</h1>
7292
</docs-code>
7393

74-
### 6. プロジェクトでTailwindを使い始める {#start-using-tailwind-in-your-project}
75-
76-
`ng serve`でビルドプロセスを実行すると、スタイルが適用された見出しが表示されるはずです。
77-
7894
## その他のリソース {#additional-resources}
7995

8096
- [Tailwind CSSドキュメント](https://tailwindcss.com/docs)

adev-ja/src/content/reference/releases.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,8 +97,8 @@ HELPFUL: 概算の日付は一般的なガイダンスとして提供されて
9797

9898
| バージョン | ステータス | リリース済み | アクティブ終了 | LTS終了 |
9999
| :--------- | :--------- | :----------- | :------------- | :--------- |
100-
| ^21.0.0 | Active | 2025-11-19 | 2026-05-20 | 2026-11-18 |
101-
| ^20.0.0 | LTS | 2025-05-28 | 2025-11-21 | 2026-11-21 |
100+
| ^21.0.0 | Active | 2025-11-19 | 2026-05-19 | 2027-05-19 |
101+
| ^20.0.0 | LTS | 2025-05-28 | 2025-11-19 | 2026-11-28 |
102102
| ^19.0.0 | LTS | 2024-11-19 | 2025-05-28 | 2026-05-19 |
103103

104104
Angularバージョンv2からv18はサポートされなくなりました。

0 commit comments

Comments
 (0)