chore(ja): translate components

Author: rdlabo

docs/api/alert.md

@@ -42,7 +42,7 @@ import IsOpen from '@site/static/usage/v8/alert/presenting/isOpen/index.md';
 
 ## Controller Alerts
 
-`alertController`は、アラートを表示するタイミングや解除するタイミングをより細かく制御する必要がある場合に使用することができる。
+`alertController`は、アラートを表示するタイミングや解除するタイミングをより細かく制御する必要がある場合に使用することができます。
 
 import Controller from '@site/static/usage/v8/alert/presenting/controller/index.md';
 
@@ -186,7 +186,7 @@ const alert = await alertController.create({
 
 #### Alert Buttons の概要
 
-Buttons containing text will be read by a screen reader. If a description other than the existing text is desired, a label can be set on the button by passing `aria-label` to the `htmlAttributes` property on the button.
+テキストを含むボタンはスクリーンリーダーによって読み取られます。既存のテキスト以外の説明が必要な場合は、ボタンの`htmlAttributes`プロパティに`aria-label`を渡して、ボタンにラベルを設定できます。
 
 <Tabs groupId="framework" defaultValue="angular" values={[{ value: 'angular', label: 'Angular' }, { value: 'javascript', label: 'Javascript' }, { value: 'react', label: 'React' }, { value: 'vue', label: 'Vue' }]}>
 

docs/api/app.md

@@ -26,9 +26,9 @@ AppはIonicアプリケーションのコンテナ要素です。1つのプロ
 * Material Design モードでのボタン操作時の[Ripple effect](./リップルエフェクト) が使えます。
 * Ionicアプリの使用感をよりネイティブなものにする、その他のタップやフォーカスのユーティリティが使えます。
 
-## Programmatic Focus
+## プログラムによるフォーカス
 
-Ionic offers focus utilities for components with the `ion-focusable` class. These utilities automatically manage focus for components when certain keyboard keys, like <kbd>Tab</kbd>, are pressed. Components can also be programmatically focused in response to user actions using the `setFocus` method from `ion-app`.
+Ionicは、`ion-focusable`クラスを持つコンポーネント用のフォーカスユーティリティを提供します。これらのユーティリティは、<kbd>Tab</kbd>などの特定のキーボードキーが押されたときに、コンポーネントのフォーカスを自動的に管理します。コンポーネントは、`ion-app`の`setFocus`メソッドを使用して、ユーザーのアクションに応じてプログラムでフォーカスを設定することもできます。
 
 import SetFocus from '@site/static/usage/v8/app/set-focus/index.md';
 

docs/api/badge.md

@@ -30,7 +30,7 @@ import Basic from '@site/static/usage/v8/badge/basic/index.md';
 バッジはTabボタン内に追加することができ、多くの場合、通知を示したり、要素に関連する追加項目を強調するために使用されます。
 
 :::info
-Empty badges are only available for `md` mode.
+空のバッジは`md`モードでのみ利用可能です。
 :::
 
 import InsideTabBar from '@site/static/usage/v8/badge/inside-tab-bar/index.md';

docs/api/input.md

@@ -86,7 +86,7 @@ Material Design では、Inputに塗りつぶしのスタイルが用意され
 Filled inputs をiOSで使うためには、inputの `mode` を `md` に設定する必要があります。
 
 :::warning
-Inputs that use `fill` should not be used in an `ion-item` due to styling conflicts between the components.
+コンポーネント間のスタイリングの競合のため、`fill`を使用する入力は`ion-item`内で使用すべきではありません。
 :::
 
 import Fill from '@site/static/usage/v8/input/fill/index.md';
@@ -108,13 +108,13 @@ import HelperError from '@site/static/usage/v8/input/helper-error/index.md';
 
 Input Counterは、Inputの下に表示されるテキストで、入力可能な文字数のうち、何文字が入力されたかをユーザーに通知するものです。カウンターを追加する場合、デフォルトの動作は、表示される値を `inputLength` / `maxLength` としてフォーマットすることです。この動作は、`counterFormatter`プロパティにフォーマッタ関数を渡すことでカスタマイズすることができます。
 
-The `counter` and `counterFormatter` properties on `ion-item` were [deprecated in Ionic 7](/docs/api/input#using-the-modern-syntax) and should be used directly on `ion-input` instead.
+`ion-item`の`counter`と`counterFormatter`プロパティは[Ionic 7で非推奨](/docs/api/input#using-the-modern-syntax)となり、代わりに`ion-input`で直接使用すべきです。
 
 import Counter from '@site/static/usage/v8/input/counter/index.md';
 
 <Counter />
 
-Inputs with a counter add a border between the input and the counter, therefore they should not be placed inside of an `ion-item` which adds an additional border under the item. The `ion-padding-start` class can be added to align the counter inputs with inputs inside of items.
+カウンター付きのInputは、Inputとカウンターの間にボーダーを追加するため、アイテムの下に追加のボーダーを追加する`ion-item`内に配置すべきではありません。`ion-padding-start`クラスを追加して、カウンターInputとアイテム内Inputを揃えることができます。
 
 import CounterAlignment from '@site/static/usage/v8/input/counter-alignment/index.md';
 

docs/api/item.md

@@ -189,7 +189,7 @@ This feature is not enabled by default on clickable items for the `md` mode, but
 --item-detail-push-show: true;
 ```
 
-See the [theming documentation](/docs/theming/css-variables) for more information.
+詳細については、[theming documentation](/docs/theming/css-variables)を参照してください。
 
 -->
 

docs/api/label.md

@@ -19,7 +19,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill';
 
 Labelは、主に[Item](./item.md)コンポーネントにテキストコンテンツを追加するために使用される要素です。Labelは、[Input](./input.md)や[Radio](./radio.md)のようなフォーム制御コンポーネントの内部で、可視ラベルを指定する場合にも使用できますが、必須ではありません。
 
-The position of the label inside of an item can be inline, fixed, stacked, or floating.
+アイテム内のラベルの位置は、inline、fixed、stacked、またはfloatingにすることができます。
 
 ## 基本的な使い方
 

docs/api/modal.md

@@ -143,9 +143,9 @@ import SheetBackgroundContentExample from '@site/static/usage/v8/modal/sheet/bac
 
 ### 任意の高さのシート
 
-Developers should use the `--height` CSS Variable to change the height of the sheet modal instead of changing the last breakpoint in the `breakpoints` array. The reason for this is changing the last breakpoint in the `breakpoints` array to a value less than `1` will cause some of the modal to be inaccessible outside of the viewport.
+開発者は、`breakpoints`配列の最後のブレークポイントを変更する代わりに、`--height` CSS変数を使用してシートモーダルの高さを変更すべきです。その理由は、`breakpoints`配列の最後のブレークポイントを`1`未満の値に変更すると、モーダルの一部がビューポート外でアクセスできなくなるためです。
 
-The following example shows how to get a sheet modal that is automatically sized based on its content. Note that by keeping the maximum breakpoint at `1` we ensure that the entire modal is accessible in the viewport.
+次の例は、コンテンツに基づいて自動的にサイズ調整されるシートモーダルを取得する方法を示しています。最大ブレークポイントを`1`に保つことで、モーダル全体がビューポート内でアクセス可能であることを保証することに注意してください。
 
 import SheetAutoHeightExample from '@site/static/usage/v8/modal/sheet/auto-height/index.md';
 
@@ -161,7 +161,7 @@ import SheetHandleBehaviorExample from '@site/static/usage/v8/modal/sheet/handle
 
 ### Scrolling content at all breakpoints
 
-Sheet modals can be configured to allow scrolling content at all breakpoints, making them ideal for displaying content larger than the viewport. By setting the `expandToScroll` property to `false`, the content remains scrollable at every breakpoint. Otherwise, by default, scrolling is only enabled when the sheet modal is fully expanded.
+シートモーダルは、すべてのブレークポイントでコンテンツのスクロールを許可するように設定でき、ビューポートより大きいコンテンツを表示するのに理想的です。`expandToScroll`プロパティを`false`に設定すると、コンテンツはすべてのブレークポイントでスクロール可能なままです。それ以外の場合、デフォルトでは、シートモーダルが完全に展開されている場合にのみスクロールが有効になります。
 
 import SheetScrollingContentExample from '@site/static/usage/v8/modal/sheet/expand-to-scroll/index.md';
 
@@ -272,7 +272,7 @@ interface ModalCustomEvent extends CustomEvent {
 
 開発者が手動でフォーカスを移動しても、アシストはモーダル要素のコンテンツへのナビゲーションを制限しません。ただし、Ionic では、フォーカスのトラッピングが有効になっているモーダルに対して、モーダルの外側に手動でフォーカスを移動することはサポートされていません。
 
-See https://w3c.github.io/aria/#aria-modal for more information.
+詳細については、https://w3c.github.io/aria/#aria-modal を参照してください。
 
 ### フォーカスのトラッピング
 

docs/api/nav.md

@@ -39,7 +39,7 @@ Modal can use Nav to offer a linear navigation that is independent of the URL.
 
 :::note
 
-The example below uses a reference to Nav and the public method APIs to push and pop views. It is recommended to use NavLink in implementations that do not require this level of granular access and control.
+以下の例では、Navへの参照とパブリックメソッドAPIを使用してビューをプッシュおよびポップします。このレベルの細かいアクセスと制御が必要ない実装では、NavLinkを使用することをお勧めします。
 
 :::
 

docs/api/picker.md

@@ -53,7 +53,7 @@ import ModalExample from '@site/static/usage/v8/picker/modal/index.md';
 
 ### Screen Readers
 
-Picker supports navigation using a screen reader by implementing the [`slider` role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/slider_role) on each [Picker Column](./picker-column). The following gestures can be used to navigate the Picker.
+Pickerは、各[Picker Column](./picker-column)に[`slider` role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/slider_role)を実装することで、スクリーンリーダーを使用したナビゲーションをサポートします。以下のジェスチャーを使用してPickerをナビゲートできます。
 
 | Gesture | Function |
 | - | - |

docs/api/radio.md

@@ -38,7 +38,7 @@ import LabelPlacement from '@site/static/usage/v8/radio/label-placement/index.md
 
 ## Label Wrapping
 
-Regardless of label placement, long text will not wrap by default. If the width of the radio is constrained, overflowing text will be truncated with an ellipsis. You can enable text wrapping by adding the `ion-text-wrap` class to a wrapper around the radio text or styling the `label` shadow part using the `::part()` selector.
+ラベルの配置に関係なく、長いテキストはデフォルトで折り返されません。ラジオの幅が制約されている場合、オーバーフローしたテキストは省略記号で切り詰められます。ラジオテキストの周りのラッパーに`ion-text-wrap`クラスを追加するか、`::part()`セレクタを使用して`label`シャドウパーツをスタイリングすることで、テキストの折り返しを有効にできます。
 
 import LabelWrap from '@site/static/usage/v8/radio/label-wrap/index.md';
 
@@ -54,10 +54,10 @@ import UsingComparewith from '@site/static/usage/v8/radio/using-comparewith/inde
 
 ## Alignment
 
-Developers can use the `alignment` property to control how the label and control are aligned on the cross axis. This property mirrors the flexbox `align-items` property.
+開発者は`alignment`プロパティを使用して、ラベルとコントロールがクロス軸上でどのように配置されるかを制御できます。このプロパティは、flexboxの`align-items`プロパティを反映しています。
 
 :::note
-Stacked radios can be aligned using the `alignment` property. This can be useful when the label and control need to be centered horizontally.
+スタックされたラジオは、`alignment`プロパティを使用して配置できます。ラベルとコントロールを水平方向に中央揃えする必要がある場合に便利です。
 :::
 
 import Alignment from '@site/static/usage/v8/radio/alignment/index.md';
@@ -86,9 +86,9 @@ import EmptySelection from '@site/static/usage/v8/radio/empty-selection/index.md
 
 ## Helper & Error Text
 
-Helper and error text can be used inside of a radio group with the `helperText` and `errorText` property. The error text will not be displayed unless the `ion-invalid` and `ion-touched` classes are added to the `ion-radio-group`. This ensures errors are not shown before the user has a chance to enter data.
+ヘルパーテキストとエラーテキストは、`helperText`と`errorText`プロパティを使用してラジオグループ内で使用できます。エラーテキストは、`ion-invalid`と`ion-touched`クラスが`ion-radio-group`に追加されていない限り表示されません。これにより、ユーザーがデータを入力する前にエラーが表示されることはありません。
 
-In Angular, this is done automatically through form validation. In JavaScript, React and Vue, the class needs to be manually added based on your own validation.
+Angularでは、これはフォームバリデーションによって自動的に行われます。JavaScript、React、Vueでは、独自のバリデーションに基づいてクラスを手動で追加する必要があります。
 
 import HelperError from '@site/static/usage/v8/radio/helper-error/index.md';