@intlayer/docs 7.5.0-canary.1 → 7.5.1

package/blog/it/l10n_platform_alternative/crowdin.md

@@ -0,0 +1,86 @@
+---
+createdAt: 2025-12-18
+updatedAt: 2025-11-06
+title: Alternativa alla piattaforma L10n
+description: Trova la migliore alternativa a una piattaforma L10n per le tue esigenze
+keywords:
+  - L10n
+  - TMS
+  - Crowdin
+slugs:
+  - blog
+  - l10n-platform-alternative
+  - crowdin
+history:
+  - version: 7.5.0
+    date: 2025-12-18
+    changes: Versione iniziale
+---
+
+# Un'alternativa open-source a Crowdin (TMS) per L10n
+
+## Indice
+
+<TOC/>
+
+# Sistema di gestione delle traduzioni (TMS)
+
+Un Translation Management System (TMS) è una piattaforma software progettata per automatizzare e semplificare il processo di traduzione e localizzazione (L10n). Tradizionalmente, un TMS funge da hub centralizzato dove i contenuti vengono caricati, organizzati e assegnati a traduttori umani. Gestisce i workflow, memorizza le translation memories (per evitare di tradurre due volte la stessa frase) e si occupa della consegna dei file tradotti agli sviluppatori o ai content manager.
+
+In sostanza, storicamente un TMS è stato il ponte tra il codice tecnico (dove risiedono le stringhe) e i linguisti umani (che comprendono la cultura).
+
+# Sistema di gestione delle traduzioni (TMS)
+
+Un Translation Management System (TMS) è una piattaforma software progettata per automatizzare e snellire il processo di traduzione e localizzazione (L10n). Tradizionalmente, un TMS funge da hub centralizzato dove i contenuti vengono caricati, organizzati e assegnati a traduttori umani. Gestisce i flussi di lavoro, conserva memorie di traduzione (per evitare di tradurre due volte la stessa frase) e si occupa della consegna dei file tradotti agli sviluppatori o ai responsabili dei contenuti.
+
+In sostanza, storicamente un TMS è stato il ponte tra il codice tecnico (dove risiedono le stringhe) e i linguisti umani (che comprendono la cultura).
+
+# Crowdin
+
+Crowdin è un veterano in questo settore. Fondata nel 2009, è emersa in un periodo in cui la sfida principale della localizzazione era la connettività. La sua missione era chiara: mettere copywriter, traduttori e responsabili di progetto in relazione tra loro in modo efficace.
+
+Per oltre un decennio, Crowdin è stato lo standard del settore per la gestione della localizzazione. Ha risolto il problema della frammentazione permettendo ai team di caricare file `.po`, `.xml` o `.yaml` e consentendo ai traduttori di lavorarci tramite un'interfaccia cloud. Ha costruito la sua reputazione su una solida automazione dei workflow, permettendo alle aziende di scalare da una lingua a dieci senza affogare nei fogli di calcolo.
+
+# Intlayer
+
+Intlayer è noto principalmente come soluzione per l'i18n, ma integra anche un CMS. A differenza di Crowdin, che si limita ad agire come wrapper attorno alla tua attuale configurazione i18n, Intlayer controlla l'intero stack — dallo strato di bundling alla distribuzione remota dei contenuti — risultando in un flusso di contenuti più fluido ed efficiente.
+
+## Perché i paradigmi sono cambiati dall'avvento dell'AI?
+
+Mentre Crowdin ottimizzava il flusso di lavoro umano, l'arrivo dei Large Language Models (LLMs) ha cambiato fondamentalmente i paradigmi della localizzazione. Il ruolo del copywriter non è più quello di creare la traduzione da zero, ma di revisionare i contenuti generati dall'AI.
+
+Perché? Perché l'AI è 1.000 volte più economica e infinitamente più veloce.
+
+Tuttavia, c'è una limitazione. Il copywriting non riguarda solo la traduzione; riguarda l'adattamento del messaggio a culture e contesti diversi. Non vendiamo un iPhone a tua nonna nello stesso modo in cui lo vendiamo a un dirigente d'azienda cinese. Il tono, gli idiomi e i marcatori culturali devono differire.
+
+Oggi, il flusso di lavoro più efficiente è tradurre e posizionare le tue pagine a livello globale usando prima l'AI. Poi, in una seconda fase, si utilizzano copywriter umani per ottimizzare contenuti specifici ad alto traffico e aumentare la conversione una volta che il prodotto sta già generando ricavi.
+
+Sebbene i ricavi di Crowdin — trainati principalmente dalle sue soluzioni legacy ben collaudate — continuino a performare bene, ritengo che il settore tradizionale della localizzazione sarà fortemente impattato entro un orizzonte di 5-10 anni. Il modello di pagamento per parola o per seat per uno strumento di gestione sta diventando obsoleto.
+
+## Perché Intlayer è una buona alternativa a Crowdin?
+
+Intlayer è una soluzione nata nell'era dell'AI. È stata progettata con il principio che, nel 2026, la traduzione grezza non possieda più un valore intrinseco. È una commodity.
+
+Perciò, Intlayer non si posiziona semplicemente come un TMS, ma come una soluzione di **Content Management** che integra profondamente un editor visuale e la logica di internazionalizzazione.
+
+Con Intlayer, generi le tue traduzioni al costo delle tue inferenze. Non sei vincolato al modello di pricing di una piattaforma; scegli il provider (OpenAI, Anthropic, Mistral, ecc.), scegli il modello e traduci tramite CI (Continuous Integration), CLI o direttamente attraverso il CMS integrato. Trasferisce il valore dall'accesso ai traduttori alla gestione del contesto.
+
+# Confronto fianco a fianco
+
+| Funzionalità           | Crowdin (Legacy TMS)                                          | Intlayer (AI-Native)                                      |
+| :--------------------- | :------------------------------------------------------------ | :-------------------------------------------------------- |
+| **Filosofia di base**  | Collega le persone alle stringhe.                             | Gestisce la logica dei contenuti e la generazione AI.     |
+| **Modello di pricing** | Per seat / piano ospitato.                                    | Paghi per le tue inferenze (BYO Key).                     |
+| **Integrazione**       | Scambio basato su file (Upload/Download).                     | Integrazione profonda nel codice (Dichiarativa).          |
+| **Aggiornamenti**      | Spesso richiede ricostruzioni CI/CD per distribuire il testo. | Sincronizzazione istantanea con la codebase o l'app live. |
+| **Formati file**       | Diversi (.po, .xml, .yaml, ecc.).                             | Web moderno (JSON, JS, TS).                               |
+| **Test**               | Limitato.                                                     | CI / CLI.                                                 |
+| **Hosting**            | SaaS (per lo più).                                            | Open Source e auto-ospitabile (Docker).                   |
+
+Intlayer offre una soluzione i18n completa e all-in-one che consente una profonda integrazione dei tuoi contenuti. I contenuti remoti possono essere sincronizzati direttamente con la tua codebase o con la tua applicazione live. In confronto, Crowdin richiede spesso una ricostruzione della tua applicazione nella pipeline CI/CD per aggiornare i contenuti, creando attrito tra il team di traduzione e il processo di deployment.
+
+Inoltre, Intlayer può essere utilizzato come Feature Flag o strumento di A/B testing, permettendoti di testare dinamicamente diverse varianti di contenuto — cosa che gli strumenti TMS standard come Crowdin non supportano nativamente.
+
+Crowdin supporta un'ampia gamma di formati di file — inclusi formati legacy come `.po`, `.xml` e `.yaml`, che possono essere utili per progetti con workflow consolidati o sistemi più datati. Intlayer, al contrario, lavora principalmente con formati moderni orientati al web come `.json`, `.js` e `.ts`. Ciò significa che Intlayer potrebbe non essere compatibile con tutti i formati legacy, un aspetto da considerare per i team che migrano da piattaforme più vecchie.
+
+Infine, per chi dà priorità alla sovranità e al controllo dei dati, Intlayer è open-source e può essere self-hosted. I file Docker sono disponibili direttamente nel repository, permettendoti di avere la piena proprietà della tua infrastruttura di localizzazione.

