Кожне демо — від початку до кінця, з коментарем. Більшість із них також розміщені в розділі, якому присвячені, — посилання під кожним веде туди. Почніть із пояснювального відео, потім перегляньте відео за темою «Концепції» по черзі, а решту можна дивитися як довідкові.
Почніть звідси
Що таке Langsys, уся настройка за один дубль і одна ідея, потрібна кожній мові, — прості речення.
Дивитися · 1:17Що таке Langsys?SDK у вашому застосунку та хмарний Translation Manager: як фраза реєструється сама під час виконання, звідки беруться переклади і як допис у блозі, опублікований о 09:00, читач у Мадриді отримує іспанською о 09:03 — без збірки та без ключа запису. На сторінці: /learnДивитися · 4:13Початок роботи від А до ЯСтворіть проєкт і його локалі, згенеруйте ключ Read & Write, встановіть і ініціалізуйте 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Керування перекладамиЛише Manager — для людини, яка відповідає за тексти: виправлений машинний чернетковий переклад, Update Memory, AI Translate з Auto-next по черзі, Never Translate і Translator, запрошений лише до іспанської. На сторінці: /learn/dashboardДивитися · 2:47Пам’ять перекладівДругий проєкт запускається вже заповненим — виправлений рядок кошика з позначкою автора переноситься, жодна модель не викликається. У межах усієї організації — один запис на речення для кожної мови. На сторінці: /learn/dashboardДивитися · 2:24Налаштування ШІ-перекладачаПоказано кожен перемикач на вкладці: власні налаштування для кожного проєкту, Use AI Translations, автопереклад увімкнено й вимкнено, автовизначення мови, що утримує фразу, яка вже надійшла іспанською. На сторінці: /learn/concepts/keys-and-environmentsДивитися · 1:49Додавання мовиНімецька мова додана до робочого проєкту: політика налаштована на попередній запит, діалог точно оцінює вартість наявного каталогу, а сховище переведено на німецьку без жодної збірки чи розгортання. На сторінці: /learn/concepts/adding-a-localeДивитися · 1:30Як наздогнати мовуМасові дії в Manager для мови, що відстала, — AI Translate Pending спершу для однієї локалі, потім для всього проєкту. На сторінці: /learn/concepts/adding-a-localeДивитися · 1:38Переклад блоку контентуОбласть <Translate> як єдиний блок у Менеджері: оригінал поруч із неперекладеним італійським текстом, AI Translate заповнює його сегменти, сегмент, переформульований вручну, і речення <DontTranslate>, яке залишено без перекладу. На сторінці: /learn/concepts/token-discoveryДивитися · 1:30API-ключі у productionКлюч після запуску: сторінка Activity з реальним тижнем читань, призупинення ключа без видалення та ротація на камеру. На сторінці: /learn/concepts/keys-and-environmentsДивитися · 1:48Одна організація, багато проєктівОрганізація як основа для кожного проєкту: локалі за замовчуванням, налаштування AI Translator і виставлення рахунків, а також проєкт, який знову повернувся до їх успадкування. На сторінці: /learn/dashboardДивитися · 2:22Використання та кредитиДва лічильники та як фінансується проєкт: використання API відповідно до тарифу, передплачені й безкоштовні кредити, переказ на проєкт, а також його місячний ліміт і автопоповнення. На сторінці: /learn/dashboardДивитися · 1:26Тарифи та платежіОгляд наявних даних: тарифний план і розрахунковий цикл, зміна плану, способи оплати, адреси та рахунки — усі діалоги скасовано. На сторінці: /learn/dashboardДивитися · 1:13СповіщенняВхідні та їхні фільтри, потім типові налаштування облікового запису для сповіщень у застосунку й електронною поштою, з перевизначенням для окремого проєкту, яке вмикається та знову вимикається. На сторінці: /learn/dashboardДивитися · 1:47Підключіть свого ШІ-асистентаLangsys усередині ШІ-асистента через хмарний MCP-сервер: claude mcp add, екран «Authorize Access», справжня відповідь про мови Store та відкликання підключення в розділі «Безпека». На сторінці: /learn/dashboard
Нарізки рендеряться з майстер-файлів langsys-demo-videos і публікуються в репозиторії langsys-demos — це ті самі демозастосунки, які сторінка кожного SDK відкриває в StackBlitz.