From 5c34e7bb92b037c41bc6badbbb7cb87c27b3d6f9 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Wed, 16 Sep 2026 15:20:33 -0700 Subject: [PATCH 1/2] fix(links): repair the broken links on the Japanese site --- docs/angular/overview.mdx | 6 +- docs/angular/quickstart.mdx | 18 ++--- docs/angular/your-first-app.mdx | 4 +- docs/api.mdx | 2 +- docs/api/app.mdx | 2 +- docs/api/col.mdx | 2 +- docs/api/content.mdx | 4 +- docs/api/fab.mdx | 2 +- docs/api/infinite-scroll-content.mdx | 2 +- docs/api/input.mdx | 2 +- docs/api/item.mdx | 4 +- docs/api/refresher-content.mdx | 2 +- docs/api/row.mdx | 2 +- docs/api/select.mdx | 2 +- docs/api/text.mdx | 2 +- docs/api/title.mdx | 2 +- docs/cli.mdx | 10 +-- docs/cli/configuration.mdx | 4 +- docs/cli/livereload.mdx | 2 +- docs/core-concepts/fundamentals.mdx | 4 +- docs/developing/config.mdx | 80 +++++++++---------- docs/developing/config/per-platform/index.mdx | 8 +- docs/developing/scaffolding.mdx | 4 +- docs/intro/cdn.mdx | 2 +- docs/javascript/quickstart.mdx | 18 ++--- docs/layout/dynamic-font-scaling.mdx | 4 +- docs/layout/global-stylesheets.mdx | 6 +- docs/react.mdx | 10 +-- docs/react/overview.mdx | 6 +- docs/react/quickstart.mdx | 18 ++--- docs/reference/glossary.mdx | 2 +- docs/theming/advanced.mdx | 4 +- docs/theming/dark-mode.mdx | 6 +- docs/troubleshooting/build.mdx | 2 +- docs/troubleshooting/native.mdx | 2 +- docs/updating/6-0.mdx | 4 +- docs/updating/9-0.mdx | 4 +- docs/vue/overview.mdx | 6 +- docs/vue/quickstart.mdx | 18 ++--- docs/vue/troubleshooting.mdx | 4 +- docs/vue/utility-functions.mdx | 2 +- 41 files changed, 142 insertions(+), 146 deletions(-) diff --git a/docs/angular/overview.mdx b/docs/angular/overview.mdx index 28cf45be826..e01f5de2f14 100644 --- a/docs/angular/overview.mdx +++ b/docs/angular/overview.mdx @@ -18,7 +18,7 @@ import DocsCards from '@components/global/DocsCards'; ## Angular バージョンサポート -Ionic Angular v9 は Angular バージョン 18 から 22 をサポートしています。サポートされているバージョンおよびサポートポリシーの詳細については、[Ionic Angular サポートポリシー](/docs/reference/support#ionic-angular)を参照してください。 +Ionic Angular v9 は Angular バージョン 18 から 22 をサポートしています。サポートされているバージョンおよびサポートポリシーの詳細については、[Ionic Angular サポートポリシー](/reference/support.mdx#ionic-angular)を参照してください。 ## Angular Tooling @@ -56,11 +56,11 @@ $ ionic serve █

Discover how to handle routing and navigation in Ionic Angular apps using the Angular Router.

- +

Explore Ionic's rich library of UI components for building beautiful apps.

 - +