package/blog/it/l10n_platform_alternative/phrase.md

@@ -0,0 +1,82 @@
+---
+createdAt: 2025-12-18
+updatedAt: 2025-11-06
+title: Piattaforma L10n alternativa a Phrase
+description: Trova la migliore piattaforma L10n alternativa a Phrase per le tue esigenze
+keywords:
+  - L10n
+  - TMS
+  - Phrase
+slugs:
+  - blog
+  - l10n-platform-alternative
+  - phrase
+history:
+  - version: 7.5.0
+    date: 2025-12-18
+    changes: Initial version
+---
+
+# Un'alternativa open-source L10n a Phrase (TMS)
+
+## Indice
+
+<TOC/>
+
+# Sistema di gestione delle traduzioni (TMS)
+
+Un Translation Management System (TMS) è una piattaforma software progettata per automatizzare e snellire il processo di traduzione e localizzazione (L10n). Tradizionalmente, un TMS funge da hub centralizzato dove i contenuti vengono caricati, organizzati e assegnati a traduttori umani. Gestisce i workflow, conserva le translation memories (per evitare di tradurre due volte la stessa frase) e si occupa della consegna dei file tradotti agli sviluppatori o ai responsabili dei contenuti.
+
+In sostanza, storicamente un TMS è stato il ponte tra il codice tecnico (dove risiedono le stringhe) e i linguisti umani (che comprendono la cultura).
+
+Un Translation Management System (TMS) è una piattaforma software progettata per automatizzare e snellire il processo di traduzione e localizzazione (L10n). Tradizionalmente, un TMS funge da hub centralizzato dove i contenuti vengono caricati, organizzati e assegnati a traduttori umani. Gestisce i flussi di lavoro, conserva le memorie di traduzione (per evitare di tradurre due volte la stessa frase) e si occupa della consegna dei file tradotti agli sviluppatori o ai responsabili dei contenuti.
+
+In sostanza, un TMS è storicamente il ponte tra il codice tecnico (dove risiedono le stringhe) e i linguisti umani (che comprendono la cultura).
+
+# Phrase (precedentemente PhraseApp)
+
+Phrase è un attore di primo piano nel settore della localizzazione enterprise. Originariamente conosciuto come PhraseApp, è cresciuto significativamente, soprattutto dopo la fusione con Memsource. Si propone come una Localization Suite completa progettata per la localizzazione del software, offrendo robuste funzionalità API e un ampio supporto di formati.
+
+Phrase è pensato per operare su larga scala. È la scelta di riferimento per le grandi imprese che devono gestire workflow complessi, vaste translation memories e rigidi processi di assicurazione della qualità distribuiti su diversi team. La sua forza risiede nella capacità di gestire attività di localizzazione "heavy duty", offrendo un ecosistema tutto-in-uno sia per le stringhe software sia per la traduzione di documenti.
+
+# Intlayer
+
+Intlayer è conosciuto principalmente come soluzione i18n, ma integra anche un headless CMS. A differenza di Phrase, che funziona come una vasta suite enterprise esterna, Intlayer agisce come uno strato agile e integrato nel codice. Controlla l'intero stack — dal livello di bundling alla delivery remota dei contenuti — risultando in un flusso di contenuti più fluido ed efficiente per le moderne applicazioni web.
+
+## Perché i paradigmi sono cambiati con l'arrivo dell'AI?
+
+Phrase è stato costruito per risolvere i problemi del decennio precedente: gestire enormi team di traduttori umani e standardizzare i flussi di lavoro attraverso reparti enterprise frammentati. Eccelle nella governance dei workflow.
+
+Tuttavia, l'arrivo dei Large Language Models (LLMs) ha modificato radicalmente i paradigmi della localizzazione. La sfida non è più "how do we manage 50 translators?" ma "how do we validate AI-generated content efficiently?"
+
+Sebbene Phrase abbia integrato funzionalità AI, queste sono spesso sovrapposte a un'architettura legacy progettata per workflow incentrati sull'uomo e per licenze basate sui posti. Nell'era moderna, l'attrito del "pushing to TMS" e del "pulling from TMS" sta diventando obsoleto. Gli sviluppatori si aspettano che i contenuti siano fluidi come il codice.
+
+Oggi il workflow più efficiente è tradurre e posizionare le tue pagine globalmente usando prima l'AI. Poi, in una seconda fase, si ricorre a copywriter umani per ottimizzare contenuti specifici ad alto traffico e aumentare la conversione una volta che il prodotto sta già generando ricavi.
+
+## Perché Intlayer è una buona alternativa a Phrase?
+
+Intlayer è una soluzione nata nell'era dell'AI, progettata specificamente per l'ecosistema moderno JavaScript/TypeScript. Sfida il modello enterprise pesante di Phrase con agilità e trasparenza.
+
+1.  **Trasparenza dei prezzi:** Phrase è noto per i suoi prezzi Enterprise, che possono essere opachi e costosi per le aziende in crescita. Intlayer ti permette di utilizzare le tue chiavi API (OpenAI, Anthropic, ecc.), assicurando che paghi i prezzi di mercato per i servizi di AI piuttosto che un sovrapprezzo sull'abbonamento alla piattaforma.
+2.  **Esperienza sviluppatore (DX):** Phrase si basa fortemente su strumenti CLI e chiamate API per sincronizzare i file. Intlayer si integra direttamente nel bundler e nel runtime. Questo significa che le tue definizioni sono strettamente tipizzate (TypeScript), e le chiavi mancanti vengono individuate al compile time, non in produzione.
+3.  **Velocità di rilascio (Speed to Market):** Intlayer elimina la "scatola nera" del TMS. Non invii file altrove e aspetti che tornino. Generi traduzioni istantaneamente tramite AI nella tua pipeline CI o nell'ambiente locale, mantenendo il ciclo di sviluppo snello.
+
+# Confronto fianco a fianco
+
+| Funzionalità             | Phrase (Enterprise TMS)                             | Intlayer (AI-Native)                                       |
+| :----------------------- | :-------------------------------------------------- | :--------------------------------------------------------- |
+| **Filosofia principale** | Governance aziendale e workflow.                    | Gestisce la logica dei contenuti e la generazione AI.      |
+| **Modello di pricing**   | Enterprise personalizzato / basato sui seat (alto). | Paga per la tua inferenza (porta la tua chiave - BYO Key). |
+| **Integrazione**         | Uso intensivo di API / CLI.                         | Integrazione profonda nel codice (dichiarativa).           |
+| **Aggiornamenti**        | Richiede sincronizzazione / Dipende dalla pipeline. | Sincronizzazione istantanea con il codebase o l'app live.  |
+| **Formati di file**      | Estremamente ampio (Legacy e documenti).            | Web moderno (JSON, JS, TS).                                |
+| **Testing**              | Controlli QA / fasi LQA.                            | CI / CLI / A/B Testing.                                    |
+| **Hosting**              | SaaS (esclusivamente Enterprise).                   | Open Source e autoinstallabile (Docker).                   |
+
+Intlayer offre una soluzione i18n completa e all-in-one che consente un'integrazione profonda dei tuoi contenuti. I tuoi contenuti remoti possono essere sincronizzati direttamente con la tua codebase o con la tua applicazione live. In confronto, Phrase è una dipendenza esterna potente ma complessa che spesso richiede manager dedicati alla localizzazione per operare efficacemente.
+
+Inoltre, Intlayer può essere utilizzato come Feature Flag o strumento di A/B testing, permettendoti di testare dinamicamente diverse varianti di contenuto. Phrase è progettato per garantire coerenza linguistica, mentre Intlayer ti aiuta a ottimizzare la conversione e l'esperienza utente tramite dati dinamici.
+
+Sebbene Phrase sia indiscutibile per esigenze aziendali complesse e multi-formato (ad es., tradurre PDF, sottotitoli e software simultaneamente), Intlayer è la scelta superiore per i team di prodotto che sviluppano applicazioni web e che vogliono piena proprietà, type safety e un workflow moderno guidato dall'AI senza l'overhead tipico delle soluzioni enterprise.
+
+Infine, per chi privilegia la sovranità e il controllo dei dati, Intlayer è open-source e può essere self-hosted. I file Docker sono disponibili direttamente nel repository, consentendoti la piena proprietà della tua infrastruttura di localizzazione — qualcosa di impossibile con l'ecosistema SaaS chiuso di Phrase.

