Все демо-ролики с подробным закадровым комментарием от начала до конца. Большинство из них также размещены в соответствующих разделах — ссылка под каждым роликом приведёт вас туда. Начните с обзорного видео, затем по порядку посмотрите раздел о концепциях, а остальное можно смотреть как справочный материал.
Начните здесь
Что такое Langsys, вся настройка за один дубль и главная идея, которая нужна каждому языку, — простые предложения без вариантов.
Смотреть · 1:17Что такое Langsys?SDK в вашем приложении и облачный Translation Manager: как фраза регистрируется сама в процессе работы, откуда берутся переводы и как запись в блоге, опубликованная в 09:00, попадает к читателю в Мадриде на испанском в 09:03 — без сборки и без ключа на запись. На странице: /learnСмотреть · 4:13Начало работы: от и доСоздайте проект и его локали, получите ключ для чтения и записи, установите и инициализируйте SDK, а затем посмотрите, как t(), <Translate>, <Phrase> и <DontTranslate> регистрируют свои фразы, а приложение переключается на испанский и французский без перезагрузки. На странице: /learn/quickstartСмотреть · 1:14ПлюрализацияПочему предложение меняется в зависимости от числа, почему if (count === 1), который это исправляет, — это грамматика английского языка в вашем коде и как запись предложения в плоском виде даёт все варианты на всех языках. На странице: /learn/concepts/locale-store
Раздел о концепциях
Пять коротких модулей по порядку, каждый опирается на предыдущий. Никакого синтаксиса конкретных SDK на экране — те же ролики используются на страницах основных понятий.
Смотреть · 0:30Рабочий процессПроблема — перевод гоняется по цепочке туда и обратно, а Langsys убирает эту цепочку. На странице: /learn/concepts/how-it-worksСмотреть · 0:42Ключевые файлыС чего начинается проект, какой ключ в других i18n-решениях приходится придумывать самому и что его заменяет. На странице: /learn/concepts/token-discoveryСмотреть · 0:36Хранилище локалейКак хранится и переключается активная локаль. На странице: /learn/concepts/locale-storeСмотреть · 1:30Ключи и окруженияПочему ключ, способный регистрировать фразы, нельзя публиковать, почему режим только для чтения — тупик и какой ключ где использовать — а затем запись в блоге в 09:00: что уходит из браузера и кто регистрирует фразы напрямую. На странице: /learn/concepts/keys-and-environmentsСмотреть · 0:30Добавление локалиДобавить новый язык — это настройка проекта: новые фразы переводятся по мере поступления, а один запуск заполняет остальные. На странице: /learn/concepts/adding-a-locale
Svelte: API за API
По одному срезу на каждый примитив в langsys-js-svelte. Остальные привязки имеют ту же поверхность; отличается только синтаксис.
Смотреть · 1:00Svelte: пошаговое руководствоЧего не дают другие i18n-решения: синхронизация в один вызов, переключение локали, почему «плоский» испанский не подходит половине ваших пользователей и что с этим делает ICU select. На странице: /learn/sdk/svelteСмотреть · 1:09t(phrase, category, params)Начинается с проблемы файла ключей, затем три аргумента, плейсхолдеры ICU, множественные числа. На странице: /learn/sdk/svelteСмотреть · 1:06<Phrase>Предложение с разметкой внутри, сохранённое как одна фраза, и почему его параметры записываются как %name%. На странице: /learn/sdk/svelteСмотреть · 1:04<Translate>Один тег регистрирует целую область, и почему блок лучше, чем вызов для каждой строки. На странице: /learn/sdk/svelteСмотреть · 0:34<DontTranslate>Названия брендов и идентификаторы остаются без изменений, не вынесенные за пределы предложения. На странице: /learn/sdk/svelteСмотреть · 0:42Блоки контентаЧто такое контентный блок — один раздел, зарегистрированный как единое целое, но состоящий из отдельных фраз, пригодных для повторного использования. На странице: /learn/sdk/svelteСмотреть · 0:34КатегорииЗачем в i18n придумали ключи и чем их заменяют — одно и то же слово с двумя значениями и пары, на которые оно распадается. На странице: /learn/sdk/svelteСмотреть · 0:39Согласование по родуУсловная логика, которую другие i18n-решения оставляют в вашем компоненте, и ветки, которые вместо этого генерирует Langsys. На странице: /learn/sdk/svelteСмотреть · 1:07АтрибутыКак наполовину переведённая форма выглядит для человека, который с ней работает, и как один <Translate> за один проход охватывает плейсхолдеры, альтернативный текст и метки aria. На странице: /learn/sdk/svelteСмотреть · 0:46Числа и датыЧисла и даты по CLDR — почему группировка задаётся шаблоном, а не разделителем, и почему номер заказа нужно передавать строкой. На странице: /learn/sdk/svelte
Translation Manager
app.langsys.dev без кода на экране — для тех, кто отвечает за тексты, языки, ключи и оплату.
Смотреть · 3:02Управление переводамиМенеджер отдельно — для того, кто отвечает за тексты: исправленный машинный черновик, Update Memory, AI Translate с Auto-next по очереди, Never Translate и переводчик, приглашённый только для испанского. На странице: /learn/dashboardСмотреть · 2:47Память переводовВторой проект запускается уже заполненным — исправленная строка корзины со значком автора переносится как есть, без вызова модели. На уровне всей организации — одна запись на предложение для каждого языка. На странице: /learn/dashboardСмотреть · 2:24Настройки ИИ-переводчикаПоказан каждый переключатель на вкладке: индивидуальная настройка для проекта, «Использовать ИИ-переводы», автоперевод вкл. и выкл., автоопределение языка для фразы, которая уже пришла на испанском. На странице: /learn/concepts/keys-and-environmentsСмотреть · 1:49Добавление языкаНемецкий язык добавлен в работающий проект: политика настроена на предварительный запрос, диалог точно оценивает стоимость существующего каталога, а хранилище переключено на немецкий без сборки и развёртывания. На странице: /learn/concepts/adding-a-localeСмотреть · 1:30Как догнать языкМассовые действия Менеджера для языка, который отстал, — AI Translate Pending сначала для одной локали, затем для всего проекта. На странице: /learn/concepts/adding-a-localeСмотреть · 1:38Перевод блока контентаОбласть <Translate> как единый блок в Менеджере: оригинал рядом с ещё не переведённым итальянским текстом, AI Translate заполняет сегменты, один сегмент переформулирован вручную, а предложение <DontTranslate> оставлено без перевода. На странице: /learn/concepts/token-discoveryСмотреть · 1:30API-ключи в продакшенеКлюч после выпуска: страница «Активность» с реальной неделей запросов, приостановка ключа без удаления и ротация на камеру. На странице: /learn/concepts/keys-and-environmentsСмотреть · 1:48Одна организация, много проектовОрганизация как основа, от которой наследует каждый проект: локали по умолчанию, настройки ИИ-переводчика и биллинга, а также проект, снова переключённый на наследование этих настроек. На странице: /learn/dashboardСмотреть · 2:22Использование и кредитыДва счётчика и то, как финансируется проект: использование API в рамках тарифа, предоплаченные и бесплатные кредиты, перевод средств на проект, а также его месячный лимит и автопополнение. На странице: /learn/dashboardСмотреть · 1:26Тарифы и платежиОбзор того, что есть в аккаунте: тариф и платёжный цикл, «Изменить тариф», «Способы оплаты», «Адреса» и «Счета» — все диалоги закрыты без изменений. На странице: /learn/dashboardСмотреть · 1:13УведомленияВходящие и их фильтры, затем настройки аккаунта по умолчанию для уведомлений в приложении и по электронной почте, с включением и повторным отключением переопределения для отдельного проекта. На странице: /learn/dashboardСмотреть · 1:47Подключите своего ИИ-ассистентаLangsys внутри ИИ-ассистента через хостируемый MCP-сервер: claude mcp add, экран Authorize Access, реальный ответ о языках магазина и отзыв подключения в разделе «Безопасность». На странице: /learn/dashboard
Ролики собраны из мастер-файлов langsys-demo-videos и опубликованы в репозитории langsys-demos — это те же демо-приложения, которые открываются в StackBlitz на странице каждого SDK.