Recomendados
Recomendados
Más contenido relacionado
Destacado
Destacado (20)
GitHubと翻訳支援ツールで多言語サイトの更新を超速にする
- 2. ⾃⼰紹介 ▌澤井 真佑⼦ ヘルプサイトのコンテンツや製品UI⽂⾔のライティング、翻訳、 ⽂書校正の⾃動化などを担当 通信会社、AIベンチャーなどを経て2018年中途⼊社
- 3. こんな内容を話します ▌多⾔語展開しているヘルプサイトの悩み 内容の同期が⼤変 ▌悩みを解決したヘルプ新基盤 GitHub＋翻訳⽀援ツール（Memsource） 旧基盤と⽐べてどこが効率化された︖ ▌基盤変更の苦労話 周囲の説得 マークダウンの⽅⾔
- 7. 販売地域ごとの書き分け ▌地域ごとに販売製品が異なる ⽇本 中国 アメリカ 販売製品 kintone kintone モバイル Garoon Office メールワイズ KUNAI kintone kintone モバイル Garoon KUNAI kintone kintone モバイル
- 11. コンテンツの管理基盤から抜本的に⼊れ替えた GitHub Memsource P G P G P G +70 / ヘルプ制作チーム プルリクエスト プルリクエストを レビュー レビュアー ⽇本語版 mdファイル 他⾔語版 mdファイル 社内翻訳チーム 社外翻訳チーム 翻訳 翻訳 更新された mdファイルをアップ HTMLに 変換して公開 P G ▌刷新後のシステム Hugo
- 12. 説明︓マークダウン GitHub Memsource P G P G P G +70 / ヘルプ制作チーム プルリクエスト プルリクエストを レビュー レビュアー ⽇本語版 mdファイル 他⾔語版 mdファイル 社内翻訳チーム 社外翻訳チーム 翻訳 翻訳 更新された mdファイルをアップ HTMLに 変換して公開 P G
- 13. マークダウンとは ▌マークアップ⾔語のひとつ シンプルな記法で 「覚えやすい」 「読みやすい」 「書きやすい」 HTML に簡単に変換できる # レベル1の⾒出し ## レベル2の⾒出し ### レベル3の⾒出し * 番号無し箇条書きの1つめの項⽬ * 番号無し箇条書きの2つめの項⽬ ⾒出し︓ 箇条書き︓
- 14. マークダウンとは （ブログ Cybozu Inside Out 編集画⾯)
- 15. マークダウンでのコンテンツ管理に変える ▌テキストファイルでコンテンツを管理 することで︓ GitHubなどでのバージョン管理が容易 マークダウンだと、GitHubでレビュー するときに差分もわかりやすい ⽂字列の⼀括置換（Grep置換）が 容易 リンクのURLを⼀括置換したいこと とかよくある
- 16. 説明︓静的サイトジェネレーター HUGO GitHub Memsource P G P G P G +70 / ヘルプ制作チーム プルリクエスト プルリクエストを レビュー レビュアー ⽇本語版 mdファイル 他⾔語版 mdファイル 社内翻訳チーム 社外翻訳チーム 翻訳 翻訳 更新された mdファイルをアップ HTMLに 変換して公開 P G • Netlifyに組み込まれている • マークダウンをHTMLに変換
- 17. マークダウンをHTMLに 変換するツール Hugoを採⽤ ページ数が多くても⾼速変換 ※ヘルプサイトは1万ページ超 ショートコードが便利 {{%disabled CN%}} のようなタグで、地域ごとに 表⽰を制御できる Goでテンプレートを書ける ※書ける⼈が⽐較的多い https://www.staticgen.com/
- 18. 説明︓ホスティングサービス Netlify GitHub Memsource P G P G P G +70 / ヘルプ制作チーム プルリクエスト プルリクエストを レビュー レビュアー ⽇本語版 mdファイル 他⾔語版 mdファイル 社内翻訳チーム 社外翻訳チーム 翻訳 翻訳 更新された mdファイルをアップ HTMLに 変換して公開 P G
- 19. Netlifyでホスティング ▌Netlifyの特⻑ 静的サイトのホスティングサーバー Hugoなど、マークダウンをHTMLに変換する各種ツールがあらかじめ 組み込まれてる GitHubとの連携が強い CDNによって世界各地からサイトに⾼速にアクセス可能 こちらも参考︓ https://blog.cybozu.io/entry/2019/03/11/170000
- 20. 説明︓翻訳⽀援ツール Memsource（メムソース） GitHub Memsource P G P G P G +70 / ヘルプ制作チーム プルリクエスト プルリクエストを レビュー レビュアー ⽇本語版 mdファイル 他⾔語版 mdファイル 社内翻訳チーム 社外翻訳チーム 翻訳 翻訳 更新された mdファイルをアップ HTMLに 変換して公開 P G
- 21. 翻訳⽀援ツール（CATツール）とは︖ ▌CATツールの提供する機能 翻訳メモリ 過去に翻訳した⽂をそのまま使いまわせる 過去に翻訳した、似ている訳⽂を参照できる 前回からの差分だけを翻訳対象にできる
- 22. 代表的なCATツール ▌サイボウズではMemsourceを採⽤ 有料ツールは、翻訳メモリーを共有して複数の翻訳者が 同時翻訳可能 SaaSで提供されているのでセットアップが楽 翻訳会社と環境を共有できる 翻訳者も使い慣れている マークダウン形式に対応 有料 無料 SDL Trados Memsource MemoQ Croudin など OmegaT Google Translator Toolkit
- 24. サイト更新の流れ ⽇本語原稿作成 レビューを受ける 公開︕ • GitHubのプルリクエスト 機能でレビュー • システムが差分を表⽰ • GitHubでマージすると、 Netlifyが⾃動的に Webページを公開 • マークダウンで、記事を 作成
- 25. 翻訳の流れ 翻訳 • Memsourceに⽇本語マークダウン を読み込み、更新された部分のみを 翻訳 公開︕ • GitHubに翻訳結果を保存すると、 Netlifyが⾃動的にWebページを 公開
- 26. 稼働削減効果 原稿作成 PDF 作成 翻訳作業 ⽇本語ヘルプ担当者 翻訳者 ⽇本語ヘルプ担当者 ⽇本語ヘルプ担当者 翻訳者 ヘルプ基盤 変更前 ヘルプ基盤 変更後 PDF 確認 CMS ⼊⼒ 確認 公開 原稿作成 翻訳 作業 確 認 公開
- 28. おまけ︓苦労話
- 32. システムごとのマークダウン⽅⾔の違い ▌HugoとMemsourceで、マークダウンの解釈が異なる ▌たとえば・・・ ⾒出し前後の空⾏ HUGOは問題なし（Webページで⾒出しとして表⽰できる） Memsourceでは、⽂の区切りが認識できず翻訳に⽀障
- 33. マークダウン⽅⾔への対処 ▌Markdownlintというツールを使った VS Codeのプラグイン マークダウンの記法が正しくないと警告 ▌しかし、Markdownlintはとても厳格なので、HUGOとMemsourceが ともに許容する書き⽅ならば、Markdownlintのエラーを無効化した エラーを精査して特定のエラーを無効化したり、警告にしたがって 原稿を修正したりする作業が地味に⼤変だった