package/blog/ja/intlayer_with_i18next.md

@@ -31,7 +31,7 @@ history:
 
 # Intlayerを使ってi18nextのJSON翻訳を自動化する方法
 
-<iframe title="Intlayerを使ってi18nextのJSON翻訳を自動化する方法" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayerを使ってi18nextのJSON翻訳を自動化する方法" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## Intlayerとは何ですか？
 

package/blog/ja/intlayer_with_next-i18next.md

@@ -27,7 +27,7 @@ history:
 
 # next-i18next と Intlayer を使った Next.js の国際化 (i18n)
 
-<iframe title="Intlayerを使ってnext-i18nextのJSON翻訳を自動化する方法" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayerを使ってnext-i18nextのJSON翻訳を自動化する方法" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## 目次
 

package/blog/ja/intlayer_with_next-intl.md

@@ -26,7 +26,7 @@ history:
 
 # Intlayerを使ってnext-intlのJSON翻訳を自動化する方法
 
-<iframe title="Intlayerを使ってnext-intlのJSON翻訳を自動化する方法" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayerを使ってnext-intlのJSON翻訳を自動化する方法" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## Intlayerとは？
 

package/blog/ja/intlayer_with_react-i18next.md

@@ -29,7 +29,7 @@ history:
 
 # Intlayerを使ってreact-i18nextのJSON翻訳を自動化する方法
 
