covid-19-transmission-graphicの日本語化



@hal_sk さんがさっそく日本語化してたので取り組んでみました。
日本語化はすでにあるので、九州弁（長崎弁化）しました。

![covid-19-transmission-graphic-ja-JP.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/62bd0cda-76cb-455b-4a92-7fce523c04d1.gif "covid-19-transmission-graphic-ja-JP.gif")




<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ありがとうございます！ <a href="https://t.co/Gi05QzjtR9">https://t.co/Gi05QzjtR9</a></p>&mdash; 宮坂学 Manabu Miyasaka (@miyasaka) <a href="https://twitter.com/miyasaka/status/1243709867312820225?ref_src=twsrc%5Etfw">March 28, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


# リポジトリ

今回作ったリポジトリ

[sugasaki / covid-19-transmission-graphic · GitLab](https://gitlab.com/sugasaki/covid-19-transmission-graphic)


# やり方

[Marc Sutter](https://gitlab.com/msutter)さんの[covid-19-transmission-graphic](https://gitlab.com/msutter/covid-19-transmission-graphic)にアクセス

## 1. Forkしてブランチの作成

### Forkします

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/f6f9e5ca-88f4-b54d-94a7-e2e3727ca5e2.png" width=400px />

### ブランチを作成します

日本語の場合には、`ja-JP`
他の言語の場合には、ブランチ名を[Wordfast](https://www.wordfast.net/?go=languages)から選ぶ。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/4d9349fd-6986-47ea-c1fd-4f41f4d6bc31.png" width=400px />


1. ブランチを作成する

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/c4049935-b4d2-0045-5bf3-4726c8836770.png" width=400px />


2. ブランチ名を入れる。

日本語の場合には`ja-JP`
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/1ae4b46f-e36c-813f-f548-b10889f0177b.png" width=400px />



### Clonesする

さきほど作ったブランチを指定してCloneする

```
git clone -b ja-JP https://gitlab.com/sugasaki/covid-19-transmission-graphic.git

```

言わずもがなですが、カレントディレクトリを移動

```
cd covid-19-transmission-graphic
```



## 2. 言語フォルダを作成し、文書ファイルの準備

ja-JPフォルダを作成し、text.yamlをコピーする

### ja-JPフォルダを作成


```
mkdir languages/ja-JP
```


### 他の言語のtext.yamlをコピーする、テキストをターゲット言語に翻訳します。

```
cp languages/en-ch/text.yaml languages/ja-JP
```

#### テキストをターゲット言語に翻訳します。


```:languages/ja-JP/text.yaml
or:
  text: |-
    OR...
  size: 250

this-person-worked-from-home:
  text: |-
    THIS PERSON
    WORKED FROM
    HOME
  size: 38

this-person-didnt-go-to-that-bbq:
  text: |-
    THIS PERSON
    DIDN'T GO TO
    THAT BBQ
  size: 38

didnt-fly-domestically:
  text: |-
    DIDN'T FLY
    DOMESTICALLY
  size: 38

stayed-home:
  text: |-
    STAYED
    HOME
  size: 38
```

↓

```:languages/ja-JP/text.yaml
or:
  text: |-
    それとも...
  size: 100

this-person-worked-from-home:
  text: |-
    この人は自宅で
    働いた
  size: 38

this-person-didnt-go-to-that-bbq:
  text: |-
    この人は
    飲みに
    行かなかった
  size: 38

didnt-fly-domestically:
  text: |-
    出張を
    取りやめた
  size: 38

stayed-home:
  text: |-
    家にいた
  size: 38
```



### 編集が終わったらコミット＆PUSHする

gitコメントは適宜変更する

```
git add .
git commit -m "Add translation for the Romansh language (ja-JP)"
git push --set-upstream origin ja-JP

```




## 3. GitlabでGifファイル生成

Gitlabでマージリクエストを出すことで、Gif作成のJOBが走る。


### Gitlabへアクセスし、マージリクエストを出す

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/ddf0142a-cfc3-1e70-1705-a06672ad0d36.png" width=400px />


### リクエスト先のブランチを変更する

#### Change branches
デフォルトままだと、オリジナルへリクエストを出すので自身のMasterブランチへ切り替える。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/c6ecef9a-e34d-e1d8-54b1-5699208df951.png" width=400px />

#### 自分のブランチを選ぶ
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/442ebed1-d379-3984-4e80-c943f903fd2c.png" width=400px />


#### ひととり確認し、よければ、Submit merge request
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/c7515f68-30cf-1456-493d-1661cd244528.png" width=400px />


#### マージリクエストの画面が表示されてもここでは何もしません。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/0ac56f18-beb7-1f7b-52d0-389093161967.png" width=400px />


## 4. ファイルのダウンロード

#### CI/CD -> Jobsへ移動

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/7ce58088-6754-7f53-6275-f1a01a11cc5f.png" width=200px />


#### 最新のJOBの右側、ダウンロードボタンをぽちっと

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/219c5cfc-42ea-4f31-278a-cc2c5c6b47b6.png" width=400px />


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/73478c4a-9992-ae69-329d-e6b21f632604.png" width=400px />



## 5. 再実行

2回目からは`ja-JP`ブランチへPUSHするだけでJOBが走ります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/49910/a906d38a-06f4-4272-616d-0a033c885c69.png" width=400px />




## 6. Marc Sutterさんへお礼を述べる


満足したら[Marc Sutterさん (@marcsutter) / Twitter](https://twitter.com/marcsutter)に通知し、あなたのツイッターアカウントをくれたらそれを最終リリースに含めてください。




# ローカルでの実行（Docker）

ローカルでGIFを生成することもできます

```
language=ja-JP
docker run --rm -ti -v $(pwd)/templates:/templates -v $(pwd)/languages:/languages -v $(pwd)/releases:/releases registry.gitlab.com/msutter/gimp-gif-translate /translate.sh -f templates/covid-19-transmission-graphic.xcf -p /translate-gif.py -l $language
```