Skip to content

Commit e5708eb

Browse files
committed
update
1 parent 13ed53b commit e5708eb

5 files changed

Lines changed: 8 additions & 14 deletions

File tree

_site/0-book/unit-5/section-3/6-map-bind-using.md

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -193,7 +193,7 @@ Which API you should choose is determined by how the library's underlying "depen
193193

194194
2. `Timeline` (Indirect)
195195

196-
3. **External Resource (Direct)
196+
3. **External Resource (Direct)**
197197

198198
## 5. Practical Scenarios
199199

@@ -262,7 +262,7 @@ isVisibleTimeline.bind(isVisible => { // ★ Outer bind: Manages the "existence"
262262

263263
- **The outer `bind` manages the lifecycle of the entire component and cuts the reactive connection to the inner `using` when it's no longer needed.**
264264

265-
- **The inner `using` executes its `cleanup` function the moment that connection is cut, safely disposing of the `DOM` elements.
265+
- **The inner `using` executes its `cleanup` function the moment that connection is cut, safely disposing of the `DOM` elements.**
266266

267267
## 6. Conclusion
268268

@@ -467,7 +467,7 @@ const using = <A, B>(
467467

468468
2. `Timeline` (間接)
469469

470-
3. **外部リソース (直接)
470+
3. **外部リソース (直接)**
471471

472472
## 5. 実践シナリオ集
473473

@@ -497,7 +497,6 @@ const dataTimeline: Timeline<Post[] | User[]> = sourceChoiceTimeline.bind(choice
497497
return fetchUsersApi(); // -> returns Timeline<User[]>
498498
}
499499
});
500-
501500
```
502501

503502
#### シナリオ3: `using`が最適なケース
@@ -514,7 +513,6 @@ dynamicDataTimeline.using(items => {
514513
icons.forEach(icon => icon.destroy());
515514
});
516515
});
517-
518516
```
519517

520518
#### シナリオ4: `bind``using`の組み合わせ
@@ -535,7 +533,6 @@ isVisibleTimeline.bind(isVisible => { // ★外側のbind: コンポーネント
535533
return createResource(dom, () => dom.remove());
536534
});
537535
});
538-
539536
```
540537

541538
- **外側の`bind`は、コンポーネント全体のライフサイクルを管理し、不要になった際に内側の`using`へのリアクティブな接続を断ち切ります**

_site/0-book/unit-5/section-3/8-debug.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ Timelineライブラリは高機能なDebugシステムを提供しており、A
6868

6969
デバッグモードが有効になると、`DependencyCore`は内部的な動作を詳細に記録します。
7070

71-
* **イリュージョン(Illusion)**: `bind``using`などで生成される依存関係のグループが`DebugInfo`として記録されます。これには、自身のID、所属する`dependencyIds`の配列、生成時刻、そしてツリー構造を構築するための**`parentIllusion`** IDが含まれます。
71+
* **イリュージョン(Illusion)**: `bind``using`などで生成される依存関係のグループが`DebugInfo`として記録されます。これには、自身のID、所属する`dependencyIds`の配列、生成時刻、そしてツリー構造を構築するための **`parentIllusion`** IDが含まれます。
7272
* **依存関係(Dependency)**: 個々の依存関係は`DependencyDebugInfo`として記録されます。これには、自身のID、`sourceId`(どのタイムラインから)、`targetId`(どのタイムラインへ)、所属する`illusionId`、クリーンアップ関数の有無(`hasCleanup`)、生成時刻といった詳細なメタデータが含まれます。
7373

7474
---

src/content/docs/en/book/unit-5/section-3/6-map-bind-using.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -198,7 +198,7 @@ Which API you should choose is determined by how the library's underlying "depen
198198

199199
2. `Timeline` (Indirect)
200200

201-
3. **External Resource (Direct)
201+
3. **External Resource (Direct)**
202202

203203
## 5. Practical Scenarios
204204

@@ -267,7 +267,7 @@ isVisibleTimeline.bind(isVisible => { // ★ Outer bind: Manages the "existence"
267267

268268
- **The outer `bind` manages the lifecycle of the entire component and cuts the reactive connection to the inner `using` when it's no longer needed.**
269269

270-
- **The inner `using` executes its `cleanup` function the moment that connection is cut, safely disposing of the `DOM` elements.
270+
- **The inner `using` executes its `cleanup` function the moment that connection is cut, safely disposing of the `DOM` elements.**
271271

272272
## 6. Conclusion
273273

src/content/docs/ja/book/unit-5/section-3/6-map-bind-using.md

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -195,7 +195,7 @@ const using = <A, B>(
195195

196196
2. `Timeline` (間接)
197197

198-
3. **外部リソース (直接)
198+
3. **外部リソース (直接)**
199199

200200
## 5. 実践シナリオ集
201201

@@ -225,7 +225,6 @@ const dataTimeline: Timeline<Post[] | User[]> = sourceChoiceTimeline.bind(choice
225225
return fetchUsersApi(); // -> returns Timeline<User[]>
226226
}
227227
});
228-
229228
```
230229

231230
#### シナリオ3: `using`が最適なケース
@@ -242,7 +241,6 @@ dynamicDataTimeline.using(items => {
242241
icons.forEach(icon => icon.destroy());
243242
});
244243
});
245-
246244
```
247245

248246
#### シナリオ4: `bind``using`の組み合わせ
@@ -263,7 +261,6 @@ isVisibleTimeline.bind(isVisible => { // ★外側のbind: コンポーネント
263261
return createResource(dom, () => dom.remove());
264262
});
265263
});
266-
267264
```
268265

269266
- **外側の`bind`は、コンポーネント全体のライフサイクルを管理し、不要になった際に内側の`using`へのリアクティブな接続を断ち切ります**

src/content/docs/ja/book/unit-5/section-3/8-debug.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ Timelineライブラリは高機能なDebugシステムを提供しており、A
2121

2222
デバッグモードが有効になると、`DependencyCore`は内部的な動作を詳細に記録します。
2323

24-
* **イリュージョン(Illusion)**: `bind``using`などで生成される依存関係のグループが`DebugInfo`として記録されます。これには、自身のID、所属する`dependencyIds`の配列、生成時刻、そしてツリー構造を構築するための**`parentIllusion`** IDが含まれます。
24+
* **イリュージョン(Illusion)**: `bind``using`などで生成される依存関係のグループが`DebugInfo`として記録されます。これには、自身のID、所属する`dependencyIds`の配列、生成時刻、そしてツリー構造を構築するための **`parentIllusion`** IDが含まれます。
2525
* **依存関係(Dependency)**: 個々の依存関係は`DependencyDebugInfo`として記録されます。これには、自身のID、`sourceId`(どのタイムラインから)、`targetId`(どのタイムラインへ)、所属する`illusionId`、クリーンアップ関数の有無(`hasCleanup`)、生成時刻といった詳細なメタデータが含まれます。
2626

2727
---

0 commit comments

Comments
 (0)