-<iframe title="Intlayerを使ってreact-i18nextのJSON翻訳を自動化する方法" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayerを使ってreact-i18nextのJSON翻訳を自動化する方法" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## Intlayerとは何ですか？
 

package/blog/ja/intlayer_with_react-intl.md

@@ -27,7 +27,7 @@ history:
 
 # Intlayerを使ってreact-intlのJSON翻訳を自動化する方法
 
-<iframe title="Intlayerを使ってreact-intlのJSON翻訳を自動化する方法" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayerを使ってreact-intlのJSON翻訳を自動化する方法" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## 目次
 

package/blog/ja/intlayer_with_vue-i18n.md

@@ -27,7 +27,7 @@ history:
 
 # vue-i18n と Intlayer を使った Vue.js の国際化 (i18n)
 
-<iframe title="Intlayerを使ってvue-i18nのJSON翻訳を自動化する方法" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayerを使ってvue-i18nのJSON翻訳を自動化する方法" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## 目次
 

package/blog/ja/l10n_platform_alternative/Lokalise.md

@@ -0,0 +1,80 @@
+---
+createdAt: 2025-12-18
+updatedAt: 2025-11-06
+title: Lokalise の代替となる L10n プラットフォーム
+description: ニーズに合った Lokalise の L10n プラットフォームの代替を見つける
+keywords:
+  - L10n
+  - TMS
+  - Lokalise
+slugs:
+  - blog
+  - l10n-platform-alternative
+  - lokalise
+history:
+  - version: 7.5.0
+    date: 2025-12-18
+    changes: 初期バージョン
+---
+
+# Lokalise のオープンソース L10n 代替（TMS）
+
+## 目次
+
+<TOC/>
+
+# 翻訳管理システム
+
+Translation Management System (TMS) は、翻訳とローカリゼーション（L10n）のプロセスを自動化し、合理化するために設計されたソフトウェアプラットフォームです。従来、TMSはコンテンツがアップロードされ、整理され、人間の翻訳者に割り当てられる中央ハブとして機能します。ワークフローを管理し、翻訳メモリ（同じ文を何度も翻訳するのを避けるため）を保存し、翻訳済みファイルを開発者やコンテンツマネージャーに返却する処理を行います。
+
+本質的に、TMSは歴史的に技術的なコード（文字列が存在する場所）と文化を理解する人間の翻訳者との間の橋渡しでした。
+
+# Lokalise
+
+Lokaliseは現代のTMS領域で重要なプレーヤーです。2017年に設立され、developer experience（DX）とデザイン統合に強く注力することで市場を変革しました。従来の競合と異なり、Lokaliseは洗練されたUI、強力なAPI、FigmaやGitHubのようなツールとの統合を優先し、ファイルの往復に伴う摩擦を減らしました。
+
+「developer-friendly」なTMSとして成功を築き、文字列の抽出と挿入を自動化してエンジニアの工数を削減しました。手作業のスプレッドシートやメールを廃したいスピード重視のテックチームに対して、_continuous localization_（継続的ローカリゼーション）の問題を効果的に解決しました。
+
+# Intlayer
+
+Intlayerは主にi18nソリューションとして知られていますが、ヘッドレスCMSも統合しています。Lokaliseが主に文字列の外部同期ツールとして機能するのとは異なり、Intlayerはコードにより近い位置で動作します。バンドル層からリモートコンテンツ配信までスタック全体を制御することで、コンテンツのフローがよりスムーズかつ効率的になります。
+
+## AI以降、なぜパラダイムは変わったのか？
+
+Lokaliseはローカリゼーションの「DevOps」側、つまり文字列を自動的に移動する仕組みを完成させました。しかし、Large Language Models（LLMs）の到来により、ローカリゼーションのパラダイムは根本的に変化しました。ボトルネックはもはや*文字列を移動すること*ではなく、*それらを生成すること*です。
+
+LLMの登場により、翻訳コストは急落し、速度は飛躍的に向上しました。ローカリゼーションチームの役割は「翻訳者の管理」から「コンテキストとレビューの管理」へと移行しています。
+
+LokaliseはAI機能を追加していますが、根本的には人間のワークフローを管理し、シート数やキー数で課金するよう設計されたプラットフォームのままです。AIファーストの世界では、価値は単に人間のエージェンシーにタスクを割り当てやすいかどうかではなく、いかにAIモデルをオーケストレーションしてコンテキストに配慮したコンテンツを生成できるかにあります。
+
+現時点で最も効率的なワークフローは、まずAIを用いてページをグローバルに翻訳・配置することです。その後、第2フェーズとして、プロダクトが既に収益を上げ始めた段階で、特定の高トラフィックコンテンツを人間のコピーライターが最適化してコンバージョンを向上させます。
+
+/// なぜ Intlayer は Lokalise の良い代替となるのか？
+
+Intlayer は AI 時代に生まれたソリューションです。設計原則として、生の翻訳はコモディティであり、しかしコンテキストが最重要である、という考えに基づいて構築されています。
+
+Lokalise はその急激な価格設定階層が批判されることが多く、スタートアップがスケールするにつれて手が届かなくなることがあります。Intlayer は異なるアプローチを採用しています:
+
+1.  **コスト効率:** 成長を罰する「per key」や「per seat」といった料金モデルに縛られません。Intlayer では自分の推論（BYO Key）に対して支払うため、費用はプラットフォームのマージンではなく実際の利用量に応じて直接スケールします。
+2.  **ワークフロー統合:** Lokalise はファイルの同期（自動化されていても）を要求しますが、Intlayer はコンポーネントファイル（React、Next.js 等）内で Declarative Content を直接定義できるようにします。これによりコンテキストが UI の直近に保持され、エラーが減少します。
+3.  **ビジュアル管理:** Intlayer は実行中のアプリケーションと直接連携するビジュアルエディタを提供し、編集が完全な視覚的コンテキスト内で行われることを保証します。これは従来の TMS のファイル一覧では切り離されがちな点です。
+
+# 並べて比較
+
+| 機能             | Lokalise（モダンTMS）                                | Intlayer（AIネイティブ）                     |
+| :--------------- | :--------------------------------------------------- | :------------------------------------------- |
+| **コア哲学**     | 自動化とデザイン段階でのローカリゼーション（L10n）。 | コンテンツロジックとAI生成の管理。           |
+| **料金モデル**   | 席数／MAU／キー数に基づく（高コスト）。              | 推論コストは自己負担（BYOキー）。            |
+| **統合**         | APIベースの同期／Figmaプラグイン。                   | コードに深く統合（宣言型）。                 |
+| **更新**         | 同期の遅延／PR作成が必要。                           | コードベースやライブアプリと即時同期。       |
+| **ファイル形式** | 汎用（モバイル、Web、ドキュメント）。                | モダンWeb（JSON、JS、TS）。                  |
+| **テスト**       | レビューのワークフロー。                             | CI／CLI／A/Bテスト。                         |
+| **ホスティング** | SaaS（クローズドソース）。                           | オープンソース＆セルフホスト可能（Docker）。 |
+
+Intlayerは、コンテンツの深い統合を可能にする完全なオールインワンのi18nソリューションを提供します。リモートのコンテンツはコードベースやライブアプリケーションと直接同期できます。これに対して、Lokaliseは一般的にリポジトリ内のコンテンツを更新するためにプルリクエストの作成に依存しており、「コンテンツの状態」と「アプリケーションの状態」が分離されたままになります。
+
+さらに、IntlayerはFeature FlagやA/Bテストツールとして利用でき、異なるコンテンツバリエーションを動的にテストできます。Lokaliseが文言の正確さに注力するのに対し、Intlayerは動的なデータ配信を通じて*ユーザーエクスペリエンス*を重視します。
+
+Lokaliseはモバイルアプリ（iOS/Android）やデザイン主導のワークフローに優れています。しかし、Next.jsやReactのようなフレームワークを使用するモダンなウェブアプリケーションにおいては、Intlayerが`.js`、`.ts`、およびJSON辞書をネイティブに扱うことで、コンテンツに対する完全なTypeScriptサポートを備えた優れた開発体験（DX）を提供し、翻訳キーの欠落を二度と出荷しないことを保証します。
+
+最後に、データ主権と管理を優先する方のために、Intlayerはオープンソースでセルフホストが可能です。Dockerファイルがリポジトリに直接用意されており、ローカライゼーションインフラストラクチャの完全な所有権を保持できます。これはLokaliseのクローズドなSaaSモデルとは対照的です。

