アジャイル時代の翻訳プロセス

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

第29回 JTF翻訳祭2019
アジャイル開発時代の翻訳プロセス
サイボウズ株式会社

チームで働くことが、楽しくなるサービスを

中小企業グループウェア業務アプリ作成プラットフォーム
大企業向けグループウェアメール共有システム
60,000社以上 10,000社以上
5,000社以上 7,500社以上
グループウェアの開発・販売、チームワーク研修など

https://topics.cybozu.co.jp/news/2019/08/22-8483.html

自己紹介
仲田尚央（なかたなおひろ）
UXライター / テクニカルライター
UIの言葉のデザイン、ヘルプなどのドキュメント制作が仕事。
中島晃一（なかじまこういち）
ローカライゼーションスペシャリスト
機械翻訳の調査も含め、翻訳関連全...

Cybozu Technical Communication Team
▌UIの言葉のデザイン
▌ヘルプなどのドキュメント制作
▌翻訳＆ローカライズ
⚫日本語 → 英語/中国語

今回お話するトピック
▌プロダクトの開発手法の変化
⚫ウォーターフォール開発からアジャイル開発へ
▌アジャイル開発に対応するために
⚫ライティング/ローカライズの体制
⚫基盤システム
▌開発チーム・翻訳者・翻訳会社のコミュニケーション
▌UIの...

プロダクトの開発プロセスの変化
ウォーターフォールからアジャイルへ

実装設計計画テストリリース
ウォーターフォール開発
アジャイル開発
テスト
リリース
計画
設計
実装
イテレーション
1
テスト
リリース
計画
設計
実装テスト
リリース
計画
設計
実装
イテレーション
2
イテレーション
3

実装設計計画テストリリース
ウォーターフォール開発
アジャイル開発
テスト
リリース
計画
設計
実装
イテレーション
1
テスト
リリース
計画
設計
実装テスト
リリース
計画
設計
実装
イテレーション
2
イテレーション
3
小さ...

特徴
▌ウォーターフォール開発
最初に開発計画と仕様をしっかり固める。計画どおりにプロジェクトを
進めることを重視。
▌アジャイル開発
事業の状況や関係者からのフィードバックに応じて、柔軟に計画や仕様
を変えることを重視。
変化の速い時代には
...

メリットとデメリット
▌ウォーターフォール開発
😃 仕様や開発計画が明確なため、全体像を把握しやすくコミュニケーション
コストが低い
😱 開発途中での計画や仕様の変更が困難
▌アジャイル開発
😃 仕様や開発計画を柔軟に変更できる
😱 コミュニケ...

アジャイル開発手法の1つ。
柔軟な変化を可能にするため、コ
ミュニケーションを重視。
開発チームがスクラムのように一
体となって動く。
スクラム開発
Wikipedia

アジャイル開発に適した翻訳を
▌翻訳者と開発チームの密なコミュニケーション
▌翻訳プロセスの効率化
▌フィードバックを得ながら翻訳結果も改善していく
⚫ 翻訳者にもユーザビリティーテストに参加してもらったり

アジャイル開発に対応していくために

縦割り組織体制によるコミュニケーションコスト
開発本部
開発
（PG）
品質保証
（テスター）
PM &
デザイン
ライティング &
翻訳
翻訳会社

開発チームがより一体となれる体制にする
プロダクトA
開発チーム
プロダクトB
開発チーム
プロダクトB
開発チーム
プロダクトB
開発チーム
翻訳チーム
ライター
⚫縦割り組織を廃止、プロダクトごとの開発チームを形成
⚫ライターは各開発チーム...

ドキュメント（ヘルプ）を多言語で展開するための差分管理
CMS
記事ごとに
PDF出力
変更箇所を
ハイライト
翻訳前回の翻訳からの差分を
確認して反映
リリースサイクルの短期化、頻繁な仕様変更で負担増
差分管理やCMSへの反映を人力でやるのは...

ヘルプ制作プロセスの改善
▌差分管理はシステムに任せる
⚫ バージョン管理システム
⚫ CATツール
▌システムで差分管理しやすいよう、テキスト形式で原稿を作る
▌可読性の高いMarkdown記法に切り替え
×Word / HTML / XML...

Markdownとは
マークアップ言語のひとつ
シンプルな記法で構造化された
文書を制作できる
# Markdownとは？
Markdownは、マークアップ言語のひとつです。シンプルな記法で
構造化された文書を手軽に制作できます。
## Mar...

Markdownでコンテンツを作るメリット
⚫シンプルな記法で「覚えやすい」「書きやすい」「読みやすい」
⚫ツールを選ばない。テキストエディタがあれば書ける
⚫記法を覚えなくてもブログライクに書けるツールもある
⚫HTMLやPDFなど各種フ...

MarkdownからHTMLへの変換
Hugoを利用
⚫ HTML変換が高速
数千ページのサイトも運用可能
⚫ Markdownの拡張が可能
「注意」「ヒント」など多彩なスタイルを表現できる
https://www.staticgen.com/

バージョン管理システム
①最新のデータを
取り込み
③変更を反映
②編集
④変更を
取り込み
▌ ファイルの変更履歴を記録
⚫いつ、誰が、どのような目的で、どのように作成/
変更/削除したかを記録
⚫複数のファイルにまたがる編集をまとめて記録
...

バージョン管理システム
変更変更
変更変更
▌ 履歴を分岐して管理できる
⚫分岐した各枝を「ブランチ」と呼ぶ
▌ 分岐したブランチは他のブランチの
影響を受けない
⚫複数の変更を並行して進められる
⚫他の人による変更を気にせずに変更できる
...

