File tree Expand file tree Collapse file tree 2 files changed +6
-6
lines changed Expand file tree Collapse file tree 2 files changed +6
-6
lines changed Original file line number Diff line number Diff line change @@ -11,7 +11,7 @@ sidebar_label: ストレージ
11
11
/>
12
12
</head >
13
13
14
- Ionicアプリケーション内でデータを保存するには 、さまざまなオプションが利用可能です。アプリケーションのニーズに最も適したオプションを選択することが最善です。単一のアプリケーションが複数のオプションにまたがる要件を持つ場合もあります。
14
+ Ionic アプリケーション内でデータを保存するには 、さまざまなオプションが利用可能です。アプリケーションのニーズに最も適したオプションを選択することが最善です。単一のアプリケーションが複数のオプションにまたがる要件を持つ場合もあります。
15
15
16
16
::: info
17
17
一部のストレージオプションはサードパーティ製プラグインや製品を伴います。そのような場合、それらのプラグインや製品を推奨またはサポートするものではありません。ここでは情報提供のみを目的として言及しています。
@@ -25,14 +25,14 @@ Ionicアプリケーション内でデータを保存するには、さまざま
25
25
26
26
## リレーショナルデータストレージ(モバイル専用)
27
27
28
- 一部のアプリケーション、特にオフラインファースト手法を採用しているものは、大量の複雑なリレーショナルデータをローカルに保存する必要がある場合があります。このようなシナリオでは、SQLiteプラグインを使用できます。最も一般的なSQLiteプラグインの提供元は以下の通りです :
28
+ 一部のアプリケーション、特にオフラインファースト手法を採用しているものは、大量の複雑なリレーショナルデータをローカルに保存する必要がある場合があります。このようなシナリオでは、SQLite プラグインを使用できます。最も一般的な SQLite プラグインの提供元は以下の通りです :
29
29
30
30
- [ Cordova SQLite Storage] ( https://github.com/storesafe/cordova-sqlite-storage ) (a [ convenience wrapper] ( https://danielsogl.gitbook.io/awesome-cordova-plugins/sqlite ) also exists for this plugin to aid in implementation)
31
31
- [ Capacitor Community SQLite Plugin] ( https://github.com/capacitor-community/sqlite )
32
32
33
- ## 非リレーショナル型大容量データストレージ(モバイルおよびWeb )
33
+ ## 非リレーショナル型大容量データストレージ(モバイルおよび Web )
34
34
35
- 大量のデータを保存し、かつWebとモバイルの両方で動作する必要があるアプリケーションの場合、Webでは [ indexedDB] ( https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API ) を、モバイルでは前述のSQLiteプラグインのいずれかを使用するキー /値ペアデータストレージサービスを作成することが一つの解決策となります。
35
+ 大量のデータを保存し、かつ Web とモバイルの両方で動作する必要があるアプリケーションの場合、Web では [ indexedDB] ( https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API ) を、モバイルでは前述の SQLite プラグインのいずれかを使用するキー /値ペアデータストレージサービスを作成することが一つの解決策となります。
36
36
37
37
以下に、これを実現する方法の例を示します:
38
38
@@ -42,7 +42,7 @@ Ionicアプリケーション内でデータを保存するには、さまざま
42
42
43
43
## その他の選択肢
44
44
45
- Capacitorアプリケーション内で良好に動作し 、ローカルストレージとクラウドベースストレージの両方を提供するその他のストレージオプションも存在し、アプリケーションとの統合が容易な場合があります。
45
+ Capacitor アプリケーション内で良好に動作し 、ローカルストレージとクラウドベースストレージの両方を提供するその他のストレージオプションも存在し、アプリケーションとの統合が容易な場合があります。
46
46
47
47
例:
48
48
Original file line number Diff line number Diff line change @@ -51,7 +51,7 @@ Ionic Framework は<a href="https://developer.mozilla.org/en-US/docs/Web/CSS" ta
51
51
52
52
多くの Ionic コンポーネントは [ CustomEvent] ( https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent ) を使用して、コンポーネントの重要な状態変化を開発者に通知します。例えば、 ` ion-datetime ` コンポーネントは、選択された日付が変更されると ` ionChange ` を発行します。
53
53
54
- 開発者は通常通り click などの標準的なイベントを使用することができる。しかし、コンポーネントの [ shadow root] ( ../reference/glossary.md#shadow ) 内で発生した多くのイベントは、ホスト要素に [ retargeted] ( https://dom.spec.whatwg.org/#retarget ) されます。この結果、ユーザーが 1 回しかクリックしなくても、複数の click ハンドラが実行される可能性があります。そのため、開発者は Ionic コンポーネントの状態変化を適切に通知するために、Ionic のイベントに頼る必要があります。Ionic のイベントには、標準的なイベントとの衝突を避けるためにionというプレフィックスが付けられています 。各コンポーネントのドキュメントページには、開発者がアプリケーションでリッスンできる利用可能なイベントのリストがあります。
54
+ 開発者は通常通り click などの標準的なイベントを使用することができる。しかし、コンポーネントの [ shadow root] ( ../reference/glossary.md#shadow ) 内で発生した多くのイベントは、ホスト要素に [ retargeted] ( https://dom.spec.whatwg.org/#retarget ) されます。この結果、ユーザーが 1 回しかクリックしなくても、複数の click ハンドラが実行される可能性があります。そのため、開発者は Ionic コンポーネントの状態変化を適切に通知するために、Ionic のイベントに頼る必要があります。Ionic のイベントには、標準的なイベントとの衝突を避けるために ion というプレフィックスが付けられています 。各コンポーネントのドキュメントページには、開発者がアプリケーションでリッスンできる利用可能なイベントのリストがあります。
55
55
56
56
## Properties
57
57
You can’t perform that action at this time.
0 commit comments