package/blog/ja/l10n_platform_alternative/crowdin.md

@@ -0,0 +1,80 @@
+---
+createdAt: 2025-12-18
+updatedAt: 2025-11-06
+title: L10n プラットフォームの代替
+description: ニーズに合った最適な L10n プラットフォームの代替を見つける
+keywords:
+  - L10n
+  - TMS
+  - Crowdin
+slugs:
+  - blog
+  - l10n-platform-alternative
+  - crowdin
+history:
+  - version: 7.5.0
+    date: 2025-12-18
+    changes: 初期バージョン
+---
+
+# Crowdin（TMS）への L10N オープンソース代替
+
+## 目次
+
+<TOC/>
+
+# 翻訳管理システム
+
+A Translation Management System (TMS) は、翻訳およびローカリゼーション（L10n）プロセスを自動化し、効率化するために設計されたソフトウェアプラットフォームです。従来、TMS はコンテンツをアップロード、整理し、人間の翻訳者に割り当てる中央ハブとして機能します。ワークフローを管理し、翻訳メモリ（同じ文を再翻訳しないため）を保存し、翻訳済みファイルを開発者やコンテンツマネージャーへ返送する処理を扱います。
+
+本質的に、TMS は技術的なコード（文字列が存在する場所）と文化を理解する人間の言語専門家との間の橋渡しでした。
+
+# Crowdin
+
+Crowdinはこの分野の老舗です。2009年に設立され、ローカリゼーションの主要な課題が接続性であった時代に登場しました。その使命は明確でした：コピーライター、翻訳者、プロジェクトオーナーを効果的に結びつけること。
+
+10年以上にわたり、Crowdinはローカリゼーション管理の業界標準でした。チームが`.po`、`.xml`、または`.yaml`ファイルをアップロードし、翻訳者がクラウドインターフェース上で作業できるようにすることで断片化の問題を解決しました。堅牢なワークフロー自動化により評判を築き、企業がスプレッドシートに埋もれることなく1言語から10言語へとスケールすることを可能にしました。
+
+# Intlayer
+
+Intlayerは主にi18nソリューションとして知られていますが、CMSも統合しています。既存のi18nセットアップのラッパーとしてしか機能しないCrowdinとは異なり、Intlayerはバンドリング層からリモートコンテンツ配信までスタック全体を制御するため、よりスムーズで効率的なコンテンツフローを実現します。
+
+## AI以降、なぜパラダイムが変わったのか？
+
+Crowdinが人的ワークフローを最適化していた一方で、Large Language Models (LLMs) の登場はローカライゼーションのパラダイムを根本的にシフトさせました。コピーライターの役割はもはや翻訳をゼロから作ることではなく、AI生成コンテンツをレビューすることになっています。
+
+なぜか？ なぜならAIは1,000倍安価で、無限に速いからです。
+
+ただし、限界があります。コピーライティングは単なる翻訳ではなく、メッセージを異なる文化やコンテキストに合わせて適応させることです。あなたのおばあちゃんにiPhoneを売るのと、中国のビジネスエグゼクティブに売るのでは同じやり方にはなりません。トーン、イディオム、文化的な指標は異なる必要があります。
+
+今日、最も効率的なワークフローは、まずAIを使ってページをグローバルに翻訳・配置することです。その後、第2フェーズとして、プロダクトが既に収益を生み出している段階で、人間のコピーライターが特定のトラフィックの多いコンテンツを最適化し、コンバージョンを高めます。
+
+Crowdinの収益は、その実績あるレガシーソリューションによって主に支えられており引き続き好調ですが、従来のローカリゼーション業界は今後5〜10年の間に大きな影響を受けると私は考えています。管理ツールに対して単語単位や席数単位で支払うというモデルは時代遅れになりつつあります。
+
+## なぜIntlayerはCrowdinの良い代替なのか？
+
+IntlayerはAI時代に生まれたソリューションです。2026年には、生の翻訳そのものがもはや本質的な価値を持たないという原則で設計されました。それ自体はコモディティです。
+
+したがって、Intlayerは単にTMSとして位置づけられるのではなく、ビジュアルエディタと国際化ロジックを深く統合した**Content Management**ソリューションとして位置づけられています。
+
+Intlayerでは、翻訳は推論コストで生成されます。プラットフォームの料金体系に縛られることはありません。プロバイダー（OpenAI、Anthropic、Mistralなど）とモデルを選択し、CI（Continuous Integration）、CLI、または統合されたCMSから直接翻訳を行えます。価値は翻訳者へのアクセスから、コンテキスト管理へと移行します。
+
+# 比較（サイドバイサイド）
+
+| Feature           | Crowdin（レガシーTMS）                                    | Intlayer（AIネイティブ）                      |
+| :---------------- | :-------------------------------------------------------- | :-------------------------------------------- |
+| **コア哲学**      | 人を文字列へと結びつける。                                | コンテンツロジックとAI生成を管理する。        |
+| **Pricing Model** | 席単位 / ホスト型の階層。                                 | 自分の推論の費用を支払う（BYO Key）。         |
+| **Integration**   | ファイルベースのやり取り（アップロード/ダウンロード）。   | コードへの高度な統合（宣言的）。              |
+| **Updates**       | テキストをデプロイするにはしばしばCI/CDの再ビルドが必要。 | コードベースやライブアプリと即時同期。        |
+| **File Formats**  | 多様なフォーマット（.po、.xml、.yaml 等）。               | モダンWeb（JSON、JS、TS）。                   |
+| **Testing**       | 限定的。                                                  | CI / CLI。                                    |
+| **Hosting**       | 主にSaaS。                                                | オープンソース & セルフホスト可能（Docker）。 |
+
+Intlayerはコンテンツと深く統合できる、完全なオールインワンのi18nソリューションを提供します。リモートのコンテンツはコードベースやライブアプリケーションと直接同期できます。これに対してCrowdinは、コンテンツを更新するためにCI/CDパイプラインでアプリケーションの再ビルドを必要とすることが多く、翻訳チームとデプロイプロセスの間に摩擦を生じさせます。
+
+さらに、IntlayerはFeature FlagやA/Bテストツールとしても利用でき、異なるコンテンツのバリエーションを動的にテストすることが可能です。これはCrowdinのような標準的なTMSツールがネイティブにサポートしていない機能です。
+
+Crowdin は幅広いファイル形式をサポートしており、`.po`、`.xml`、`.yaml` といったレガシー形式も含まれます。これは確立されたワークフローや旧システムを持つプロジェクトにとって有益です。対照的に Intlayer は主に `.json`、`.js`、`.ts` のようなモダンなウェブ向けフォーマットを扱います。つまり、Intlayer はすべてのレガシー形式と互換性があるとは限らず、古いプラットフォームから移行するチームはこの点を考慮する必要があります。
+
+最後に、データ主権やコントロールを重視する場合、Intlayer はオープンソースでセルフホスティング可能です。Docker ファイルはリポジトリに直接用意されており、ローカリゼーションインフラストラクチャの完全な所有権を得ることができます。

