Skip to content

Commit 4cc2273

Browse files
committed
translate(ja): translate about core-concepts
1 parent c668eb1 commit 4cc2273

File tree

4 files changed

+17
-17
lines changed

4 files changed

+17
-17
lines changed

docs/core-concepts/cross-platform.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ this.platform.ready().then(() => {
6767

6868
<img src={require('@site/static/img/building/cross-platform-items.png').default} />
6969

70-
To improve this experience, we can wrap the items in a [Grid](../api/grid.md) component. The view can be easily rewritten into something more usable on larger screens:
70+
このエクスペリエンスを改善するために、アイテムを[Grid](../api/grid.md)コンポーネントで囲むことができます。ビューは、大きな画面でより使いやすくなるように簡単に書き直すことができます:
7171

7272
```html
7373
<ion-grid>

docs/core-concepts/fundamentals.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ sidebar_label: 基本的な考え方
44
---
55

66
<head>
7-
<title>App Development Core Concepts and Tools - Ionic Framework API</title>
7+
<title>アプリ開発のコアコンセプトとツール - Ionic Framework API</title>
88
<meta
99
name="description"
10-
content="For those new to Ionic app development, a high-level understanding of the core concepts and tools behind the project helps. Read to learn more about Ionic API."
10+
content="Ionicアプリ開発を始めたばかりの方には、プロジェクトの背景にあるコアコンセプトとツールの高レベルの理解が役立ちます。Ionic APIについて詳しく学びましょう。"
1111
/>
1212
</head>
1313

@@ -53,28 +53,28 @@ Ionic Framework は<a href="https://developer.mozilla.org/en-US/docs/Web/CSS" ta
5353

5454
開発者は通常通り click などの標準的なイベントを使用することができる。しかし、コンポーネントの [shadow root](../reference/glossary.md#shadow) 内で発生した多くのイベントは、ホスト要素に [retargeted](https://dom.spec.whatwg.org/#retarget) されます。この結果、ユーザーが 1 回しかクリックしなくても、複数の click ハンドラが実行される可能性があります。そのため、開発者は Ionic コンポーネントの状態変化を適切に通知するために、Ionic のイベントに頼る必要があります。Ionic のイベントには、標準的なイベントとの衝突を避けるために ion というプレフィックスが付けられています。各コンポーネントのドキュメントページには、開発者がアプリケーションでリッスンできる利用可能なイベントのリストがあります。
5555

56-
## Properties
56+
## プロパティ
5757

58-
Properties are JavaScript properties that can be set on Ionic components to configure their behavior and appearance. Properties are defined in each component's [API documentation](/docs/api) page.
58+
プロパティは、Ionicコンポーネントの動作と外観を設定するためにIonicコンポーネントに設定できるJavaScriptプロパティです。プロパティは各コンポーネントの[API documentation](/docs/api)ページで定義されています。
5959

60-
### Reactive Properties
60+
### リアクティブプロパティ
6161

62-
Reactive properties automatically update the component when their values change. These are the most common type of property in Ionic components.
62+
リアクティブプロパティは、値が変更されるとコンポーネントを自動的に更新します。これらはIonicコンポーネントで最も一般的なタイプのプロパティです。
6363

6464
```html
6565
<ion-button color="primary">Primary Button</ion-button>
6666
```
6767

68-
The `color` property is a reactive property that configures how the button appears. If you change the `color` value after the initial render, the button will update to reflect the new value.
68+
`color`プロパティは、ボタンの外観を設定するリアクティブプロパティです。初期レンダリング後に`color`値を変更すると、ボタンは新しい値を反映するように更新されます。
6969

70-
### Virtual Properties
70+
### 仮想プロパティ
7171

72-
Virtual properties are designed for one-time configuration during component initialization. They do not trigger re-renders when updated.
72+
仮想プロパティは、コンポーネントの初期化中に1回だけ設定するように設計されています。更新されても再レンダリングをトリガーしません。
7373

7474
```html
7575
<ion-button mode="ios">iOS Style Button</ion-button> <ion-button mode="md">Material Design Button</ion-button>
7676
```
7777

78-
The `mode` property is a virtual property that determines which platform styles to use for a component. It can be set at the component level or globally through the app configuration. In both cases, it's set once during initialization and doesn't change during the component's lifecycle.
78+
`mode`プロパティは、コンポーネントに使用するプラットフォームスタイルを決定する仮想プロパティです。コンポーネントレベルで設定することも、アプリ設定を通じてグローバルに設定することもできます。どちらの場合も、初期化中に一度設定され、コンポーネントのライフサイクル中は変更されません。
7979

80-
For more information on Ionic modes, read the [Platform Styles documentation](/docs/theming/platform-styles).
80+
Ionicモードの詳細については、[Platform Styles documentation](/docs/theming/platform-styles)を参照してください。

docs/core-concepts/webview.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,10 @@ title: Web View
33
---
44

55
<head>
6-
<title>Capacitor Web View for iOS and Android Apps - Ionic Framework</title>
6+
<title>iOSおよびAndroidアプリ用Capacitor Web View - Ionic Framework</title>
77
<meta
88
name="description"
9-
content="What is a Web View? Web Views are a full screen and full-powered web browser. Read to learn more about Capacitor Web View on Ionic Framework apps."
9+
content="Web Viewとは何ですか?Web Viewはフルスクリーンでフル機能のWebブラウザです。Ionic FrameworkアプリでのCapacitor Web Viewについて詳しく学びましょう。"
1010
/>
1111
</head>
1212

@@ -28,7 +28,7 @@ Ionic Web View プラグインは、最新の JavaScript アプリケーショ
2828

2929
### CORS
3030

31-
Web Views enforce [CORS](../reference/glossary.md#cors), so it's important that external services properly handle cross-origin requests. See the [CORS FAQs](../troubleshooting/cors.md) for information on dealing with CORS in Ionic apps.
31+
Web Viewは[CORS](../reference/glossary.md#cors)を強制するため、外部サービスがクロスオリジンリクエストを適切に処理することが重要です。IonicアプリでCORSを処理する方法については、[CORS FAQs](../troubleshooting/cors.md)を参照してください。
3232

3333
### File プロトコル
3434

@@ -42,7 +42,7 @@ import { Capacitor } from '@capacitor/core';
4242
Capacitor.convertFileSrc(filePath);
4343
```
4444

45-
For Cordova apps, the [Ionic Web View plugin](https://github.com/ionic-team/cordova-plugin-ionic-webview) provides a utility function for converting File URIs: `window.Ionic.WebView.convertFileSrc()`. There is also a corresponding Ionic Native plugin: [`@awesome-cordova-plugins/ionic-webview`](https://danielsogl.gitbook.io/awesome-cordova-plugins/ionic-webview).
45+
Cordovaアプリの場合、[Ionic Web View plugin](https://github.com/ionic-team/cordova-plugin-ionic-webview)は、File URIを変換するためのユーティリティ関数を提供します:`window.Ionic.WebView.convertFileSrc()`。対応するIonic Nativeプラグインもあります:[`@awesome-cordova-plugins/ionic-webview`](https://danielsogl.gitbook.io/awesome-cordova-plugins/ionic-webview)
4646

4747
### 実装
4848

docs/core-concepts/what-are-progressive-web-apps.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ title: Progressive Web Apps
77
<title>Progressive Web Applications: PWAとは - Ionic Documentation</title>
88
<meta
99
name="description"
10-
content="What is a PWA? A Progressive Web Application uses modern web capabilities to deliver an app-like experience. Read our core concept documentation to learn more."
10+
content="PWAとは何ですか?Progressive Web Applicationは、最新のWeb機能を使用してアプリのようなエクスペリエンスを提供します。コアコンセプトドキュメントを読んで詳しく学びましょう。"
1111
/>
1212
</head>
1313

0 commit comments

Comments
 (0)