AIシュリーマンのライブエディタでは、実際のウェブページを確認しながら、翻訳テキスト、画像、リンク、メタ情報などを編集できます。
ライブエディタを開く
- AIシュリーマンのダッシュボードを開きます。
- ページ一覧から編集するページを選びます。
- 編集する翻訳先言語をクリックします。
ライブエディタの表示方式は、サイト設定の「ライブエディタの表示方式」で選択できます。
- 埋め込み型（iframe）
- オーバーレイ型
サイトの設定によって、開かれる方式が異なります。
埋め込み型（iframe）
AIシュリーマンの管理画面内へ対象サイトを埋め込み、左側のウェブページと右側の編集パネルを使って編集します。
対象サイトが
X-Frame-Options やContent Security Policyの frame-ancestors で埋め込みを禁止している場合は、ページを表示できません。その場合は、サイト側のヘッダー設定を変更するか、オーバーレイ型を使用してください。オーバーレイ型
対象サイトを新しいタブで直接開き、ページ上へ編集パネルを重ねて表示します。
オーバーレイ型では、AIシュリーマンが発行した短期の編集用トークンを使って対象サイトを開きます。編集トークンはURLから取り除かれ、認証済みの編集セッションとしてブラウザ内に保持されます。
iframeによる埋め込みではないため、
X-Frame-Options や frame-ancestors による表示制限を受けません。テキストの翻訳を修正する
ページ上の編集可能なテキストを選択すると、翻訳前テキストと翻訳後テキストが表示されます。
翻訳後テキストを修正して保存すると、通常用語集またはHTML辞書として登録されます。以降、同じ登録条件に一致する箇所へ保存した訳文が適用されます。
通常用語集として保存される場合
テキストだけで構成された翻訳単位は、通常用語集として保存します。ライブエディタから保存する場合は、原則として完全一致の用語集になります。
HTML辞書として保存される場合
改行やインラインHTMLを含む翻訳単位は、HTML辞書として扱う場合があります。タグ構造を壊す変更は、ページ崩れや保存エラーの原因になります。
メタ情報を修正する
ライブエディタでは、次のメタ情報を確認・編集できます。
<title>
meta description
- OGPタイトル
- OGP説明文
保存した内容は、対象となるメタ情報の翻訳へ使用されます。
画像を差し替える
ページ上の画像を選択すると、翻訳先言語で使用する画像を登録できます。
登録した画像は画像辞書へ保存され、対象言語で元画像の代わりに表示されます。
img の src・srcset、source の srcset、インラインまたはstyleタグ内の background-image が置換対象になる場合があります。WordPress等が画面幅ごとに別の画像URLを配信する場合は、表示されているすべての派生URLが同じ画像辞書に一致するとは限りません。画面幅によって置換結果が異なる場合は、実際に読み込まれている画像URLを確認してください。
リンク先を差し替える
リンクを選択すると、翻訳先言語で使用するURLを登録できます。
言語ごとに別のお問い合わせページ、資料、外部サイトへ移動させる場合に使用します。「別タブで開く」を有効にした場合は、
target="_blank" と安全な rel 属性を設定します。HTML辞書によって同じリンク要素や
href が先に書き換えられている場合は、リンク置換の登録元URLと一致せず、置換されない場合があります。カスタムCSSを確認する
ライブエディタでは、対象言語に適用するカスタムCSSを確認しながら調整できます。
カスタムCSSは、翻訳によって文字幅やレイアウトが変わる場合の表示調整に使用します。翻訳テキスト、画像URL、リンクURLの変更をCSSだけで代替しないでください。
SPA・動的コンテンツを編集する
SPA遷移や、モーダル・タブ操作後に追加されたテキストも翻訳対象になります。
ただし、動的コンテンツの一時訳は翻訳メモリへ保存されない場合があります。訳文を固定したい場合は、対象テキストを選択して用語集へ保存してください。
正常に表示されない場合
埋め込み型でページを表示できない場合は、「ライブエディタが動きません」を確認してください。
ログイン後のページ、フォーム送信を伴うページ、対象外URLなどでは、編集できる範囲が制限される場合があります。対象ページURLと利用している表示方式を添えて、管理画面のお問い合わせからご連絡ください。