package/blog/ja/l10n_platform_alternative/phrase.md

@@ -0,0 +1,78 @@
+---
+createdAt: 2025-12-18
+updatedAt: 2025-11-06
+title: Phrase の代替となる L10n プラットフォーム
+description: ニーズに合った Phrase の L10n プラットフォーム代替を見つける
+keywords:
+  - L10n
+  - TMS
+  - Phrase
+slugs:
+  - blog
+  - l10n-platform-alternative
+  - phrase
+history:
+  - version: 7.5.0
+    date: 2025-12-18
+    changes: Initial version
+---
+
+# Phrase（TMS）に代わるオープンソースの L10N
+
+## 目次
+
+<TOC/>
+
+# 翻訳管理システム
+
+翻訳管理システム（TMS）は、翻訳およびローカリゼーション（L10n）プロセスを自動化・効率化するためのソフトウェアプラットフォームです。従来、TMSはコンテンツがアップロードされ、整理され、人間の翻訳者に割り当てられる集中型ハブとして機能してきました。ワークフローを管理し、翻訳メモリを保存して（同じ文を何度も翻訳するのを避け）、翻訳済みファイルを開発者やコンテンツ管理者へ返却する役割を担います。
+
+本質的に、TMSは技術的なコード（文字列が格納される場所）と、文化を理解する人間の言語専門家との間の橋渡しであり続けてきました。
+
+# Phrase（旧称 PhraseApp）
+
+Phraseはエンタープライズ向けローカリゼーション領域のヘビー級プレイヤーです。元々はPhraseAppとして知られており、特にMemsourceとの合併以降、大きく成長しました。ソフトウェアローカリゼーション向けに設計された包括的なLocalization Suiteとして位置付けられ、強力なAPI機能と幅広いフォーマットサポートを提供します。
+
+Phraseはスケールを前提に構築されています。複雑なワークフロー、膨大な翻訳メモリ、そして多数のチームにまたがる厳格な品質保証プロセスを管理する必要がある大企業にとっての定番の選択肢です。強みは「ヘビーデューティ」なローカリゼーション作業を扱える点にあり、ソフトウェアの文字列とドキュメント翻訳の両方をカバーするオールインワンのエコシステムを提供します。
+
+# Intlayer
+
+Intlayerは主にi18nソリューションとして知られていますが、ヘッドレスCMSも統合しています。大規模で外部のエンタープライズスイートとして機能するPhraseとは異なり、Intlayerは軽快でコードに統合されたレイヤーとして動作します。バンドル層からリモートコンテンツ配信に至るまでスタック全体を制御し、モダンなウェブアプリケーションにおいてよりスムーズで効率的なコンテンツフローを実現します。
+
+## AI以降、なぜパラダイムは変わったのか？
+
+Phraseは前の十年の問題、すなわち大量の人間翻訳者チームの管理や分断された企業部門間でのワークフローの標準化を解決するために構築されました。ワークフローのガバナンスに非常に優れています。
+
+しかし、Large Language Models（LLMs）の到来により、ローカリゼーションのパラダイムは根本的に変化しました。もはや課題は「50人の翻訳者をどのように管理するか？」ではなく、「AIが生成したコンテンツをいかに効率的に検証するか？」です。
+
+PhraseはAI機能を組み込んでいますが、それらはしばしば人間中心のワークフローと席ベースのライセンスを前提としたレガシーなアーキテクチャの上に重ねられているに過ぎません。現代では「TMSへプッシュする」「TMSからプルする」といった摩擦は時代遅れになりつつあります。開発者はコンテンツがコードのように流動的であることを期待しています。
+
+今日、最も効率的なワークフローは、まずAIを使ってページをグローバルに翻訳・配置することです。その後、第2フェーズとして、プロダクトが既に収益を上げ始めた段階で、特定の高トラフィックコンテンツを人間のコピーライターが最適化してコンバージョンを向上させます。
+
+## なぜ Intlayer は Phrase の優れた代替となるのか？
+
+Intlayer は AI 時代に生まれ、特に現代の JavaScript/TypeScript エコシステム向けに設計されたソリューションです。Intlayer は、Phrase の重厚なエンタープライズモデルに対して、機敏性と透明性で挑戦します。
+
+1.  **Pricing Transparency（料金の透明性）:** Phrase は Enterprise 向けの料金体系で知られており、成長中の企業にとって不透明で高額になりがちです。Intlayer は独自の API キー（OpenAI、Anthropic など）を持ち込むことを許可し、プラットフォームのサブスクリプションへの上乗せではなく、インテリジェンスに対して市場価格を支払うことを可能にします。
+2.  **Developer Experience (DX):** Phraseはファイル同期にCLIツールやAPI呼び出しを多用します。Intlayerはバンドラーとランタイムに直接統合されます。つまり、あなたの定義は厳密に型付けされ（TypeScript）、欠落したキーは本番ではなくコンパイル時に検出されます。
+3.  **Speed to Market:** IntlayerはTMSの「ブラックボックス」を取り除きます。ファイルを外部に送って返ってくるのを待つ必要はありません。CIパイプラインやローカル環境でAIを使って即座に翻訳を生成でき、開発ループを短く保てます。
+
+# 横並び比較
+
+| 機能             | Phrase（Enterprise TMS）                      | Intlayer（AIネイティブ）                      |
+| :--------------- | :-------------------------------------------- | :-------------------------------------------- |
+| **コア哲学**     | エンタープライズのガバナンス & ワークフロー。 | コンテンツロジック & AI生成を管理。           |
+| **料金モデル**   | カスタムエンタープライズ / 席ベース（高額）。 | 推論は自己負担（BYO Key）。                   |
+| **統合**         | API / CLIを多用。                             | コードとの深い統合（宣言型）。                |
+| **更新**         | 同期が必要 / パイプライン依存。               | コードベースやライブアプリと即時同期。        |
+| **ファイル形式** | 非常に幅広い（レガシー & ドキュメント）。     | モダンなWeb（JSON, JS, TS）。                 |
+| **テスト**       | QAチェック / LQA工程。                        | CI / CLI / A/Bテスト。                        |
+| **ホスティング** | SaaS（エンタープライズ限定）。                | オープンソース & セルフホスト可能（Docker）。 |
+
+Intlayerは、コンテンツを深く統合できる完全なオールインワンのi18nソリューションを提供します。リモートコンテンツはコードベースやライブアプリケーションと直接同期できます。比較すると、Phraseは強力ですが複雑な外部依存であり、効果的に運用するには専任のローカリゼーションマネージャーが必要になることが多いです。
+
+さらに、IntlayerはFeature FlagやA/B testingツールとしても利用でき、異なるコンテンツのバリエーションを動的にテストできます。Phraseは言語的一貫性を担保するよう設計されていますが、Intlayerは動的データを通じてコンバージョンやユーザー体験の最適化を支援します。
+
+PDFや字幕、ソフトウェアを同時に翻訳するような複雑でマルチフォーマットな企業向けニーズにおいてPhraseが有力であることは否定できませんが、ウェブアプリケーションを構築するプロダクトチームで、フルオーナーシップ、型安全性、そして企業向けのオーバーヘッドなしに利用できるモダンなAI駆動ワークフローを求めるのであれば、Intlayerの方が優れた選択です。
+
+最後に、データ主権と制御を重視する場合、Intlayerはオープンソースでセルフホスト可能です。Dockerファイルはリポジトリ内に直接用意されており、ローカリゼーションインフラを完全に所有できます—PhraseのクローズドなSaaSエコシステムでは不可能なことです。