Learn how to customize the look and feel of your app with Ionic's powerful theming system.

 diff --git a/docs/angular/quickstart.mdx b/docs/angular/quickstart.mdx index 6f14cd86eef..288e8a79728 100644 --- a/docs/angular/quickstart.mdx +++ b/docs/angular/quickstart.mdx @@ -172,15 +172,15 @@ And the template, in the `home.page.html` file, uses those components: ``` -これにより、ヘッダーとスクロール可能なコンテンツエリアを持つページが作成されます。2 つ目のヘッダーは、コンテンツの先頭にあるときに iOS デバイスで表示される[折りたたみ可能な大きなタイトル](/docs/api/title.mdx#collapsible-large-titles)を示し、その後スクロールすると最初のヘッダーに小さいタイトルを表示するように縮小されます。 +これにより、ヘッダーとスクロール可能なコンテンツエリアを持つページが作成されます。2 つ目のヘッダーは、コンテンツの先頭にあるときに iOS デバイスで表示される[折りたたみ可能な大きなタイトル](/api/title.mdx#collapsible-large-titles)を示し、その後スクロールすると最初のヘッダーに小さいタイトルを表示するように縮小されます。 :::tip[詳細を学ぶ] -Ionic のレイアウトコンポーネントに関する詳細情報は、[Header](/docs/api/header.mdx)、[Toolbar](/docs/api/toolbar.mdx)、[Title](/docs/api/title.mdx)、および[Content](/docs/api/content.mdx)のドキュメントを参照してください。 +Ionic のレイアウトコンポーネントに関する詳細情報は、[Header](/api/header.mdx)、[Toolbar](/api/toolbar.mdx)、[Title](/api/title.mdx)、および[Content](/api/content.mdx)のドキュメントを参照してください。 ::: ## Ionic コンポーネントを追加 -より多くの Ionic UI コンポーネントで Home ページを強化できます。たとえば、`ion-content`の最後に[Button](/docs/api/button.mdx)を追加します： +より多くの Ionic UI コンポーネントで Home ページを強化できます。たとえば、`ion-content`の最後に[Button](/api/button.mdx)を追加します： ```html title="src/app/home/home.page.html" @@ -211,7 +211,7 @@ ionic generate page new A route will be automatically added to `app.routes.ts`. -In `new.page.html`, you can add a [Back Button](/docs/api/back-button.mdx) to the [Toolbar](/docs/api/toolbar.mdx): +In `new.page.html`, you can add a [Back Button](/api/back-button.mdx) to the [Toolbar](/api/toolbar.mdx): ```html title="src/app/new/new.page.html" @@ -257,7 +257,7 @@ import { RouterLink } from '@angular/router'; ``` :::info -ナビゲーションは、Angular の Router サービスを使用して行うこともできます。詳細については、[Angular ナビゲーションのドキュメント](/docs/angular/navigation.mdx#navigating-to-different-routes)を参照してください。 +ナビゲーションは、Angular の Router サービスを使用して行うこともできます。詳細については、[Angular ナビゲーションのドキュメント](/angular/navigation.mdx#navigating-to-different-routes)を参照してください。 ::: ## 新しいページにアイコンを追加 @@ -301,7 +301,7 @@ export class NewPage implements OnInit { または、`app.component.ts`でアイコンを登録して、アプリ全体で使用することもできます。 -詳細については、[Icon のドキュメント](/docs/api/icon.mdx)および[Ionicons のドキュメント](https://ionic.io/ionicons/)を参照してください。 +詳細については、[Icon のドキュメント](/api/icon.mdx)および[Ionicons のドキュメント](https://ionic.io/ionicons/)を参照してください。 ## コンポーネントメソッドを呼び出す @@ -387,7 +387,7 @@ Ionic コンポーネントのメソッドを呼び出すには： 1. コンポーネントの`ViewChild`参照を作成します 2. コンポーネントインスタンスでメソッドを直接呼び出します -各コンポーネントの利用可能なメソッドは、API ドキュメントの[Methods](/docs/api/content.mdx#methods)セクションで見つけることができます。 +各コンポーネントの利用可能なメソッドは、API ドキュメントの[Methods](/api/content.mdx#methods)セクションで見つけることができます。 ## デバイスで実行 @@ -426,11 +426,11 @@ ionic cap open android

Angular Routerを使用してIonic Angularアプリでルーティングとナビゲーションを処理する方法を発見します。

 - +

美しいアプリを構築するためのIonicの豊富なUIコンポーネントライブラリを探索します。

 - +

Ionicの強力なテーマ設定システムを使用してアプリの外観と操作性をカスタマイズする方法を学びます。

 diff --git a/docs/angular/your-first-app.mdx b/docs/angular/your-first-app.mdx index 793eb858360..fe2c8c2479d 100644 --- a/docs/angular/your-first-app.mdx +++ b/docs/angular/your-first-app.mdx @@ -36,7 +36,7 @@ Ionic 4 および Cordova をカバーした前のバージョンのガイドを - Ionic Framework の[UI コンポーネント](../components.mdx)を使用して、Web、iOS、Android で実行される 1 つの Angular ベースのコードベース。 - Ionic の公式ネイティブアプリランタイムである[Capacitor](https://capacitorjs.com)を使用して、ネイティブ iOS および Android モバイルアプリとしてデプロイ。 -- Capacitor の[Camera](../native/camera.mdx)、[Filesystem](../native/filesystem.mdx)、[Preferences](../native/preferences.mdx) API によって提供される Photo Gallery 機能。 +- Capacitor の[Camera](/native/camera.mdx)、[Filesystem](/native/filesystem.mdx)、[Preferences](/native/preferences.mdx) API によって提供される Photo Gallery 機能。 このガイドで参照されている[完全なアプリコード](https://github.com/ionic-team/tutorial-photo-gallery-angular)を GitHub で見つけてください。 @@ -98,7 +98,7 @@ npm install @capacitor/camera @capacitor/preferences @capacitor/filesystem ### PWA Elements -[Camera API](../native/camera.mdx)を含む一部の Capacitor プラグインは、Ionic の[PWA Elements ライブラリ](https://github.com/ionic-team/pwa-elements)を介して Web ベースの機能と UI を提供します。 +[Camera API](/native/camera.mdx)を含む一部の Capacitor プラグインは、Ionic の[PWA Elements ライブラリ](https://github.com/ionic-team/pwa-elements)を介して Web ベースの機能と UI を提供します。 これは別の依存関係なので、次にインストールします： diff --git a/docs/api.mdx b/docs/api.mdx index 01b482ea210..f53fe84a7cb 100644 --- a/docs/api.mdx +++ b/docs/api.mdx @@ -12,6 +12,6 @@ import APIList from '@components/page/api/APIList'; /> -各 Ionic の [コンポーネント](/docs/components) は、1 つ以上の [カスタム要素](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) から構成されます。各カスタム要素は順番に、プロパティ、メソッド、イベント、および CSS カスタムプロパティを公開できます。 +各 Ionic の [コンポーネント](/components.mdx) は、1 つ以上の [カスタム要素](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) から構成されます。各カスタム要素は順番に、プロパティ、メソッド、イベント、および CSS カスタムプロパティを公開できます。 diff --git a/docs/api/app.mdx b/docs/api/app.mdx index 7cec8ad59d4..b483e717e08 100644 --- a/docs/api/app.mdx +++ b/docs/api/app.mdx @@ -27,7 +27,7 @@ AppはIonicアプリケーションのコンテナ要素です。1つのプロ - Android 端末のハードウェアバックボタンの動作をカスタマイズするための [Hardware Back Button Listeners](../developing/hardware-back-button) を使えます - Capacitor や Cordova でステータスバーをサポートし、ステータスバーをタップすることでビューの最上部にスクロールできるようになります。 - テキスト入力が画面上のキーボードにかからないように、コンテンツをスクロールさせるスクロールアシストユーティリティが使えます。 -- Material Design モードでのボタン操作時の[Ripple effect](./リップルエフェクト) が使えます。 +- Material Design モードでのボタン操作時の[Ripple effect](./ripple-effect.mdx) が使えます。 - Ionicアプリの使用感をよりネイティブなものにする、その他のタップやフォーカスのユーティリティが使えます。 ## プログラムによるフォーカス diff --git a/docs/api/col.mdx b/docs/api/col.mdx index 2e99198f1ba..1a2f8fb82bf 100644 --- a/docs/api/col.mdx +++ b/docs/api/col.mdx @@ -27,7 +27,7 @@ Columnは、[Grid](./grid) システムのセルラーコンポーネントで ## Column Alignment -デフォルトでは、カラムは行の高さ全体を埋めるように引き伸ばされます。カラムは[フレックスアイテム](https://developer.mozilla.org/en-US/docs/Glossary/Flex_Item)なので、この動作をカスタマイズするために、カラムに適用できるいくつかの[CSSクラス](/docs/layout/css-utilities#flex-item-properties) があります。 +デフォルトでは、カラムは行の高さ全体を埋めるように引き伸ばされます。カラムは[フレックスアイテム](https://developer.mozilla.org/en-US/docs/Glossary/Flex_Item)なので、この動作をカスタマイズするために、カラムに適用できるいくつかの[CSSクラス](/layout/css-utilities.mdx#flex-item-properties) があります。 ## プロパティ diff --git a/docs/api/content.mdx b/docs/api/content.mdx index e3879c8d50a..c14c071b5fe 100644 --- a/docs/api/content.mdx +++ b/docs/api/content.mdx @@ -25,7 +25,7 @@ Contentコンポーネントは、スクロール可能領域を制御するい 使いやすいコンテンツ領域を提供します。 1つのビューに表示できるコンテンツは1つだけです。 -Contentは、他の多くのIonicコンポーネントと同様に、 [CSS Utilities](/docs/layout/css-utilities) で提供されるグローバルスタイルを使用するか、CSSおよび使用可能な [CSS Custom Properties](#css-custom-properties) を使用して個別にスタイル設定することによって、`padding` や `margin` などを変更するようにカスタマイズできます。 +Contentは、他の多くのIonicコンポーネントと同様に、 [CSS Utilities](/layout/css-utilities.mdx) で提供されるグローバルスタイルを使用するか、CSSおよび使用可能な [CSS Custom Properties](#css-custom-properties) を使用して個別にスタイル設定することによって、`padding` や `margin` などを変更するようにカスタマイズできます。 ## 基本的な使い方 @@ -97,7 +97,7 @@ import CSSProps from '@site/static/usage/v9/content/theming/css-properties/index ### Safe Area Padding -The content component will not automatically apply padding to any of its sides to account for the [safe area](/docs/theming/advanced#safe-area-padding). This is because the content component is often used in conjunction with other components that apply their own padding, such as [headers](./header) and [footers](./footer). However, if the content component is being used on its own, it may be desired to apply padding to the safe area. This can be done through CSS by using the `--ion-safe-area-(dir)` variables described in [Application Variables](../theming/advanced.mdx#application-variables). +The content component will not automatically apply padding to any of its sides to account for the [safe area](/theming/advanced.mdx#safe-area-padding). This is because the content component is often used in conjunction with other components that apply their own padding, such as [headers](./header) and [footers](./footer). However, if the content component is being used on its own, it may be desired to apply padding to the safe area. This can be done through CSS by using the `--ion-safe-area-(dir)` variables described in [Application Variables](../theming/advanced.mdx#application-variables). The most common use case for this is to apply padding to the top of the content to account for the status bar. This can be done by setting the `padding-top` property to the value of the `--ion-safe-area-top` variable. diff --git a/docs/api/fab.mdx b/docs/api/fab.mdx index 0ce4c88591e..a6c06c2691a 100644 --- a/docs/api/fab.mdx +++ b/docs/api/fab.mdx @@ -47,7 +47,7 @@ import Positioning from '@site/static/usage/v9/fab/positioning/index.mdx'; ### セーフエリア -`ion-header`コンポーネントや`ion-footer`コンポーネントがない場合、fabはデバイスのノッチやステータスバー、その他のデバイスUIで覆われている可能性があります。このような場合、上下の [safe area](/docs/theming/advanced#safe-area-padding) は考慮されません。これは [`--ion-safe-area-(dir)`変数](/docs/theming/advanced#application-variables) を使って調整することができます。 +`ion-header`コンポーネントや`ion-footer`コンポーネントがない場合、fabはデバイスのノッチやステータスバー、その他のデバイスUIで覆われている可能性があります。このような場合、上下の [safe area](/theming/advanced.mdx#safe-area-padding) は考慮されません。これは [`--ion-safe-area-(dir)`変数](/theming/advanced.mdx#application-variables) を使って調整することができます。 `vertical`を`"top"`に設定したfabを `ion-header` なしで使用する場合は、上マージンを設定する必要があります： diff --git a/docs/api/infinite-scroll-content.mdx b/docs/api/infinite-scroll-content.mdx index 62f477c71e6..e5c26b0fabe 100644 --- a/docs/api/infinite-scroll-content.mdx +++ b/docs/api/infinite-scroll-content.mdx @@ -13,7 +13,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; `ion-infinite-scroll-content` コンポーネントは、`ion-infinite-scroll` で使用されるデフォルトの子コンポーネントです。無限スクロールのスピナーが表示されます。このスピナーはプラットフォームに応じて最適に表示され、無限スクロールの状態に応じて外観が変化します。`loadingSpinner` and `loadingText` プロパティを設定することにより、既定値のスピナーを変更したり、テキストを追加することができます。 -詳細および使用方法については、[Infinite Scrollドキュメント](./infinite-scroll.mdx#infinite-scroll-content)を参照してください。 +詳細および使用方法については、[Infinite Scrollドキュメント](./infinite-scroll.mdx#custom-content)を参照してください。 ## プロパティ diff --git a/docs/api/input.mdx b/docs/api/input.mdx index 0444d38ce5b..40afc61bfe3 100644 --- a/docs/api/input.mdx +++ b/docs/api/input.mdx @@ -107,7 +107,7 @@ import HelperError from '@site/static/usage/v9/input/helper-error/index.mdx'; Input Counterは、Inputの下に表示されるテキストで、入力可能な文字数のうち、何文字が入力されたかをユーザーに通知するものです。カウンターを追加する場合、デフォルトの動作は、表示される値を `inputLength` / `maxLength` としてフォーマットすることです。この動作は、`counterFormatter`プロパティにフォーマッタ関数を渡すことでカスタマイズすることができます。 -`ion-item`の`counter`と`counterFormatter`プロパティは[Ionic 7で非推奨](/docs/api/input#using-the-modern-syntax)となり、代わりに`ion-input`で直接使用すべきです。 +`ion-item`の`counter`と`counterFormatter`プロパティは[Ionic 7で非推奨](https://ionic-docs-mt82qcyb0-ionic1.vercel.app/docs/v7/api/input#using-the-modern-syntax)となり、代わりに`ion-input`で直接使用すべきです。 import Counter from '@site/static/usage/v9/input/counter/index.mdx'; diff --git a/docs/api/item.mdx b/docs/api/item.mdx index e7f7d879518..3a9907052be 100644 --- a/docs/api/item.mdx +++ b/docs/api/item.mdx @@ -30,7 +30,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -アイテムはテキストを左揃えにし、テキストがアイテムより広い場合は折り返されます。この動作は、Ionic Frameworkが提供するCSSユーティリティを使用して変更することができます。以下の例では`.ion-text-nowrap`を使用しています。アイテム内のテキストを変換するために追加できる他のクラスについては、[CSSユーティリティのドキュメント](/docs/layout/css-utilities)を参照してください。 +アイテムはテキストを左揃えにし、テキストがアイテムより広い場合は折り返されます。この動作は、Ionic Frameworkが提供するCSSユーティリティを使用して変更することができます。以下の例では`.ion-text-nowrap`を使用しています。アイテム内のテキストを変換するために追加できる他のクラスについては、[CSSユーティリティのドキュメント](/layout/css-utilities.mdx)を参照してください。 import Basic from '@site/static/usage/v9/item/basic/index.mdx'; @@ -253,7 +253,7 @@ import Actions from '@site/static/usage/v9/item/content-types/actions/index.mdx' text={ <> Items should typically have no more than two controls. If you need more controls, consider adding the additional - controls in a Modal that is accessible from the item. + controls in a Modal that is accessible from the item. } doText="Move additional controls to a submenu accessible from the item." diff --git a/docs/api/refresher-content.mdx b/docs/api/refresher-content.mdx index ebf88f9a24c..0a3f95c97dd 100644 --- a/docs/api/refresher-content.mdx +++ b/docs/api/refresher-content.mdx @@ -13,7 +13,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; リフレッシュコンテンツには、プルトゥリフレッシュ時に表示するテキスト、アイコン、スピナーが含まれます。Ionicは、プラットフォームに基づいて、プルアイコンとリフレッシュスピナーを表示します。ただし、デフォルトのアイコン、スピナー、テキストは、リフレッシュの状態に応じてカスタマイズできます。 -使用例については、[Refresher](/docs/api/refresher)のドキュメントを参照してください。 +使用例については、[Refresher](/api/refresher.mdx)のドキュメントを参照してください。 ## プロパティ diff --git a/docs/api/row.mdx b/docs/api/row.mdx index ff25c461f13..6861303bc04 100644 --- a/docs/api/row.mdx +++ b/docs/api/row.mdx @@ -28,7 +28,7 @@ Rowは[Grid](./grid)システムの水平方向の構成要素で、さまざま ## Row Alignment -デフォルトでは、列は行の高さ全体を埋めるように伸縮し、必要に応じて折り返されます。行は [Flexコンテナ](https://developer.mozilla.org/en-US/docs/Glossary/Flex_Container) なので、この動作をカスタマイズするために、行に適用できるいくつかの [CSS クラス](/docs/layout/css-utilities#flex-container-properties) が用意されています。 +デフォルトでは、列は行の高さ全体を埋めるように伸縮し、必要に応じて折り返されます。行は [Flexコンテナ](https://developer.mozilla.org/en-US/docs/Glossary/Flex_Container) なので、この動作をカスタマイズするために、行に適用できるいくつかの [CSS クラス](/layout/css-utilities.mdx#flex-container-properties) が用意されています。 ## プロパティ diff --git a/docs/api/select.mdx b/docs/api/select.mdx index 85392e17a58..ceb84d320d1 100644 --- a/docs/api/select.mdx +++ b/docs/api/select.mdx @@ -205,7 +205,7 @@ import StartEndSlots from '@site/static/usage/v9/select/start-end-slots/index.md ## リッチコンテンツオプション :::important -select option のリッチコンテンツはデフォルトで無効です。[グローバル Ionic config](/docs/developing/config.mdx#global-config) で [`innerHTMLTemplatesEnabled`](/docs/developing/config.mdx#ionicconfig) を `true` に設定してください。無効な場合、option 内のマークアップはプレーンテキストとして扱われます。カスタム HTML を有効にする際のサニタイズについては、[セキュリティ](/docs/techniques/security.mdx)を参照してください。 +select option のリッチコンテンツはデフォルトで無効です。[グローバル Ionic config](/developing/config.mdx#global-config) で [`innerHTMLTemplatesEnabled`](/developing/config.mdx#ionicconfig) を `true` に設定してください。無効な場合、option 内のマークアップはプレーンテキストとして扱われます。カスタム HTML を有効にする際のサニタイズについては、[セキュリティ](/techniques/security.mdx)を参照してください。 ::: 単一のテキストラベルに加えて、[Select Option](./select-option.mdx) では select インターフェースに HTML リッチコンテンツを含めることができます。名前付き slot を指定せずに option 内へ追加した要素は、デフォルト slot に配置されます。`start` と `end` slot は、デフォルト slot の両側に要素を配置します。`description` 属性を使用すると、ラベルの下に補足テキストを表示できます。 diff --git a/docs/api/text.mdx b/docs/api/text.mdx index e56d0b292af..c873ef7fc9f 100644 --- a/docs/api/text.mdx +++ b/docs/api/text.mdx @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v9/text/basic/index.mdx'; ## テーマ -テキストコンポーネントは、Ionicが提供するデフォルトの[colors](../../docs/theming/colors)のいずれかを変更することでカスタマイズすることが可能です。 +テキストコンポーネントは、Ionicが提供するデフォルトの[colors](/theming/colors.mdx)のいずれかを変更することでカスタマイズすることが可能です。 ## プロパティ diff --git a/docs/api/title.mdx b/docs/api/title.mdx index 539a115d4ed..75d0646bcec 100644 --- a/docs/api/title.mdx +++ b/docs/api/title.mdx @@ -45,7 +45,7 @@ import CollapsibleLargeTitle from '@site/static/usage/v9/title/collapsible-large ### 折りたたみ式ボタン -[buttons](./buttons.mdx)コンポーネントは、[`collapse`](./buttons.mdx#collapse)プロパティと共に使用すると、ツールバーが折りたたまれたときにヘッダーに追加表示することができます。 +[buttons](./buttons.mdx)コンポーネントは、[`collapse`](./buttons.mdx#prop-collapse)プロパティと共に使用すると、ツールバーが折りたたまれたときにヘッダーに追加表示することができます。 import CollapsibleLargeTitleButtons from '@site/static/usage/v9/title/collapsible-large-title/buttons/index.mdx'; diff --git a/docs/cli.mdx b/docs/cli.mdx index a9807566e44..7ae5151ac39 100644 --- a/docs/cli.mdx +++ b/docs/cli.mdx @@ -11,7 +11,7 @@ sidebar_label: 概要 /> -Ionic コマンドラインインターフェイス（[CLI](/docs/reference/glossary#cli)）は、Ionic アプリを開発するときに頼りになるツールです。 +Ionic コマンドラインインターフェイス（[CLI](/reference/glossary.mdx#cli)）は、Ionic アプリを開発するときに頼りになるツールです。 ## インストール @@ -39,14 +39,14 @@ $ ionic --help ## 構成 -Ionic CLI は、[TypeScript](/docs/reference/glossary#typescript)と [Node.js](/docs/reference/glossary#node)で構築されています。Node 10.3+をサポートしていますが、最新の Node LTS が推奨です。開発状況は、オープンソースの [GitHub リポジトリ](https://github.com/ionic-team/ionic-cli)で確認できます。 +Ionic CLI は、[TypeScript](/reference/glossary.mdx#typescript)と [Node.js](/reference/glossary.mdx#node)で構築されています。Node 10.3+をサポートしていますが、最新の Node LTS が推奨です。開発状況は、オープンソースの [GitHub リポジトリ](https://github.com/ionic-team/ionic-cli)で確認できます。 ## トラブルシューティング Ionic CLI の問題をトラブルシューティングするには、以下の方法が役立ちます: - 最新の Ionic CLI がインストールされていることを確認してください。インストール済みの Ionic CLI のバージョンは、`ionic --version` を実行して確認できます。Ionic CLI のバージョンは Ionic Framework のバージョンとは関係ありません。 -- 最新の Node LTS がインストールされていることを確認してください。設定手順については [Node & npm](/docs/intro/environment#node-npm) の環境設定を参照してください。 +- 最新の Node LTS がインストールされていることを確認してください。設定手順については [Node & npm](/intro/environment.mdx#node--npm) の環境設定を参照してください。 - `--verbose` フラグはデバッグメッセージを表示します。これにより問題の原因を絞り込むことができます。 -- 接続の問題は、不適切に設定されたプロキシ設定が原因である場合があります。リクエストのプロキシ設定方法については [プロキシの使用](/docs/cli/using-a-proxy) を参照してください。 -- グローバル Ionic CLI 設定ディレクトリは、すべてのプラットフォームで `~/.ionic` です。このディレクトリは安全に削除できます。削除後、Ionic CLI は再生成しますが、すべての設定（ユーザーセッションを含む）が失われます。このディレクトリは [CLI 環境変数](/docs/cli/configuration#environment-variables) で設定してください。 +- 接続の問題は、不適切に設定されたプロキシ設定が原因である場合があります。リクエストのプロキシ設定方法については [プロキシの使用](/cli/using-a-proxy.mdx) を参照してください。 +- グローバル Ionic CLI 設定ディレクトリは、すべてのプラットフォームで `~/.ionic` です。このディレクトリは安全に削除できます。削除後、Ionic CLI は再生成しますが、すべての設定（ユーザーセッションを含む）が失われます。このディレクトリは [CLI 環境変数](/cli/configuration.mdx#environment-variables) で設定してください。 diff --git a/docs/cli/configuration.mdx b/docs/cli/configuration.mdx index 6b3d2930e8d..5e2bc4d8f69 100644 --- a/docs/cli/configuration.mdx +++ b/docs/cli/configuration.mdx @@ -14,7 +14,7 @@ title: 設定 設定された値は JSON ファイルに格納されます。Ionic CLI は、通常`~/.ionic/config.json`にグローバル設定ファイルを設定します。通常はプロジェクトのルートディレクトリに `ionic.config.json` という名前で保存されます。 -CLI は、プロジェクトの設定ファイルおよびグローバル CLI 設定ファイルから設定値を設定・表示するコマンドを提供します。`ionic config --help` を実行するか、[`ionic config get`](commands/config-get.mdx) および [`ionic config set`](commands/config-set.mdx) の使用方法に関するドキュメントを参照してください。 +CLI は、プロジェクトの設定ファイルおよびグローバル CLI 設定ファイルから設定値を設定・表示するコマンドを提供します。`ionic config --help` を実行するか、[`ionic config get`](/cli/commands/config-get.mdx) および [`ionic config set`](/cli/commands/config-set.mdx) の使用方法に関するドキュメントを参照してください。 ### プロジェクト設定ファイル @@ -122,7 +122,7 @@ module.exports = function (ctx) { The Ionic CLI supports a multi-app configuration setup, which involves multiple Ionic apps and shared code within a single repository, or [monorepo](../reference/glossary.mdx#monorepo). :::note -Ionic CLI は multi-app 構成セットアップをサポートしており、複数の Ionic アプリケーションと共有コードが単一のリポジトリ [monorepo](/docs/reference/glossary#monorepo) 内に存在することができます。 +Ionic CLI は multi-app 構成セットアップをサポートしており、複数の Ionic アプリケーションと共有コードが単一のリポジトリ [monorepo](/reference/glossary.mdx#monorepo) 内に存在することができます。 Angular を使用している場合は、例について [Angular モノレポガイド](https://github.com/ionic-team/ionic-cli/wiki/Angular-Monorepo) を参照してください。 ::: diff --git a/docs/cli/livereload.mdx b/docs/cli/livereload.mdx index b3751d6b26c..efba89ef6e8 100644 --- a/docs/cli/livereload.mdx +++ b/docs/cli/livereload.mdx @@ -55,7 +55,7 @@ Remember, with the `--external` option, others on your Wi-Fi network will be abl ## Tips -- Cordova では、`--device`、`--emulator`、および`--target`オプションを使用してターゲットデバイスを絞り込みます。`--list`オプションを使用すると、すべてのターゲットを一覧表示できます。使用方法は[コマンドドキュメント](commands/cordova-run.mdx)を参照してください。 +- Cordova では、`--device`、`--emulator`、および`--target`オプションを使用してターゲットデバイスを絞り込みます。`--list`オプションを使用すると、すべてのターゲットを一覧表示できます。使用方法は[コマンドドキュメント](/cli/commands/cordova-run.mdx)を参照してください。 - `ionic serve`および`ionic cordova run`または`ionic capacitor run`の`--livereload-url`オプションを使用することで、開発サーバープロセスとデプロイプロセスを分離できます。 - Android の場合、[adb](https://developer.android.com/studio/command-line/adb)を設定して、adb サーバー実行中に常にポートを転送することが可能です（`adb reverse`を参照）。ポート転送が設定されると、外部アドレスは不要になります。また、後続のデプロイに USB ケーブルを使用しなくても、TCP 経由で adb ブリッジを設定することもできます。 - Angular を使用した開発コンテナでは、ライブリロードが動作しない場合があります。これを修正するには、`angular.json`内で`projects.app.architect.serve.configurations.development.poll`を`1`に設定してください。 diff --git a/docs/core-concepts/fundamentals.mdx b/docs/core-concepts/fundamentals.mdx index 2ebce5c511a..c9a1313ab00 100644 --- a/docs/core-concepts/fundamentals.mdx +++ b/docs/core-concepts/fundamentals.mdx @@ -55,7 +55,7 @@ Ionic Framework は[CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)を使 ## プロパティ -プロパティは、Ionic コンポーネントの動作と外観を設定するために Ionic コンポーネントに設定できる JavaScript プロパティです。プロパティは各コンポーネントの[API documentation](/docs/api)ページで定義されています。 +プロパティは、Ionic コンポーネントの動作と外観を設定するために Ionic コンポーネントに設定できる JavaScript プロパティです。プロパティは各コンポーネントの[API documentation](/api.mdx)ページで定義されています。 ### リアクティブプロパティ @@ -77,4 +77,4 @@ Ionic Framework は[CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)を使 `mode`プロパティは、コンポーネントに使用するプラットフォームスタイルを決定する仮想プロパティです。コンポーネントレベルで設定することも、アプリ設定を通じてグローバルに設定することもできます。どちらの場合も、初期化中に一度設定され、コンポーネントのライフサイクル中は変更されません。 -Ionic モードの詳細については、[Platform Styles documentation](/docs/theming/platform-styles)を参照してください。 +Ionic モードの詳細については、[Platform Styles documentation](/theming/platform-styles.mdx)を参照してください。 diff --git a/docs/developing/config.mdx b/docs/developing/config.mdx index c4b5405b5be..93713ada273 100644 --- a/docs/developing/config.mdx +++ b/docs/developing/config.mdx @@ -170,43 +170,43 @@ class AppComponent { 以下は、Ionic が使用する設定オプションです。 -| Config | Type | 説明 | -| --------------------------- | --------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `actionSheetEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-action-sheet`, overriding the default "animation". | -| `actionSheetLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-action-sheet`, overriding the default "animation". | -| `alertEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-alert`, overriding the default "animation". | -| `alertLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-alert`, overriding the default "animation". | -| `animated` | `boolean` | If `true`, Ionic will enable all animations and transitions across the app. | -| `backButtonDefaultHref` | `string` | Overrides the default value for the `defaultHref` property in all `` components. | -| `backButtonIcon` | `string` | Overrides the default icon in all `` components. | -| `backButtonText` | `string` | Overrides the default text in all `` components. | -| `innerHTMLTemplatesEnabled` | `boolean` | Relevant Components: `ion-alert`, `ion-infinite-scroll-content`, `ion-loading`, `ion-refresher-content`, `ion-select-option`, `ion-toast`. If `true`, content passed to the relevant components will be parsed as HTML instead of plaintext. Defaults to `false`. | -| `hardwareBackButton` | `boolean` | If `true`, Ionic will respond to the hardware back button in an Android device. | -| `infiniteLoadingSpinner` | `SpinnerTypes` | Overrides the default spinner type in all `` components. | -| `loadingEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-loading`, overriding the default "animation". | -| `loadingLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-loading`, overriding the default "animation". | -| `loadingSpinner` | `SpinnerTypes` | Overrides the default spinner for all `ion-loading` overlays. | -| `logLevel` | `'OFF' \| 'ERROR' \| 'WARN'` | Configures the logging level for Ionic Framework. If `'OFF'`, no errors or warnings are logged. If `'ERROR'`, only errors are logged. If `'WARN'`, errors and warnings are logged. | -| `menuIcon` | `string` | Overrides the default icon in all `` components. | -| `menuType` | `string` | Overrides the default menu type for all `` components. | -| `modalEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-modal`, overriding the default "animation". | -| `modalLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-modal`, overriding the default "animation". | -| `mode` | `Mode` | The mode determines which platform styles to use for the whole application. | -| `navAnimation` | `AnimationBuilder` | Overrides the default "animation" of all `ion-nav` and `ion-router-outlet` across the whole application. | -| `platform` | [`PlatformConfig`](/docs/angular/platform#customizing-platform-detection-methods) | Overrides the default platform detection methods. | -| `popoverEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-popover`, overriding the default "animation". | -| `popoverLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-popover`, overriding the default "animation". | -| `refreshingIcon` | `string` | Overrides the default icon in all `` components. | -| `refreshingSpinner` | `SpinnerTypes` | Overrides the default spinner type in all `` components. | -| `rippleEffect` | `boolean` | If `true`, Material Design ripple effects will be enabled across the app. | -| `sanitizerEnabled` | `boolean` | If `true`, Ionic will enable a basic DOM sanitizer on component properties that accept custom HTML. | -| `spinner` | `SpinnerTypes` | Overrides the default spinner in all `` components. | -| `statusTap` | `boolean` | If `true`, clicking or tapping the status bar will cause the content to scroll to the top. | -| `swipeBackEnabled` | `boolean` | If `true`, Ionic will enable the "swipe-to-go-back" gesture across the application. | -| `tabButtonLayout` | `TabButtonLayout` | Overrides the default "layout" of all `ion-bar-button` across the whole application. | -| `toastDuration` | `number` | Overrides the default `duration` for all `ion-toast` components. | -| `toastEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-toast`, overriding the default "animation". | -| `toastLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-toast`, overriding the default "animation". | -| `toggleOnOffLabels` | `boolean` | Overrides the default `enableOnOffLabels` in all `ion-toggle` components. | -| `experimentalCloseWatcher` | `boolean` | **Experimental:** If `true`, the [CloseWatcher API](https://github.com/WICG/close-watcher) will be used to handle all Escape key and hardware back button presses to dismiss menus and overlays and to navigate. Note that the `hardwareBackButton` config option must also be `true`. | -| `focusManagerPriority` | [`FocusManagerPriority[]`](./managing-focus#types) | **Experimental:** When defined, Ionic will move focus to the appropriate element after each page transition. This ensures that users relying on assistive technology are informed when a page transition happens. Disabled by default. | +| Config | Type | 説明 | +| --------------------------- | ---------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `actionSheetEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-action-sheet`, overriding the default "animation". | +| `actionSheetLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-action-sheet`, overriding the default "animation". | +| `alertEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-alert`, overriding the default "animation". | +| `alertLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-alert`, overriding the default "animation". | +| `animated` | `boolean` | If `true`, Ionic will enable all animations and transitions across the app. | +| `backButtonDefaultHref` | `string` | Overrides the default value for the `defaultHref` property in all `` components. | +| `backButtonIcon` | `string` | Overrides the default icon in all `` components. | +| `backButtonText` | `string` | Overrides the default text in all `` components. | +| `innerHTMLTemplatesEnabled` | `boolean` | Relevant Components: `ion-alert`, `ion-infinite-scroll-content`, `ion-loading`, `ion-refresher-content`, `ion-select-option`, `ion-toast`. If `true`, content passed to the relevant components will be parsed as HTML instead of plaintext. Defaults to `false`. | +| `hardwareBackButton` | `boolean` | If `true`, Ionic will respond to the hardware back button in an Android device. | +| `infiniteLoadingSpinner` | `SpinnerTypes` | Overrides the default spinner type in all `` components. | +| `loadingEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-loading`, overriding the default "animation". | +| `loadingLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-loading`, overriding the default "animation". | +| `loadingSpinner` | `SpinnerTypes` | Overrides the default spinner for all `ion-loading` overlays. | +| `logLevel` | `'OFF' \| 'ERROR' \| 'WARN'` | Configures the logging level for Ionic Framework. If `'OFF'`, no errors or warnings are logged. If `'ERROR'`, only errors are logged. If `'WARN'`, errors and warnings are logged. | +| `menuIcon` | `string` | Overrides the default icon in all `` components. | +| `menuType` | `string` | Overrides the default menu type for all `` components. | +| `modalEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-modal`, overriding the default "animation". | +| `modalLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-modal`, overriding the default "animation". | +| `mode` | `Mode` | The mode determines which platform styles to use for the whole application. | +| `navAnimation` | `AnimationBuilder` | Overrides the default "animation" of all `ion-nav` and `ion-router-outlet` across the whole application. | +| `platform` | [`PlatformConfig`](/angular/platform.mdx#customizing-platform-detection-functions) | Overrides the default platform detection methods. | +| `popoverEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-popover`, overriding the default "animation". | +| `popoverLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-popover`, overriding the default "animation". | +| `refreshingIcon` | `string` | Overrides the default icon in all `` components. | +| `refreshingSpinner` | `SpinnerTypes` | Overrides the default spinner type in all `` components. | +| `rippleEffect` | `boolean` | If `true`, Material Design ripple effects will be enabled across the app. | +| `sanitizerEnabled` | `boolean` | If `true`, Ionic will enable a basic DOM sanitizer on component properties that accept custom HTML. | +| `spinner` | `SpinnerTypes` | Overrides the default spinner in all `` components. | +| `statusTap` | `boolean` | If `true`, clicking or tapping the status bar will cause the content to scroll to the top. | +| `swipeBackEnabled` | `boolean` | If `true`, Ionic will enable the "swipe-to-go-back" gesture across the application. | +| `tabButtonLayout` | `TabButtonLayout` | Overrides the default "layout" of all `ion-bar-button` across the whole application. | +| `toastDuration` | `number` | Overrides the default `duration` for all `ion-toast` components. | +| `toastEnter` | `AnimationBuilder` | Provides a custom enter animation for all `ion-toast`, overriding the default "animation". | +| `toastLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-toast`, overriding the default "animation". | +| `toggleOnOffLabels` | `boolean` | Overrides the default `enableOnOffLabels` in all `ion-toggle` components. | +| `experimentalCloseWatcher` | `boolean` | **Experimental:** If `true`, the [CloseWatcher API](https://github.com/WICG/close-watcher) will be used to handle all Escape key and hardware back button presses to dismiss menus and overlays and to navigate. Note that the `hardwareBackButton` config option must also be `true`. | +| `focusManagerPriority` | [`FocusManagerPriority[]`](./managing-focus#types) | **Experimental:** When defined, Ionic will move focus to the appropriate element after each page transition. This ensures that users relying on assistive technology are informed when a page transition happens. Disabled by default. | diff --git a/docs/developing/config/per-platform/index.mdx b/docs/developing/config/per-platform/index.mdx index f64e9e89a43..ab4ad2d2545 100644 --- a/docs/developing/config/per-platform/index.mdx +++ b/docs/developing/config/per-platform/index.mdx @@ -16,7 +16,7 @@ import TabItem from '@theme/TabItem'; :::note Since the config is set at runtime, you will not have access to the Platform Dependency Injection. Instead, you can use the underlying functions that the provider uses directly. -検出可能なプラットフォームの種類については、[Angular プラットフォームドキュメント](../angular/platform)を参照してください。 +検出可能なプラットフォームの種類については、[Angular プラットフォームドキュメント](/angular/platform.mdx)を参照してください。 ::: ```ts title="app.module.ts" @@ -43,7 +43,7 @@ import { isPlatform, IonicModule } from '@ionic/angular/lazy'; :::note Since the config is set at runtime, you will not have access to the Platform Dependency Injection. Instead, you can use the underlying functions that the provider uses directly. -検出可能なプラットフォームの種類については、[Angular プラットフォームドキュメント](../angular/platform)を参照してください。 +検出可能なプラットフォームの種類については、[Angular プラットフォームドキュメント](/angular/platform.mdx)を参照してください。 ::: ```ts title="main.ts" @@ -63,7 +63,7 @@ bootstrapApplication(AppComponent, { :::note -検出可能なプラットフォームの種類については、[React プラットフォームドキュメント](../react/platform)を参照してください。 +検出可能なプラットフォームの種類については、[React プラットフォームドキュメント](/react/platform.mdx)を参照してください。 ::: ```tsx title="App.tsx" @@ -78,7 +78,7 @@ setupIonicReact({ :::note -検出可能なプラットフォームの種類については、[Vue プラットフォームドキュメント](../vue/platform)を参照してください。 +検出可能なプラットフォームの種類については、[Vue プラットフォームドキュメント](/vue/platform.mdx)を参照してください。 ::: ```ts title="main.ts" diff --git a/docs/developing/scaffolding.mdx b/docs/developing/scaffolding.mdx index 3f402472ef5..77545d11e19 100644 --- a/docs/developing/scaffolding.mdx +++ b/docs/developing/scaffolding.mdx @@ -48,7 +48,7 @@ src/ This command is only supported in Ionic Angular. ::: -Ionic CLI は、[`ionic generate`](../cli/commands/generate.mdx)コマンドを使用して新しいアプリ機能を生成できます。コマンドラインで`ionic generate`を実行すると、生成可能な利用可能な機能をリストする選択プロンプトが表示されます。 +Ionic CLI は、[`ionic generate`](/cli/commands/generate.mdx)コマンドを使用して新しいアプリ機能を生成できます。コマンドラインで`ionic generate`を実行すると、生成可能な利用可能な機能をリストする選択プロンプトが表示されます。 ```shell-session $ ionic generate @@ -92,4 +92,4 @@ Ionic CLI は、ベストプラクティスに近づけるために、基礎と 新しいページ用のファイルとディレクトリを作成した後、CLI は新しいページを含めるためにルーター設定も更新します。これにより、開発ライフサイクルを進めるために必要な手作業が軽減されます。 -詳細については、コマンドラインから`ionic g --help`を実行するか、[`ionic generate` documentation](../cli/commands/generate.mdx)を参照してください。 +詳細については、コマンドラインから`ionic g --help`を実行するか、[`ionic generate` documentation](/cli/commands/generate.mdx)を参照してください。 diff --git a/docs/intro/cdn.mdx b/docs/intro/cdn.mdx index 78ea24f140e..e2c6e6c5a56 100644 --- a/docs/intro/cdn.mdx +++ b/docs/intro/cdn.mdx @@ -116,7 +116,7 @@ CDN からフレームワークにアクセスするには、 [jsdelivr](https:/ ``` -これにより、フレームワークをインストールすることなく、Ionic Framework のすべてのコアコンポーネントを使用できます。CSS バンドルには、Ionic のすべての[グローバルスタイルシート](/docs/layout/global-stylesheets.mdx)が含まれます。 +これにより、フレームワークをインストールすることなく、Ionic Framework のすべてのコアコンポーネントを使用できます。CSS バンドルには、Ionic のすべての[グローバルスタイルシート](/layout/global-stylesheets.mdx)が含まれます。 ## Ionicons CDN diff --git a/docs/javascript/quickstart.mdx b/docs/javascript/quickstart.mdx index 20a190ef714..57ab17e06fe 100644 --- a/docs/javascript/quickstart.mdx +++ b/docs/javascript/quickstart.mdx @@ -227,7 +227,7 @@ customElements.define('home-page', HomePage); This creates a custom element called `home-page` that contains the layout for your Home page. The page uses Ionic's layout components to create a header with a toolbar and scrollable content area. :::tip[詳しく学ぶ] -Ionic のレイアウトコンポーネントの詳細については、[Header](/docs/api/header.mdx)、[Toolbar](/docs/api/toolbar.mdx)、[Title](/docs/api/title.mdx)、および[Content](/docs/api/content.mdx)のドキュメントを参照してください。 +Ionic のレイアウトコンポーネントの詳細については、[Header](/api/header.mdx)、[Toolbar](/api/toolbar.mdx)、[Title](/api/title.mdx)、および[Content](/api/content.mdx)のドキュメントを参照してください。 ::: Next, add a ` ``` -This creates a page with a [Back Button](/docs/api/back-button.mdx) in the [Toolbar](/docs/api/toolbar.mdx). The back button will automatically handle navigation back to the previous page, or to `/` if there is no history. +This creates a page with a [Back Button](/api/back-button.mdx) in the [Toolbar](/api/toolbar.mdx). The back button will automatically handle navigation back to the previous page, or to `/` if there is no history. :::warning When creating your own pages, always use `ion-page` as the root component. This is essential for proper transitions between pages, base CSS styling that Ionic components depend on, and consistent layout behavior across your app. @@ -259,7 +259,7 @@ Once that is done, update the button in `HomePage.vue`: ``` :::info -ナビゲーションは、Vue Router を使用してプログラム的に実行することもでき、ルートはパフォーマンス向上のために遅延ロードできます。詳細は [Vue ナビゲーションのドキュメント](/docs/vue/navigation.mdx) を参照してください。 +ナビゲーションは、Vue Router を使用してプログラム的に実行することもでき、ルートはパフォーマンス向上のために遅延ロードできます。詳細は [Vue ナビゲーションのドキュメント](/vue/navigation.mdx) を参照してください。 ::: ## Add Icons to the New Page @@ -284,7 +284,7 @@ Then, include them inside of the `ion-content`: Note that we are passing the imported SVG reference, **not** the icon name as a string. -詳細は [アイコンのドキュメント](/docs/api/icon.mdx) と [Ionicons のドキュメント](https://ionic.io/ionicons/) を参照してください。 +詳細は [アイコンのドキュメント](/api/icon.mdx) と [Ionicons のドキュメント](https://ionic.io/ionicons/) を参照してください。 ## Call Component Methods @@ -339,7 +339,7 @@ To call methods on Ionic components: This pattern is necessary because Ionic components are built as Web Components. The `$el` property gives you access to the actual Web Component instance where the methods are defined. -You can find available methods for each component in the [Methods](/docs/api/content.mdx#methods) section of their API documentation. +You can find available methods for each component in the [Methods](/api/content.mdx#methods) section of their API documentation. ## Run on a Device @@ -404,11 +404,11 @@ This guide covered the basics of creating an Ionic Vue app, adding navigation, a

Discover how to handle routing and navigation in Ionic Vue apps using the Vue Router.

 - +

Explore Ionic's rich library of UI components for building beautiful apps.

 - +

Learn how to customize the look and feel of your app with Ionic's powerful theming system.

 diff --git a/docs/vue/troubleshooting.mdx b/docs/vue/troubleshooting.mdx index f6a53e63e85..b46b41de672 100644 --- a/docs/vue/troubleshooting.mdx +++ b/docs/vue/troubleshooting.mdx @@ -36,7 +36,7 @@ import { IonButton } from '@ionic/vue'; ``` -Prefer to register your components globally once? We have you covered. Our [Optimizing Your Build Guide](quickstart.mdx#optimizing-your-build) shows you how to register Ionic Vue components globally as well as the potential downsides to be aware of when using this approach. +Prefer to register your components globally once? We have you covered. Our [Optimizing Your Build Guide](/vue/build-options.mdx#global-component-registration) shows you how to register Ionic Vue components globally as well as the potential downsides to be aware of when using this approach. ## Slot attributes are deprecated @@ -74,7 +74,7 @@ ionContentRef.value.scrollToBottom(); In other framework integrations such as Ionic React, this is not needed as any `ref` you provide is automatically forwarded to the underlying Web Component instance. We are unable to do the same thing here due to limitations in how Vue manages refs. -詳細については、[Quickstart Guide](quickstart.mdx#calling-methods-on-components)を参照してください。 +詳細については、[Quickstart Guide](/vue/quickstart.mdx#call-component-methods)を参照してください。 ## Page transitions are not working diff --git a/docs/vue/utility-functions.mdx b/docs/vue/utility-functions.mdx index c57da16739c..57f05175008 100644 --- a/docs/vue/utility-functions.mdx +++ b/docs/vue/utility-functions.mdx @@ -112,7 +112,7 @@ useBackButton(priority: number, handler: Handler): UseBackButtonResult; 詳細や使用例については、[ハードウェアバックボタンのドキュメント](../developing/hardware-back-button)を参照してください。 :::note -`useBackButton` コールバックは、アプリが Capacitor または Cordova で実行されているときにのみ発火します。詳細については、[Capacitor および Cordova におけるハードウェアバックボタン](../developing/hardware-back-button#hardware-back-button-in-capacitor-and-cordova)を参照してください。 +`useBackButton` コールバックは、アプリが Capacitor または Cordova で実行されているときにのみ発火します。詳細については、[Capacitor および Cordova におけるハードウェアバックボタン](/developing/hardware-back-button.mdx#support)を参照してください。 ::: ## Keyboard From c59f32b15bce70c93de6e66a5d104a531105a6f2 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 17 Sep 2026 16:32:12 -0700 Subject: [PATCH 2/2] fix(links): repin the Node & npm heading to match main's slug --- docs/intro/environment.mdx | 2 +- docs/studio/setup/installation.mdx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/intro/environment.mdx b/docs/intro/environment.mdx index 4a1965e45fe..a890b0c0c74 100644 --- a/docs/intro/environment.mdx +++ b/docs/intro/environment.mdx @@ -28,7 +28,7 @@ Ionic の開発の多くはコマンドラインに慣れていることが必 Git Bash（[git-scm.com](https://git-scm.com)）は TTY 対話機能をサポートしておらず、Ionic はサポートしていません。 -## Node と npm {/* #node-npm */} +## Node と npm {/* #node--npm */} モダンな JavaScript プロジェクトのほとんどのツールは[Node.js](../reference/glossary.mdx#node)で作られています。[ダウンロードページ](https://nodejs.org/en/download/)には、すべてのプラットフォームのインストールパッケージが事前に用意されています。互換性を確保するために LTS バージョンを選択することをお勧めします。 diff --git a/docs/studio/setup/installation.mdx b/docs/studio/setup/installation.mdx index 9b1c76274a9..c06ce1736fe 100644 --- a/docs/studio/setup/installation.mdx +++ b/docs/studio/setup/installation.mdx @@ -5,7 +5,7 @@ Ionic Studio の最新版のダウンロードはこちらです。 [Ionic Dashb ## 必要な環境 - macOS あるいは Windows 10 -- [Node & npm](../../intro/environment.mdx#node-npm) がセットアップされている必要があります。 +- [Node & npm](../../intro/environment.mdx#node--npm) がセットアップされている必要があります。 - オプションとして、バージョン管理のために [Git](../../intro/environment.mdx#git) をインストール ## インストール