ドキュメント（ヘルプ）のブランチ管理
公開用ブランチ
要件Aリリース
要件Aを反映するブランチ
要件Bを反映するブランチ
要件Cを反映するブランチ
リリースされない機能の
ブランチは破棄
翻訳用ブランチ
要件Bリリース
要件リリースに
合わせて...

CMSの刷新
GitHub
記事ファイル
Memsource
翻訳メモリー機械翻訳エンジン
Circle CI
Netlify
ビルド
ホスティング
Markdown記法チェック
ホスティング文章チェック
HTML化
md
①記事をPush
...

マニュアル&ヘルプ制作の流れ
日本語原稿作成レビューを受ける公開！
• GitHubのプルリクエスト機能
でレビュー
• GitHubが差分を表示
• GitHubでFix原稿をマージ
• 自動的にHTMLに変換
→日本語版公開
マークダ...

マニュアル&ヘルプ制作の流れ
翻訳
Memsourceに日本語マークダウン
を読み込み、更新部分を翻訳
公開！
• GitHubに翻訳結果をマージ
• 翻訳結果が自動的にHTMLに変換
→各言語版が公開される

ドキュメント翻訳のプロセス

Computer Assisted Translation
（コンピュータ翻訳支援）ツール
▌Memsource
▌選択理由
⚫価格
⚫翻訳者は、パッケージ版やライセンスの購入が不要
（以下は他社製品も実現できるかもしれません）
⚫クラウドで全...

ドキュメント翻訳の流れ

プロジェクト作成 → アサイン
1. GitHub Desktop で Fetch
2. 翻訳対象のフォルダーを zip に圧縮
3. そのまま Memsource プロジェクトに取り込む
フォルダー構造が維持される
4. 翻訳メモリ等、必要な...

翻訳中 → 翻訳完了
6. 翻訳中の質問等は、適宜 kintone ゲストスペースで（後述）
各セグメントの質問・申し送りは、Memsource のコメント機能
7. 翻訳が完了したら、通常はサイボウズ社内でレビュー
テクニカルコミュニケーシ...

翻訳会社とのコミュニケーション

翻訳会社とのコミュニケーションの効率化
▌kintone ゲストスペースを活用
https://kintone.cybozu.co.jp/price/guestprice.html

kintone ゲストスペース
▌コメントのやり取りだけではなく
⚫ファイル管理（ファイルサーバーのような使い方）
⚫タスク管理（開始日、終了日といったスケジュール管理）
⚫案件ごとの注文書、請求書等の管理
▌すべてゲストスペースで行っています...

機械翻訳

機械翻訳の取り組み
▌Garoon 5 で初の取り組み
▌Garoon とは？
⚫中堅・大規模組織向けグループウェア
https://garoon.cybozu.co.jp/

いままでの Garoon ヘルプ

日英中で違い
▌日本語ヘルプ
https://jp.cybozu.help/ja/g/admin/system/basic/
▌英語ヘルプ
https://jp.cybozu.help/en/g/guide/
⚫英語版の方が「簡略化」され、中身...

Garoon 5
▌Garoon 5 へのバージョンアップ（2019年10月）
▌日本語ヘルプの大幅な加筆修正
⚫これを機に、日本語と、英語・中国語を揃えることに
▌人力翻訳では間に合わない
⚫日本語ヘルプの完成が8月末～9月上旬
⚫英語・中国...

カスタマイズ
▌ 英語は、カスタマイズを行った
⚫日本語↔中国語はカスタマイズできないので、標準の翻訳
▌ 日本語↔英語は既訳（翻訳メモリ）を加えてトレーニング
⚫製品名や UI 用語など、翻訳精度が向上
⚫例：「CSVファイルに書き出す」の訳...

MT＋PEの流れ
1. Memsourceでプロジェクト作成
2. 機械翻訳エンジンを指定
3. まず翻訳メモリをあてた
⚫100%のみあてて、確定・ロック
4. 残りの空欄セグメントをMTで埋めた
5. MTされた文章をPE
▌まず 1 回目...

UI 文言のローカライズプロセス

UI 文言の翻訳
▌外注せず、社内で翻訳
▌理由1
⚫仕様書、画面設計、スクリーンショットなど社外秘
⚫開発チームとの密なコミュニケーションが必要
▌理由2
⚫動作確認が必要な場合が多い
• テスト環境を作成し、実際の画面・動作を確認
• その...

UI 翻訳に必要な情報
▌ 訳語を決めるために必要な情報
⚫UI 用語は短いので補足情報が必要
⚫例：extension → 拡張子？内線？
1. キャプチャ
• 画面コピー、もしくは画面設計
2. 表示される場所
• メニュー、詳細画面、等
...

kintone アプリで画面 UI 文言を管理
▌ 画面 UI の文言を管理
⚫「用語」管理はまだこれから
▌ kintone アプリ上でワークフローを実現
▌ 例
1. 開発チームが日本語を検討
2. 日本語確定
3. 自動で英語・中国語担当...

質疑応答

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

2024 Trend Updates: What Really Wor... by Search Engine Jou... 1035460 views
Storytelling For The Web: Integrate... by Chiara Aliotta 947335 views
Artificial Intelligence, Data and C... by OECD Directorate ... 869118 views
How to Leverage AI to Boost Employe... by SocialHRCamp 364901 views
2024 State of Marketing Report – by... by Marius Sescu 207323 views
Everything You Need To Know About C... by Expeed Software 227648 views

View on Slideshare

1 of 49 Ad

View on Slideshare

1 of 49 Ad