package/blog/ko/intlayer_with_i18next.md

@@ -31,7 +31,7 @@ history:
 
 # Intlayer를 사용하여 i18next JSON 번역 자동화하는 방법
 
-<iframe title="Intlayer를 사용하여 i18next JSON 번역 자동화하는 방법" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayer를 사용하여 i18next JSON 번역 자동화하는 방법" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## Intlayer란 무엇인가요?
 

package/blog/ko/intlayer_with_next-i18next.md

@@ -27,7 +27,7 @@ history:
 
 # next-i18next와 Intlayer를 활용한 Next.js 국제화(i18n)
 
-<iframe title="Intlayer를 사용하여 next-i18next JSON 번역 자동화하는 방법" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayer를 사용하여 next-i18next JSON 번역 자동화하는 방법" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## 목차
 

package/blog/ko/intlayer_with_next-intl.md

@@ -26,7 +26,7 @@ history:
 
 # Intlayer를 사용하여 next-intl JSON 번역 자동화하는 방법
 
-<iframe title="Intlayer를 사용하여 next-intl JSON 번역 자동화하는 방법" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayer를 사용하여 next-intl JSON 번역 자동화하는 방법" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## Intlayer란 무엇인가요?
 

package/blog/ko/intlayer_with_react-i18next.md

@@ -29,7 +29,7 @@ history:
 
 # Intlayer를 사용하여 react-i18next JSON 번역 자동화하는 방법
 
-<iframe title="Intlayer를 사용하여 react-i18next JSON 번역 자동화하는 방법" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayer를 사용하여 react-i18next JSON 번역 자동화하는 방법" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## Intlayer란 무엇인가요?
 

package/blog/ko/intlayer_with_react-intl.md

@@ -27,7 +27,7 @@ history:
 
 # Intlayer를 사용하여 react-intl JSON 번역 자동화하는 방법
 
-<iframe title="Intlayer를 사용하여 react-intl JSON 번역 자동화하는 방법" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayer를 사용하여 react-intl JSON 번역 자동화하는 방법" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## 목차
 

package/blog/ko/intlayer_with_vue-i18n.md

@@ -27,7 +27,7 @@ history:
 
 # vue-i18n과 Intlayer를 활용한 Vue.js 국제화(i18n)
 
-<iframe title="Intlayer를 사용하여 vue-i18n JSON 번역 자동화하는 방법" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Intlayer를 사용하여 vue-i18n JSON 번역 자동화하는 방법" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## 목차