Skip to content

Commit 7bf75b9

Browse files
nekomeowwwnekomeowww
committed
docs(2025-06-11-kubecon-hk): updated
1 parent 682b760 commit 7bf75b9

File tree

1 file changed

+33
-203
lines changed

1 file changed

+33
-203
lines changed

‎packages/2025-06-11-kubecon-hk/slides.md‎

Lines changed: 33 additions & 203 deletions
Original file line numberDiff line numberDiff line change
@@ -906,12 +906,14 @@ Python + C++ Harmony in K8S
906906

907907
---
908908

909-
# One CRD to Rule Them All
909+
# Dataset CRD
910+
911+
One CRD to Rule Them All
910912

911913
<div class="flex relative">
912914

913915
<div class="mt-2 w-75%">
914-
<div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-lg p-4">
916+
<div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-lg pl-1 pr-1">
915917

916918
```yaml
917919
apiVersion: dataset.baize.io/v1alpha1
@@ -1030,7 +1032,7 @@ glowSeed: 215
10301032
transition duration-500 ease-in-out
10311033
:class="$clicks < 1? 'opacity-0 translate-y-20' : 'opacity-100 translate-y-0'"
10321034
>
1033-
<div bg="sky-800/40" px-4 py-2 flex items-center justify-center>
1035+
<div bg="sky-800/40" px-4 py-2 flex items-center justify-center text-sm>
10341036
<span font-bold>ML Model Repositories</span>
10351037
</div>
10361038
<div px-4 py-4 flex flex-col gap-3>
@@ -1065,7 +1067,7 @@ glowSeed: 215
10651067
transition duration-500 ease-in-out
10661068
:class="$clicks < 2 ? 'opacity-0 translate-y-20' : 'opacity-100 translate-y-0'"
10671069
>
1068-
<div bg="purple-800/40" px-4 py-2 flex items-center justify-center>
1070+
<div bg="purple-800/40" px-4 py-2 flex items-center justify-center text-sm>
10691071
<span font-bold>Environment & Packages</span>
10701072
</div>
10711073
<div px-4 py-4 flex flex-col gap-3>
@@ -1100,7 +1102,7 @@ glowSeed: 215
11001102
transition duration-500 ease-in-out
11011103
:class="$clicks < 3 ? 'opacity-0 translate-y-20' : 'opacity-100 translate-y-0'"
11021104
>
1103-
<div bg="indigo-800/40" px-4 py-2 flex items-center justify-center>
1105+
<div bg="indigo-800/40" px-4 py-2 flex items-center justify-center text-sm>
11041106
<span font-bold>Storage & Version Control</span>
11051107
</div>
11061108
<div px-4 py-4 flex flex-col gap-3>
@@ -1150,7 +1152,9 @@ glowSeed: 215
11501152

11511153
---
11521154

1153-
# Cross-Namespace Dataset Sharing
1155+
# Share across namespaces!
1156+
1157+
Cross-Namespace Dataset Sharing
11541158

11551159
<div class="flex relative">
11561160

@@ -1207,9 +1211,9 @@ clicks: 3
12071211
glowSeed: 88
12081212
---
12091213

1210-
# Dataloader: The Polyglot Dependency Manager
1214+
# Component in Dataset: Dataloader
12111215

1212-
<span>The command-line superpower for dependency control</span>
1216+
<span>The command-line superpower for anything useful to LLMOps / MLOps</span>
12131217

12141218
<div mt-6 />
12151219

@@ -1356,156 +1360,15 @@ glowSeed: 88
13561360
</div>
13571361
</div>
13581362

1359-
---
1360-
class: py-10
1361-
clicks: 6
1362-
glow: right
1363-
---
1364-
1365-
# Smart Dependency Resolution: Solving the Version Maze
1366-
1367-
<span>Untangling the complex web of dependencies</span>
1368-
1369-
<div mt-4 />
1370-
1371-
<div flex>
1372-
<div w="1/2" pr-6>
1373-
<div
1374-
v-click="1"
1375-
relative min-h-80 border="2 solid blue-800" rounded-lg bg="blue-800/20"
1376-
transition duration-500 ease-in-out
1377-
:class="$clicks < 1 ? 'opacity-0 translate-y-20' : 'opacity-100 translate-y-0'"
1378-
>
1379-
<div absolute top--3 left-4 bg="blue-700" px-3 py-0.5 rounded-full text-sm>
1380-
Dependency Resolution Process
1381-
</div>
1382-
<!-- Graph visualization -->
1383-
<svg width="100%" height="250" viewBox="0 0 400 250" class="mt-4">
1384-
<!-- PyTorch node -->
1385-
<circle
1386-
:cx="200" :cy="70" :r="40"
1387-
fill="rgba(59, 130, 246, 0.2)"
1388-
stroke="rgba(59, 130, 246, 0.6)"
1389-
stroke-width="2"
1390-
:class="{ 'animate-pulse': $clicks === 2 }"
1391-
/>
1392-
<text x="200" y="70" text-anchor="middle" fill="white" font-size="14">PyTorch</text>
1393-
<text x="200" y="85" text-anchor="middle" fill="white" font-size="10">2.1.0</text>
1394-
<!-- CUDA node -->
1395-
<circle
1396-
:cx="100" :cy="170" :r="35"
1397-
fill="rgba(139, 92, 246, 0.2)"
1398-
stroke="rgba(139, 92, 246, 0.6)"
1399-
stroke-width="2"
1400-
:class="{ 'animate-pulse': $clicks === 3 }"
1401-
/>
1402-
<text x="100" y="170" text-anchor="middle" fill="white" font-size="14">CUDA</text>
1403-
<text x="100" y="185" text-anchor="middle" fill="white" font-size="10">11.8</text>
1404-
<!-- GCC node -->
1405-
<circle
1406-
:cx="200" :cy="170" :r="35"
1407-
fill="rgba(236, 72, 153, 0.2)"
1408-
stroke="rgba(236, 72, 153, 0.6)"
1409-
stroke-width="2"
1410-
:class="{ 'animate-pulse': $clicks === 4 }"
1411-
/>
1412-
<text x="200" y="170" text-anchor="middle" fill="white" font-size="14">GCC</text>
1413-
<text x="200" y="185" text-anchor="middle" fill="white" font-size="10">9.4.0</text>
1414-
<!-- cuDNN node -->
1415-
<circle
1416-
:cx="300" :cy="170" :r="35"
1417-
fill="rgba(34, 211, 238, 0.2)"
1418-
stroke="rgba(34, 211, 238, 0.6)"
1419-
stroke-width="2"
1420-
:class="{ 'animate-pulse': $clicks === 5 }"
1421-
/>
1422-
<text x="300" y="170" text-anchor="middle" fill="white" font-size="14">cuDNN</text>
1423-
<text x="300" y="185" text-anchor="middle" fill="white" font-size="10">8.7.0</text>
1424-
<!-- Connection lines -->
1425-
<line
1426-
x1="200" y1="110" x2="100" y2="135"
1427-
stroke="white" stroke-width="2" stroke-dasharray="4 2"
1428-
:class="{ 'animate-pulse': $clicks === 3 }"
1429-
/>
1430-
<line
1431-
x1="200" y1="110" x2="200" y2="135"
1432-
stroke="white" stroke-width="2" stroke-dasharray="4 2"
1433-
:class="{ 'animate-pulse': $clicks === 4 }"
1434-
/>
1435-
<line
1436-
x1="200" y1="110" x2="300" y2="135"
1437-
stroke="white" stroke-width="2" stroke-dasharray="4 2"
1438-
:class="{ 'animate-pulse': $clicks === 5 }"
1439-
/>
1440-
</svg>
1441-
</div>
1442-
</div>
1443-
1444-
<div w="1/2" pl-6 flex flex-col gap-4>
1445-
<div
1446-
v-click="2"
1447-
border="2 solid indigo-800" bg="indigo-800/20"
1448-
rounded-lg p-4
1449-
transition duration-500 ease-in-out
1450-
:class="$clicks < 2 ? 'opacity-0 translate-x-20' : 'opacity-100 translate-x-0'"
1451-
>
1452-
<div flex items-center>
1453-
<div i-carbon:inspection text-indigo-300 text-xl mr-2 />
1454-
<span font-bold>Before Installation</span>
1455-
</div>
1456-
<div mt-3 flex flex-col gap-2>
1457-
<div flex items-center gap-2>
1458-
<div i-carbon:checkmark-outline text-green-400 />
1459-
<span>Dependency graph analysis</span>
1460-
</div>
1461-
<div flex items-center gap-2>
1462-
<div i-carbon:checkmark-outline text-green-400 />
1463-
<span>Version compatibility check</span>
1464-
</div>
1465-
<div flex items-center gap-2>
1466-
<div i-carbon:checkmark-outline text-green-400 />
1467-
<span>System requirements validation</span>
1468-
</div>
1469-
<div flex items-center gap-2>
1470-
<div i-carbon:checkmark-outline text-green-400 />
1471-
<span>C++/CUDA ABI verification</span>
1472-
</div>
1473-
</div>
1474-
</div>
1475-
<div
1476-
v-click="6"
1477-
border="2 solid sky-800" bg="sky-800/20"
1478-
rounded-lg overflow-hidden
1479-
transition duration-500 ease-in-out
1480-
:class="$clicks < 6 ? 'opacity-0 translate-x-20' : 'opacity-100 translate-x-0'"
1481-
>
1482-
<div bg="sky-800/40" px-4 py-2 flex items-center>
1483-
<div i-carbon:code text-sky-300 text-xl mr-2 />
1484-
<span font-bold>Resolution Example</span>
1485-
</div>
1486-
<div class="font-mono bg-black/30 px-4 py-3 text-sm">
1487-
<div text-green-400>$ dataloader install torch==2.1.0</div>
1488-
<div text-sky-300 mt-1>[INFO] Detected CUDA requirement: 11.8</div>
1489-
<div text-sky-300>[INFO] Detected cuDNN requirement: 8.7.0</div>
1490-
<div text-sky-300>[INFO] Detected GCC requirement: 9.4.0</div>
1491-
<div text-sky-300>[INFO] Building compatible environment...</div>
1492-
<div text-sky-300 mt-1>[INFO] Downloading PyTorch 2.1.0</div>
1493-
<div text-sky-300>[INFO] Configuring toolchain compatibility</div>
1494-
<div text-green-400 mt-1>[SUCCESS] All dependencies resolved!</div>
1495-
</div>
1496-
</div>
1497-
</div>
1498-
</div>
1499-
15001363
---
15011364
class: py-10
15021365
clicks: 6
15031366
glowSeed: 150
15041367
---
15051368

1506-
# Cache Strategy: Optimizing the Unbearable Heaviness of Builds
1369+
# Cache Strategy
15071370

1508-
<span>From hours to seconds with smart caching</span>
1371+
<span>Optimizing the Unbearable Heaviness of Builds</span>
15091372

15101373
<div mt-6 />
15111374

@@ -1863,7 +1726,7 @@ glow: bottom
18631726
:class="$clicks < 3 ? 'opacity-0 scale-90' : 'opacity-100 scale-100'"
18641727
>
18651728
<div
1866-
flex items-center bg="green-900/30" border="2 solid green-700"
1729+
flex items-center bg="green-900/30"
18671730
rounded-lg py-3 px-6 gap-4
18681731
>
18691732
<div i-carbon:transform-moving text-green-300 text-3xl />
@@ -1978,41 +1841,41 @@ glowSeed: 338
19781841

19791842
100x difference in environment setup times!
19801843

1981-
<div mt-8 />
1844+
<div mt-4 />
19821845

19831846
<div
19841847
v-click
19851848
transition duration-500 ease-in-out
19861849
:class="$clicks < 1 ? 'opacity-0 scale-90' : 'opacity-100 scale-100'"
19871850
>
19881851
<!-- Chart container with proper dimensions -->
1989-
<div relative h-80 w-full px-8>
1852+
<div relative h-100 w-full>
19901853
<!-- Chart header -->
19911854
<div
19921855
border="2 solid neutral-700" bg="neutral-800/50"
1993-
rounded-t-lg px-6 py-3
1856+
rounded-t-lg px-3 py-2
19941857
>
19951858
<div flex items-center justify-between>
19961859
<div flex items-center gap-2>
19971860
<div i-carbon:chart-column text-xl text-sky-300 />
1998-
<div font-bold text-xl>Setup Time Comparison</div>
1861+
<div font-bold text-xs>Setup Time Comparison</div>
19991862
</div>
20001863
<div text-sm text-zinc-400>Smaller is better</div>
20011864
</div>
20021865
</div>
20031866
<!-- Chart bars -->
20041867
<div
20051868
border-x="2 solid neutral-700" border-b="2 solid neutral-700"
2006-
bg="neutral-900/50" rounded-b-lg px-6 py-8
1869+
bg="neutral-900/50" rounded-b-lg px-3 pb-3 h-90 pt-6
20071870
>
2008-
<div flex items-end justify-center gap-20 h-50>
1871+
<div flex items-end justify-center gap-20 h-full>
20091872
<!-- Conda bar -->
2010-
<div flex flex-col items-center>
2011-
<div h-50 w-24 bg="red-800/40" border="2 solid red-700" rounded-t-lg flex items-center justify-center relative>
1873+
<div flex flex-col items-center justify-end h-full>
1874+
<div h="75%" w-30 bg="red-800/40" rounded-t-lg flex items-center justify-center relative>
20121875
<span text-2xl font-bold text-red-300>45+</span>
20131876
<span text-sm text-red-300 absolute top-2 right-2>min</span>
2014-
<div absolute top="-10" w-full text-center>
2015-
<div bg="red-900/60" border="1 solid red-700" rounded-full px-3 py-1 text-xs inline-block>
1877+
<div absolute top="-10" w-full flex justify-center>
1878+
<div bg="red-900/60" border="2 solid red-700" rounded-full px-2 py-1 text-xs flex items-center text-nowrap w-fit>
20161879
~100× slower
20171880
</div>
20181881
</div>
@@ -2025,11 +1888,11 @@ glowSeed: 338
20251888
</div>
20261889
<!-- Docker bar -->
20271890
<div flex flex-col items-center>
2028-
<div h-24 w-24 bg="blue-800/40" border="2 solid blue-700" rounded-t-lg flex items-center justify-center relative>
1891+
<div h="31%" w-30 bg="blue-800/40" rounded-t-lg flex items-center justify-center relative>
20291892
<span text-2xl font-bold text-blue-300>20</span>
20301893
<span text-sm text-blue-300 absolute top-2 right-2>min</span>
2031-
<div absolute top="-10" w-full text-center>
2032-
<div bg="blue-900/60" border="1 solid blue-700" rounded-full px-3 py-1 text-xs inline-block>
1894+
<div absolute top="-10" w-full flex justify-center>
1895+
<div bg="blue-900/60" border="2 solid blue-700" rounded-full px-3 py-1 text-xs flex items-center text-nowrap w-fit>
20331896
~40× slower
20341897
</div>
20351898
</div>
@@ -2043,20 +1906,20 @@ glowSeed: 338
20431906
<!-- Datasets + Pixi bar -->
20441907
<div flex flex-col items-center>
20451908
<div
2046-
h-10 w-24 bg="green-800/40" border="2 solid green-700"
1909+
h-10 w-30 bg="green-800/40"
20471910
rounded-t-lg flex items-center justify-center relative
20481911
class="animate-name-pulse animate-iteration-count-[infinite] animate-direction-normal animate-duration-3000 animate-ease-in-out"
20491912
>
20501913
<span text-2xl font-bold text-green-300>~30</span>
20511914
<span text-sm text-green-300 absolute top-2 right-2>sec</span>
2052-
<div absolute top="-10" w-full text-center>
2053-
<div bg="green-900/60" border="1 solid green-700" rounded-full px-3 py-1 text-xs inline-block>
2054-
<div i-carbon:flash text-yellow-300 mr-1 inline-block />
1915+
<div absolute top="-10" left="0" w-full flex justify-center>
1916+
<div bg="green-900/60" border="2 solid green-700" rounded-full px-3 py-1 text-xs flex items-center text-nowrap w-fit>
1917+
<div i-carbon:flash text-yellow-300 inline-block />
20551918
Fastest
20561919
</div>
20571920
</div>
20581921
</div>
2059-
<div py-2 font-semibold>Datasets + Pixi</div>
1922+
<div py-2 font-semibold>Dataset + Pixi</div>
20601923
<div text-xs text-green-400 flex items-center gap-1>
20611924
<div i-carbon:checkmark-outline />
20621925
<span>Parallel processing</span>
@@ -2067,39 +1930,6 @@ glowSeed: 338
20671930
</div>
20681931
</div>
20691932

2070-
<div
2071-
v-click
2072-
mt-10 flex justify-center
2073-
transition duration-500 ease-in-out
2074-
:class="$clicks < 2 ? 'opacity-0 scale-90' : 'opacity-100 scale-100'"
2075-
>
2076-
<div
2077-
bg="green-900/30" border="2 solid green-700"
2078-
rounded-lg py-4 px-8 text-center max-w-160
2079-
>
2080-
<div text-2xl font-bold>
2081-
<span text-green-300>10-100×</span> Faster Environment Setup
2082-
</div>
2083-
<div text-sm mt-2 opacity-80>
2084-
Powered by Pixi's innovative package management and parallel processing with intelligent caching
2085-
</div>
2086-
<div mt-3 flex justify-center gap-6 text-sm>
2087-
<div flex items-center gap-1>
2088-
<div i-carbon:checkmark-outline text-green-400 />
2089-
<span>Reusable across team</span>
2090-
</div>
2091-
<div flex items-center gap-1>
2092-
<div i-carbon:checkmark-outline text-green-400 />
2093-
<span>Instant activation</span>
2094-
</div>
2095-
<div flex items-center gap-1>
2096-
<div i-carbon:checkmark-outline text-green-400 />
2097-
<span>Optimized storage</span>
2098-
</div>
2099-
</div>
2100-
</div>
2101-
</div>
2102-
21031933
---
21041934
class: py-10
21051935
clicks: 5

0 commit comments

Comments
 (0)