{"id":500767,"date":"2026-10-29T09:30:10","date_gmt":"2026-10-29T06:30:10","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=500767"},"modified":"2026-10-29T09:30:10","modified_gmt":"2026-10-29T06:30:10","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=500767","title":{"rendered":"UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u043b\u044e\u0434\u0435\u0439 \u0438 AI-\u0430\u0433\u0435\u043d\u0442\u043e\u0432: Rust, C, C++, ASM, 6 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c, 900 \u041a\u0411"},"content":{"rendered":"
\n

\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u044e \u0432\u043e\u043f\u043b\u043e\u0449\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0441\u0430\u043c\u044b\u0435 \u0441\u043c\u0435\u043b\u044b\u0435 \u0438\u0434\u0435\u0438, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u043d\u0435\u0435 \u043d\u0435 \u0431\u044b\u043b\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044e LLM. \u042f \u0432\u0435\u0440\u044e, \u0447\u0442\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u0430\u043c\u043e\u0439 \u0438\u0434\u0435\u0438 \u0441\u0442\u0430\u043b\u0430 \u0432\u044b\u0448\u0435 \u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u043d\u0430 \u0432\u0441\u0451 \u0440\u0435\u0448\u0430\u0435\u0442.<\/p>\n

\u0421\u0435\u0433\u043e\u0434\u043d\u044f \u0445\u043e\u0447\u0443 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043b\u0451\u0433\u043a\u0438\u0439 UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a. \u041e\u043d \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 Rust, \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 Windows (x64, ARM), macOS, Linux, Android, iOS\/iPadOS \u0438 \u0434\u0430\u0436\u0435 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0447\u0435\u0440\u0435\u0437 WASM (\u043e\u043d\u043b\u0430\u0439\u043d-\u0434\u0435\u043c\u043e \u043d\u0430 GitHub Pages). \u0421\u043d\u0430\u0431\u0436\u0451\u043d \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0430 Rust, C, C++ \u0438 \u0434\u0430\u0436\u0435 ASM.<\/p>\n

\u041e\u0442\u043b\u0438\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c: \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0438\u043c\u0435\u0435\u0442 \u0434\u0432\u0430 \u0444\u043e\u0440\u043c\u0430\u0442\u0430 \u2013 \u043b\u0438\u0431\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 UI \u0434\u043b\u044f \u043b\u044e\u0434\u0435\u0439, \u043b\u0438\u0431\u043e \u0436\u0435 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 UI \u0432 JSON \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u0441 \u043d\u0438\u043c \u043c\u043e\u0433\u043b\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c AI-\u0430\u0433\u0435\u043d\u0442\u044b \u0431\u0435\u0437 \u0441\u043d\u044f\u0442\u0438\u044f \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u043e\u0432. \u042d\u0442\u0430 \u0436\u0435 \u0444\u0438\u0448\u043a\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b\u0430 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u0431\u0440\u043e\u0441\u0438\u0442\u044c UI \u043f\u043e SSH (\u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043d\u0438\u0436\u0435).<\/p>\n

\u041a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u0434\u0435\u044f \u2013 JSON \u0432\u043e \u0432\u0441\u0451\u043c<\/h3>\n

\u0425\u043e\u0442\u044f \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u043d\u0438\u0435 JSON-\u043e\u0432 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u0442\u0447\u0435\u0439 \u0432\u043e \u044f\u0437\u044b\u0446\u0435\u0445, \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044f \u043f\u043e\u0441\u0447\u0438\u0442\u0430\u043b \u0435\u0433\u043e \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u043d\u043d\u044b\u043c. \u041f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0435 \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0435\u0433\u043e \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435, \u0438 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0432\u0430\u0436\u043d\u0435\u0435 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0430 (\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u0443\u0442\u0438\u043b\u0438\u0442, \u0430 \u043d\u0435 \u0434\u043b\u044f \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0433\u0440\u0430\u0444\u0438\u043a\u0438).<\/p>\n

\u041d\u0438\u0436\u043d\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0443\u043c\u0435\u0435\u0442 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e JSON-\u043a\u0430\u0434\u0440 \u0438\u0437 9 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u0432. \u0412\u043e\u0442 \u043e\u043d\u0438:<\/p>\n

\n
\n\n\n\n\n\n\n\n\n\n\n\n\n
\n

\u041f\u0440\u0438\u043c\u0438\u0442\u0438\u0432<\/p>\n<\/th>\n

\n

\u0413\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u044f<\/p>\n<\/th>\n

\n

\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u0430<\/p>\n<\/th>\n

\n

\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435<\/p>\n<\/th>\n<\/tr>\n

\n

rect<\/code><\/p>\n<\/td>\n

\n

[x, y, w, h]<\/code><\/p>\n<\/td>\n

\n

fill<\/code>, stroke<\/code>, width<\/code>, radius<\/code><\/p>\n<\/td>\n

\n

\u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0441\u043e \u0441\u043a\u0440\u0443\u0433\u043b\u0451\u043d\u043d\u044b\u043c\u0438 \u0443\u0433\u043b\u0430\u043c\u0438<\/p>\n<\/td>\n<\/tr>\n

\n

line<\/code><\/p>\n<\/td>\n

\n

[x1, y1, x2, y2]<\/code><\/p>\n<\/td>\n

\n

color<\/code>, width<\/code>, cap<\/code> (butt<\/code> \/ round<\/code>)<\/p>\n<\/td>\n

\n

\u043e\u0442\u0440\u0435\u0437\u043e\u043a<\/p>\n<\/td>\n<\/tr>\n

\n

circle<\/code><\/p>\n<\/td>\n

\n

[cx, cy, r]<\/code><\/p>\n<\/td>\n

\n

fill<\/code>, stroke<\/code>, width<\/code><\/p>\n<\/td>\n

\n

\u043a\u0440\u0443\u0433<\/p>\n<\/td>\n<\/tr>\n

\n

tri<\/code><\/p>\n<\/td>\n

\n

[x1, y1, x2, y2, x3, y3]<\/code><\/p>\n<\/td>\n

\n

fill<\/code>, stroke<\/code>, width<\/code><\/p>\n<\/td>\n

\n

\u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a (\u0441\u0442\u0440\u0435\u043b\u043a\u0438, \u0433\u0430\u043b\u043e\u0447\u043a\u0438)<\/p>\n<\/td>\n<\/tr>\n

\n

poly<\/code><\/p>\n<\/td>\n

\n

[[x, y], [x, y], \u2026]<\/code><\/p>\n<\/td>\n

\n

fill<\/code>, stroke<\/code>, width<\/code><\/p>\n<\/td>\n

\n

\u0437\u0430\u043c\u043a\u043d\u0443\u0442\u044b\u0439 \u043c\u043d\u043e\u0433\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a (\u0441\u0435\u043a\u0442\u043e\u0440\u044b \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432, \u0441\u0432\u043e\u0438 \u0444\u0438\u0433\u0443\u0440\u044b)<\/p>\n<\/td>\n<\/tr>\n

\n

text<\/code><\/p>\n<\/td>\n

\n

\"\u043e\u0434\u043d\u0430 \u0441\u0442\u0440\u043e\u043a\u0430\"<\/code><\/p>\n<\/td>\n

\n

at: [x, y]<\/code>, size<\/code>, color<\/code>, font<\/code>, bold<\/code>, italic<\/code><\/p>\n<\/td>\n

\n

\u0441\u0442\u0440\u043e\u043a\u0430 \u0442\u0435\u043a\u0441\u0442\u0430; \u043f\u0435\u0440\u0435\u043d\u043e\u0441 \u0434\u0435\u043b\u0430\u0435\u0442 \u0441\u043b\u043e\u0439 \u044d\u043a\u0440\u0430\u043d\u043e\u0432<\/p>\n<\/td>\n<\/tr>\n

\n

image<\/code><\/p>\n<\/td>\n

\n

[x, y, w, h]<\/code><\/p>\n<\/td>\n

\n

src<\/code>, fit<\/code> (cover<\/code> \/ contain<\/code> \/ fill<\/code>), radius<\/code><\/p>\n<\/td>\n

\n

\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430<\/p>\n<\/td>\n<\/tr>\n

\n

clip<\/code><\/p>\n<\/td>\n

\n

[x, y, w, h]<\/code><\/p>\n<\/td>\n

\n

items: [\u2026]<\/code><\/p>\n<\/td>\n

\n

\u0433\u0440\u0443\u043f\u043f\u0430, \u043e\u0431\u0440\u0435\u0437\u0430\u043d\u043d\u0430\u044f \u043f\u043e \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0443 (\u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430)<\/p>\n<\/td>\n<\/tr>\n

\n

hit<\/code><\/p>\n<\/td>\n

\n

[x, y, w, h]<\/code><\/p>\n<\/td>\n

\n

id<\/code>, cursor<\/code><\/p>\n<\/td>\n

\n

\u043d\u0435\u0432\u0438\u0434\u0438\u043c\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0434\u043b\u044f \u043c\u044b\u0448\u0438 \u0438 \u043a\u0430\u0441\u0430\u043d\u0438\u0439 (\u043d\u0435 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f)<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

\u0423\u0440\u043e\u0432\u043d\u0435\u043c \u0432\u044b\u0448\u0435 \u0432 JSON \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0435 \u043d\u0430\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a Row, Text, IconButton \u0438 \u043f\u0440\u043e\u0447\u0438\u0435. JSON \u0441\u043e \u0441\u043b\u043e\u0436\u043d\u044b\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043f\u0440\u0438 \u0441\u043f\u0443\u0441\u043a\u0435 \u043d\u0430 \u043d\u0438\u0436\u043d\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d \u0442\u0430\u043a, \u0447\u0442\u043e \u043e\u0441\u0442\u0430\u043d\u0443\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u0438 9 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u0432.<\/p>\n

\u0412\u0441\u0451 \u044d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043f\u043e\u0434 \u0432\u0441\u0435 6 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u0442\u0432\u0430:<\/p>\n

\n
\n\n\n\n\n\n\n\n\n\n
\n

\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430<\/p>\n<\/th>\n

\n

\u0431\u044d\u043a\u0435\u043d\u0434<\/p>\n<\/th>\n<\/tr>\n

\n

macOS<\/p>\n<\/td>\n

\n

AppKit, CoreGraphics, CoreText, ImageIO \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u043d\u0442\u0430\u0439\u043c Objective-C<\/p>\n<\/td>\n<\/tr>\n

\n

iOS<\/p>\n<\/td>\n

\n

UIKit, CADisplayLink, \u0442\u043e\u0442 \u0436\u0435 \u043a\u043e\u0434 CoreGraphics\/CoreText, \u0447\u0442\u043e \u0438 \u043d\u0430 macOS<\/p>\n<\/td>\n<\/tr>\n

\n

Android<\/p>\n<\/td>\n

\n

JNI \u0432\u0440\u0443\u0447\u043d\u0443\u044e, android.graphics.Canvas<\/code>, \u043f\u0440\u043e\u0441\u043b\u043e\u0439\u043a\u0430 \u043d\u0430 Java ~300 \u0441\u0442\u0440\u043e\u043a; APK \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0431\u0435\u0437 Gradle<\/p>\n<\/td>\n<\/tr>\n

\n

Windows<\/p>\n<\/td>\n

\n

Win32, Direct2D, DirectWrite \u0438 WIC, COM \u0432\u0440\u0443\u0447\u043d\u0443\u044e; DPI \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0430, \u0442\u0451\u043c\u043d\u044b\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a<\/p>\n<\/td>\n<\/tr>\n

\n

Linux<\/p>\n<\/td>\n

\n

\u0441\u0432\u043e\u0439 \u043a\u043e\u0434 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 Wayland \u0438 X11 (xcb), Cairo + Pango, xkbcommon \u2013 \u0432\u0441\u0451 \u0447\u0435\u0440\u0435\u0437 dlopen<\/code>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442 libc<\/p>\n<\/td>\n<\/tr>\n

\n

\u0411\u0440\u0430\u0443\u0437\u0435\u0440<\/p>\n<\/td>\n

\n

wasm32-unknown-unknown<\/code> \u0431\u0435\u0437 wasm-bindgen, canvas 2D; C\/C++ \u0447\u0435\u0440\u0435\u0437 Emscripten<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

\u0414\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c 9 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 (\u043f\u043e \u043e\u0434\u043d\u043e\u043c\u0443 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u0432) \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u043e\u0431\u044b\u0442\u0438\u0439.<\/em><\/p>\n

\u0421\u0432\u043e\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/h3>\n

\u041d\u0430 \u0441\u0430\u043c\u043e\u043c \u0432\u044b\u0441\u043e\u043a\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0432 JSON \u0441\u0432\u043e\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n

#include <uison_widgets.hpp>using namespace uison::widgets;template <class F>uison::Node Pill(std::string text, F on_click) {    return Box({        .padding = {8, 22},        .fill = uison::json(R\"({ state: {            normal: \"$theme.primary\", hover: \"$theme.primaryHover\", pressed: \"$theme.primaryPressed\" } })\"),        .radius = 999,  \/\/ more than half the height: the ends become semicircles        .align = \"center\",        .interactive = true,        .on_click = on_click,        .child = Text(text, {.bold = true, .color = \"$theme.onPrimary\"}),    });}int main() {    auto screen = Column({.padding = 24, .gap = 16, .cross = \"start\", .children = {        Text(\"Pressed {@n} times\", {.size = 20}),        Pill(\"Press me\", [](uison::Cx& cx) {            cx.data().set(\"n\", cx.data().get<int>(\"n\") + 1);        }),    }});    uison::Ui ui(screen, {.size = {360, 140}, .data = uison::obj{{\"n\", 0}}});    return ui.run(\"Pill\");}<\/code>
<\/span><\/a><\/div><\/pre>\n
\u0418\u043b\u0438 \u043f\u0440\u044f\u043c\u043e \u0432 JSON:<\/p>\n
{  Pill: {    params: { text: \"\" },    interactive: true,  \/\/ the node gets hover \/ pressed states and a click    body: {      Box: {        padding: [8, 22],        radius: 999,  \/\/ more than half the height: the ends become semicircles        align: \"center\",        fill: { state: {          normal: \"$theme.primary\",          hover: \"$theme.primaryHover\",          pressed: \"$theme.primaryPressed\",        } },        child: { Text: { text: \"$text\", bold: true, color: \"$theme.onPrimary\" } },      },    },  },}<\/code>
<\/span><\/a><\/div><\/pre>\n
\u0412\u0441\u0435 \u044d\u0442\u0438 \u043d\u043e\u0432\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u0434\u043e\u0439\u0434\u044f \u0434\u043e \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u0441\u043b\u043e\u044f, \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u044b \u0432 JSON \u0438\u0437 9 \u0442\u0435\u0445 \u0441\u0430\u043c\u044b\u0445 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u044b \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u0432\u044b\u0448\u0435.<\/p>\n
\u0420\u0435\u043d\u0434\u0435\u0440\u0438\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e, \u0447\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u043e\u0441\u044c<\/h3>\n
\u041d\u043e\u0432\u044b\u0439 \u043a\u0430\u0434\u0440 \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u043e \u0441\u0442\u0430\u0440\u044b\u043c \u043f\u043e\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043d\u043e (\u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 LCS, \u0433\u0440\u0443\u043f\u043f\u044b clip \u0441 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u043e\u043c \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438). \u0418\u0437\u043c\u0435\u043d\u0451\u043d\u043d\u044b\u0435, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0438 \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u0430\u044e\u0442 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u201c\u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f\u201d, \u0438 \u0431\u044d\u043a\u0435\u043d\u0434 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0445.<\/p>\n
\u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043f\u0438\u0441\u043a\u043e\u0432 \u043a\u0430\u0434\u0440 \u043f\u043e\u0447\u0442\u044b \u0438\u0437 2000 \u043f\u0438\u0441\u0435\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043f\u0430\u0440\u0443 \u0434\u0435\u0441\u044f\u0442\u043a\u043e\u0432 \u0441\u0442\u0440\u043e\u043a.<\/p>\n
\u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0436\u0438\u0437\u043d\u0435\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u0430 \u0438\u0434\u0435\u044f?<\/h3>\n
\u041d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u044d\u0442\u043e\u0439 \u0436\u0435 \u0438\u0434\u0435\u0438 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0430\u0436\u0435 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440. HTML \u0438 CSS \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442\u0441\u044f \u0432 JSON, \u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u0430\u0440\u043c\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u0448\u0435\u043c\u0443 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0443.<\/p>\n
\u0421\u0430\u043c uison \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0437\u043d\u0430\u0435\u0442 \u043f\u0440\u043e HTML \u0438 CSS. \u041e\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0439 JSON \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0435\u0433\u043e \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n
\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 \u0438 \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u043c\u0438, \u0442\u0430\u043a \u0438 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n
\"Wiki<\/p>\n
Wiki \u0432 JSON<\/figcaption><\/div>\n<\/figure>\n
stdin \u0438 stdout \u0432\u043c\u0435\u0441\u0442\u043e \u043e\u043a\u043d\u0430: UI \u043f\u043e SSH<\/h3>\n
\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u0441\u0430\u043c\u043e\u043c \u043d\u0438\u0437\u0443 \u0443 \u043d\u0430\u0441 JSON, \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c, \u0430 \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0435\u0441\u0442\u044c \u2013 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u044c \u0432 \u0433\u043e\u043b\u043e\u043c \u0432\u0438\u0434\u0435. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043d\u0435\u0439 \u043f\u043e SSH \u0442\u0430\u043a, \u043a\u0430\u043a \u0431\u0443\u0434\u0442\u043e \u043e\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0435.<\/p>\n
\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u043d\u0435 \u0437\u043d\u0430\u0435\u0442 \u043f\u0440\u043e SSH. \u041e\u043d\u0430 \u043f\u0438\u0448\u0435\u0442 \u043a\u0430\u0434\u0440\u044b \u0432 stdout \u0438 \u0447\u0438\u0442\u0430\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438\u0437 stdin. \u0421\u0435\u0440\u0432\u0435\u0440\u0443 \u043d\u0443\u0436\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e sshd, \u043d\u0438 X11, \u043d\u0438 VNC, \u043d\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.<\/p>\n
\u041f\u043b\u0435\u0435\u0440 \u0443\u043c\u0435\u0435\u0442 \u0441\u0430\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0435\u0451 \u0441 —console.<\/p>\n
\"\u041f\u043b\u0435\u0435\u0440<\/p>\n
\u041f\u043b\u0435\u0435\u0440 uison<\/figcaption><\/div>\n<\/figure>\n
\u041f\u043b\u0435\u0435\u0440 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c<\/a>. \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0434\u0430\u0436\u0435 \u0434\u043b\u044f Android \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043e\u0439 \u0447\u0435\u0440\u0435\u0437 \u0442\u0435\u043b\u0435\u0444\u043e\u043d. \u0412 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c JSON-\u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438 \u043a\u0430\u0434\u0440\u044b \u0440\u0435\u043d\u0434\u0435\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u043c \u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c:<\/p>\n
\"JSON<\/p>\n
JSON \u0440\u0435\u043d\u0434\u0435\u0440 \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043f\u043b\u0435\u0435\u0440\u0430<\/figcaption><\/div>\n<\/figure>\n
\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438\u0434\u0435\u0438: \u0440\u0435\u0436\u0438\u043c \u0434\u043b\u044f AI-\u0430\u0433\u0435\u043d\u0442\u043e\u0432<\/h3>\n
\u041e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0440\u0435\u0436\u0438\u043c\u0430\u0445 \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430. \u041e\u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u043a\u043d\u043e \u0434\u043b\u044f \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c JSON-\u043a\u0430\u0434\u0440\u044b \u0432\u043d\u0435\u0448\u043d\u0435\u043c\u0443 \u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0440\u0443 \u0438\u043b\u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 AI-\u0430\u0433\u0435\u043d\u0442\u0443.<\/p>\n
\n
\n\n\n\n\n\n\n\n
\n
\u0417\u0430\u043f\u0443\u0441\u043a<\/p>\n<\/th>\n
\n
\u041a\u0442\u043e \u043d\u0430 \u0442\u043e\u043c \u043a\u043e\u043d\u0446\u0435<\/p>\n<\/th>\n
\n
\u0427\u0442\u043e \u0438\u0434\u0451\u0442 \u0432 stdout<\/p>\n<\/th>\n<\/tr>\n
\n
todo<\/code><\/p>\n<\/td>\n
\n
\u0427\u0435\u043b\u043e\u0432\u0435\u043a<\/p>\n<\/td>\n
\n
\u041d\u0438\u0447\u0435\u0433\u043e: \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u043a\u043d\u043e<\/p>\n<\/td>\n<\/tr>\n
\n
todo --console<\/code><\/p>\n<\/td>\n
\n
\u041f\u043b\u0435\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0438\u0441\u0443\u0435\u0442<\/p>\n<\/td>\n
\n
JSON-\u043a\u0430\u0434\u0440\u044b: \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0438, \u0442\u0435\u043a\u0441\u0442, \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b<\/p>\n<\/td>\n<\/tr>\n
\n
todo --agent<\/code><\/p>\n<\/td>\n
\n
\u0421\u043a\u0440\u0438\u043f\u0442 \u0438\u043b\u0438 AI-\u0430\u0433\u0435\u043d\u0442<\/p>\n<\/td>\n
\n
JSON \u0441\u043e \u0441\u043c\u044b\u0441\u043b\u043e\u043c: \u0440\u043e\u043b\u0438, \u0438\u043c\u0435\u043d\u0430, \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f<\/p>\n<\/td>\n<\/tr>\n
\n
todo --mcp<\/code><\/p>\n<\/td>\n
\n
Claude Code \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 MCP-\u043a\u043b\u0438\u0435\u043d\u0442\u044b<\/p>\n<\/td>\n
\n
\u0422\u043e\u0442 \u0436\u0435 \u0441\u043c\u044b\u0441\u043b, \u043d\u043e \u0432 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0435 MCP<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\u0421 \u0444\u043b\u0430\u0433\u043e\u043c —mcp \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f MCP-\u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c, \u0442\u043e \u0435\u0441\u0442\u044c \u043d\u0430\u0431\u043e\u0440\u043e\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f Claude Code, Cursor \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 AI-\u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432. \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 claude mcp add todo \u2013 .\/todo —mcp, \u043a\u043e\u0434\u0430 \u043f\u0438\u0441\u0430\u0442\u044c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u0410\u0433\u0435\u043d\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 snapshot \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u044d\u043a\u0440\u0430\u043d \u0442\u0435\u043a\u0441\u0442\u043e\u043c, \u0430 \u043f\u043e\u0442\u043e\u043c \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 click, type, choose. \u0412 \u043e\u0442\u0432\u0435\u0442 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e, \u0447\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u043e\u0441\u044c. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0430\u0433\u0435\u043d\u0442 \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u00abMilk\u00bb \u0432 \u043f\u043e\u043b\u0435 \u0438 \u0436\u043c\u0451\u0442 Enter:<\/p>\n
\u2192 {\"jsonrpc\":\"2.0\",\"id\":4,\"method\":\"tools\/call\",\"params\":{\"name\":\"type\",\"arguments\":{\"key\":\"draft\/1\/0\",\"text\":\"Milk\",\"submit\":true}}}\u2190 {\"jsonrpc\":\"2.0\",\"id\":4,\"result\":{\"content\":[{\"type\":\"text\",\"text\":\"ok\\nchanges (+ added, - removed, ~ changed):\\n+ checkbox \\\"Milk\\\" #4\/0 unchecked\\n+ button \\\"trash\\\" #del-4\\n+ text \\\"3\\\"\\n+ text \\\"1 of 4 done\\\"\\n+ text \\\"Remaining: 3\\\"\\n- text \\\"2\\\"\\n- text \\\"1 of 3 done\\\"\\n- text \\\"Remaining: 2\\\"\\n~ #draft\/1\/0 focused\\n\"}],\"isError\":false}}<\/code>
<\/span><\/a><\/div><\/pre>\n
\u0412 \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u043f\u0443\u043d\u043a\u0442 \u00abMilk\u00bb \u0438 \u0435\u0433\u043e \u043a\u043d\u043e\u043f\u043a\u0430 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f, \u0430 \u0441\u0447\u0451\u0442\u0447\u0438\u043a \u0441\u043c\u0435\u043d\u0438\u043b\u0441\u044f \u0441 \u00ab1 of 3\u00bb \u043d\u0430 \u00ab1 of 4\u00bb. \u041d\u0430\u0436\u0430\u0442\u044c \u043d\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u0430\u0433\u0435\u043d\u0442 \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u0442, \u043a\u0430\u043a \u043d\u0435 \u0441\u043c\u043e\u0433 \u0431\u044b \u0447\u0435\u043b\u043e\u0432\u0435\u043a: \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u043e\u0442\u0432\u0435\u0442\u0438\u0442, \u0447\u0442\u043e \u043a\u043d\u043e\u043f\u043a\u0430 \u043d\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u0430.<\/p>\n
\u0420\u0430\u0437\u043c\u0435\u0440 \u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c<\/h3>\n
\u041f\u043e\u043a\u0430\u0436\u0443 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u043c \u043a\u043e\u0434\u043e\u043c \u2013 Disk Usage \u043d\u0430 macOS. \u041e\u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430 \u0432 \u0434\u0432\u0443\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430\u0445: \u043d\u0430 egui<\/a> \u0438 \u043d\u0430 uison<\/a>, \u043e\u0431\u0430 \u043d\u0430 Rust. \u0412\u043e\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0442\u0435\u0441\u0442\u043e\u0432:<\/p>\n
\n
\n\n\n\n\n\n\n\n\n\n\n
\n
\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c<\/p>\n<\/th>\n
\n
egui (\u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b)<\/p>\n<\/th>\n
\n
uison<\/p>\n<\/th>\n<\/tr>\n
\n
\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b, macOS arm64<\/p>\n<\/td>\n
\n
5,1 \u041c\u0411<\/strong> (5 126 464 \u0411)<\/p>\n<\/td>\n
\n
0,9 \u041c\u0411<\/strong> (923 216 \u0411), \u221282 %<\/strong><\/p>\n<\/td>\n<\/tr>\n
\n
\u0420\u0430\u0437\u043c\u0435\u0440 \u0441 opt-level = \"s\"<\/code><\/p>\n<\/td>\n
\n
4,5 \u041c\u0411 (4 450 560 \u0411)<\/p>\n<\/td>\n
\n
0,9 \u041c\u0411, \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0432 5 \u0440\u0430\u0437 \u043c\u0435\u043d\u044c\u0448\u0435<\/p>\n<\/td>\n<\/tr>\n
\n
\u0417\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 Cargo.lock<\/code><\/p>\n<\/td>\n
\n
362<\/strong><\/p>\n<\/td>\n
\n
0<\/strong> \u0432\u043d\u0435\u0448\u043d\u0438\u0445 (\u0442\u043e\u043b\u044c\u043a\u043e \u043a\u0440\u0435\u0439\u0442\u044b uison)<\/p>\n<\/td>\n<\/tr>\n
\n
\u041f\u0430\u043c\u044f\u0442\u044c \u043f\u0443\u0441\u0442\u043e\u0433\u043e \u043e\u043a\u043d\u0430, \u0431\u0435\u0437 \u0441\u043a\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/p>\n<\/td>\n
\n
122 \u041c\u0411<\/p>\n<\/td>\n
\n
55 \u041c\u0411<\/strong><\/p>\n<\/td>\n<\/tr>\n
\n
\u041f\u0430\u043c\u044f\u0442\u044c \u043f\u043e\u0441\u043b\u0435 \u0441\u043a\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/p>\n<\/td>\n
\n
152 \u041c\u0411<\/p>\n<\/td>\n
\n
97 \u041c\u0411<\/strong>, \u221236 %<\/p>\n<\/td>\n<\/tr>\n
\n
\u041f\u0438\u043a \u043f\u0430\u043c\u044f\u0442\u0438 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u043a\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/p>\n<\/td>\n
\n
167\u2013176 \u041c\u0411<\/p>\n<\/td>\n
\n
183\u2013184 \u041c\u0411<\/p>\n<\/td>\n<\/tr>\n
\n
\u0421\u0442\u0440\u043e\u043a Rust<\/p>\n<\/td>\n
\n
3 198<\/p>\n<\/td>\n
\n
3 547 + 479 \u0441\u0442\u0440\u043e\u043a JSON \u044d\u043a\u0440\u0430\u043d\u0430<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442<\/h3>\n
\u0412\u0441\u0451 \u0435\u0441\u0442\u044c \u0432 \u0443\u0440\u043e\u043a\u0430\u0445 \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435. \u0423\u0440\u043e\u043a\u0438 \u0434\u043b\u044f Rust<\/a>, C<\/a>, C++<\/a>, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043a\u0440\u0430\u0442\u043a\u0430\u044f \u0432\u0432\u043e\u0434\u043d\u0430\u044f \u0434\u043b\u044f ASM<\/a>.<\/p>\n
\u0417\u0434\u0435\u0441\u044c \u043f\u0440\u0438\u0432\u0435\u0434\u0443, \u043a\u0430\u043a \u0441\u0442\u0430\u0440\u0442\u0430\u043d\u0443\u0442\u044c \u043d\u0430 Rust.<\/p>\n
\u0428\u0430\u0433 1. \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c uison<\/h4>\n
cargo new hello && cd hellocargo add uison<\/code>
<\/span><\/a><\/div><\/pre>\n
\u0428\u0430\u0433 2: \u0417\u0430\u043c\u0435\u043d\u044f\u0435\u043c src\/main.rs<\/h4>\n
use uison::prelude::*;fn main() {    let screen = center(column().gap(12).cross(\"center\").children([        text(\"Pressed {@n} times\").size(20),        button(\"+1\").key(\"inc\").on_click(|cx| cx.data.edit(\"n\", |n: &mut i32| *n += 1)),    ]));    let mut ui = Ui::from_node(screen).with_size(320.0, 200.0);    ui.data.set(\"n\", 0);    run(ui, \"Hello\");}<\/code>
<\/span><\/a><\/div><\/pre>\n
\u0428\u0430\u0433 3: \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c<\/h4>\n
cargo run --release<\/code><\/p>\n
\u041e\u0442\u043a\u0440\u043e\u0435\u0442\u0441\u044f \u043e\u043a\u043d\u043e \u0441\u043e \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u043e\u043c. {@n} \u2013 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0430 \u043a \u0434\u0430\u043d\u043d\u044b\u043c: \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043c\u0435\u043d\u044f\u0435\u0442 n, \u0438 \u0442\u0435\u043a\u0441\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c, \u0431\u0435\u0437 \u0440\u0443\u0447\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043a\u0438.<\/p>\n
\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u0431\u044b\u043b\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u043e\u0439, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u043a\u043e\u043d\u0435\u0446 Cargo.toml \u043f\u0440\u043e\u0444\u0438\u043b\u044c \u0441\u0431\u043e\u0440\u043a\u0438:<\/p>\n
[profile.release]opt-level = \"s\"lto = truecodegen-units = 1panic = \"abort\"strip = true<\/code>
<\/span><\/a><\/div><\/pre>\n
\u0418\u0442\u043e\u0433\u0438 \u0438 \u0441\u0441\u044b\u043b\u043a\u0438<\/h3>\n
\u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043d\u0435 \u0441\u0442\u0430\u0432\u0438\u0442 \u0441\u0432\u043e\u0435\u0439 \u0446\u0435\u043b\u044c\u044e \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c Qt \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0435 GUI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438. uison \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d \u043d\u0430 \u0443\u0442\u0438\u043b\u0438\u0442\u044b, \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0438 \u043e\u0431\u044b\u0447\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438, \u0441\u043f\u0438\u0441\u043a\u0430\u043c\u0438, \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u043c\u0438 \u0438 \u0444\u043e\u0440\u043c\u0430\u043c\u0438. \u0414\u043b\u044f \u0438\u0433\u0440 \u0438 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u043b\u0443\u0447\u0448\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f.<\/p>\n
\u041a\u043e\u043c\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u0432\u0441\u0435 \u043d\u0443\u0436\u043d\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0430\u043c:<\/p>\n