Transifexのアカウントを作成して東京都 新型コロナウイルス感染症対策サイトの翻訳を手伝う方法

東京都は2020年3月4日、新型コロナウイルス感染症対策サイトをリリースしており、[Code for Japan](https://www.code4japan.org/) という非営利団体が発起人となって、さまざまな立場のプログラマーたちがオンライン上で協力して開発されています。

[東京都 新型コロナウイルス感染症対策サイト](https://stopcovid19.metro.tokyo.lg.jp/)

翻訳ができる方は、翻訳作業のボランティアをお願いします。

しかし、[Transifex](https://transifex.com/)の使い方がわからないと協力ができません。
GitHubにも「[どなたか Transifex の使い方の記事を誰か書いていただけないでしょうか #1725](https://github.com/tokyo-metropolitan-gov/covid19/issues/1725)」というIssueが上がっていましたので、アカウント作成から翻訳までの手順をまとめました。

#Transifexのアカウント作成方法

まずは、[Transifex](https://transifex.com/)のWebサイトでアカウントを作成しますが、今回は誰でも登録ができるメールアドレスでの登録方法で説明をします。

##Transifexのログイン画面にアクセス

先ほどの[[協力依頼] 翻訳シートからTransifex への転記 #1724](https://github.com/tokyo-metropolitan-gov/covid19/issues/1724)の中にある、~~[Transifex](https://transifex.com/)のリンクをクリックすると、ログイン画面が開きます。~~

2020年3月19日修正：当初、上記のように記載をしていましたが、新規の場合には404 Not Foundになるようです。

そのため[Transifex](https://transifex.com/)にアクセスして、右上にある「Login」を押すか、「Try for free」をクリックして次へ進んでください。

![Transifex 1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/5d4e94fa-deee-8845-12a3-38833eeb2e8a.png)

Transifexのアカウントを持っている場合は、こちらからログインをしていただければいいのですが、今回はアカウント作成をするので、下にある「アカウント作成」をクリック。

GitHubやGoogle、Linkedinでのアカウントを持っていて、そちらで作成をする場合は、それぞれのボタンを押してください。

##ユーザー名、メールアドレス、パスワードを入力してサインアップ
![Transifex 2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/f49ea21a-c977-4a9b-1072-310ac227af3c.png)

アカウント作成画面に遷移しますので、ユーザー名、メールアドレス、パスワードを入力し、「Transifeのサービス規約とプライバシーポリシーに同意します。」にチェックを入れて「サインアップ」ボタンをクリック。

##姓、名、部署名、肩書を入力
![Transifex 3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/549913dd-1038-dad0-4e5f-b47dc8dcf8bf.png)
姓、名、部署名、肩書を入力すると、「次へ」ボタンがアクティブになりますので、クリック。

##「既存のプロジェクトに参加」を選択
![Transifex 4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/ab9c2208-4ff7-4e6e-4505-d6d694934cc6.png)
「自分のプロジェクトを始める」か「既存のプロジェクトに参加」の選択画面になるので、「既存のプロジェクトに参加」を選択し「次へ」ボタンをクリック。

##言語を選択
![Transifex 5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/8d6e06cd-b9ca-800e-deec-e15b5d282af3.png)
使える言語の選択になりますが、ここは後からでも追加できそうですが、ベトナム語とスペイン語など、転記が遅れているものを追加するのがいいと思います。

JapaneseやEnglishを選択。

##設定が完了
![Transifex 6r.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/925c1116-101b-48ba-55ee-6c5d5ca45222.jpeg)
アカウント作成はこれで完了したので、「翻訳するプロジェクトを見つける」をクリック。

##プロジェクトを検索
![Transifex 7r.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/26594ad8-ea4a-6385-8bda-6a6f25762302.jpeg)
「[公開プロジェクトを探す](https://www.transifex.com/explore/projects/)」画面になりますので、検索ボックスに「tokyo」と入力してください。
![Transifex 9r.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/a7b08d2c-a845-c4de-8ded-48b8cc14eeb4.jpeg)
すると、「StopCovid19Tokyo」が表示されますので、そちらをクリック。

![Transifex 13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/361cdb48-096e-c97e-ac03-925f1f27674e.png)
プロジェクトの状況が表示されますので、「StopCovid19Tokyo」を再度クリック。

![Transifex 14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/eb18852c-53fd-4322-6a64-74ad30f8a182.png)
プロジェクトのダッシュボードが表示されます。

![Transifex 15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/57e284e3-aeb1-0b86-fef4-f3cbd34142c3.png)
「Give it a go!」をクリックすると、翻訳が進んでいる状況が表示されます。

#翻訳作業

これで翻訳作業に入れますので、ここからは翻訳作業方法について。

~~これで転記作業に入れますので、ここからは転記作業方法について。~~

##作業を行う言語を選択
<img width="1000" alt="Transifex 16r.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/a7aecf66-a52c-4239-0fa0-6cc2ffc8855c.jpeg">
先ほど使える言語で選択したものは、マウスを合わせると「リソースを表示」「翻訳」が表示されますので、「翻訳」をクリック。

![Transifex 17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/6280381e-a803-7cf0-8aa7-727b05892e69.png)
すると、翻訳画面が表示されますので、ここで作業を行っていきます。


~~##spreadsheetを開く~~
![Transifex 18r.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/24485938-556f-a0fb-a59d-82762984c940.jpeg)
~~[翻訳シート](https://docs.google.com/spreadsheets/d/1avT6QGInyQseYjoc_TxL8RPZfutyvrv4BtJkXfk1Nko/edit#gid=0)を開いて、spreadsheetの「Sheet1タブ」から検索転記する文字を探します。~~

~~私は、先ほどの画面に左側の日本語をコピーして、spreadsheetでCtrl+Fで検索をし、他該当の翻訳を探しました。~~

##翻訳画面で翻訳
![Transifex 19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/45936/e75e67db-9e88-6522-fc66-6954b52d4646.png)
~~これを翻訳画面の該当する日本語の右側に転記して、「翻訳を保存」をクリック。~~

~~翻訳を転記が完了したものは、spreadsheetの該当項目の右側にある「already in Transifex?[各言語]」を「Yes」に変更して完了です。~~

左側の日本語をクリックすると、右側に翻訳が行われていない場合には空のボックスが表示されますので、翻訳内容を記入して、「翻訳を保存」をクリック。

#誤りや修正などがあればご指摘ください

プロジェクトを知って急いで作成をしましたので、誤りや修正した方がいい箇所などがございましたらご指摘いただけますと幸いです。