Tango をインストールしてみた

# Tango ってなんぞや？
Google Chrome の拡張機能です。
クリックしたところをオレンジ枠で囲ったスクリーンショットが自動で撮れます(*'▽')

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/97928351-9497-5f23-e517-8e06c6b2343a.png)

私は Power Apps のアプリマニュアルの作成に有用そうだなと思って、インストールしてみました。スクリーンショットはアプリを操作することで自動撮影されるので、文言の修正だけでマニュアルが作成できます。

# インストール方法

1. Google Chrome で以下の URL へアクセスします

    https://chrome.google.com/webstore/detail/tango-screenshots-trainin/lggdbpblkekjjbobadliahffoaobaknh?hl=ja&gl=JP

2. Chrome に追加をクリックします
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/f2011402-a0ed-4cfb-579c-1d9179a37364.png)

3. 画面上部に出てくる 拡張機能を追加 をクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/45618a37-7ded-76c7-3d26-7a421a47764f.png)

4. Continue with Google をクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/37654740-a121-fcf1-51ac-f3b2c4bb231e.png)

5. 自分のアカウントをクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/3affa7a3-5219-a74a-2105-4e85204b248d.png)

6. 次へ をクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/6bfb4c13-0a4a-6449-7e52-9c832afbea7c.png)

7. 何に使うかを聞かれているので、目的に近いものを選択します

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/089e5ec2-66d6-5028-3308-d8ca5d09d238.png)

8. Continue をクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/2d82597d-1fae-51ba-4e30-0c1b6b0d7aba.png)

9. 職業を聞かれているので、近いものを選択 → Continue をクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/658ff6e9-e91a-5e78-6444-3cfcb358d4d6.png)

10. 何についての文書を作るのかを聞かれているので、近いものを選択 → Continue をクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/ccb3e53f-6ab9-e0ef-d5f6-d8532d08fbf6.png)

11. どこで Tango を知ったのかを聞かれているので、近いものを選択 → Continue をクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/27035575-8a5a-9f05-dd55-d923d1a5f941.png)

12. どの SNS やねんを聞かれたので、正直にこたえて Continue します

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/c06e2755-8024-78f1-f3ff-e0415f1c91b3.png)

13. ワークスペースの名前を決めて、Continue します

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/60dbc9ad-594f-4599-ebb3-d28415bfde91.png)

14. Try out capture をクリックします

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/582844a5-b066-77f7-d714-4b01e1b03293.png)

15. 別のタブでキャプチャ画面が開いて、チュートリアル的なものが始まります！
    
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/f583061c-2288-5f83-c750-d0d63f9c1584.png)

これでインストール作業が完了です！ お疲れさまでした！
使いたい時は拡張機能からお呼び出ししましょう♪

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/5b16f1fd-1463-49db-a79f-a26efd769caa.png)

頻繁に利用する方はピン止めをしても良いかもしれません(*'▽')

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/4da09474-b3ba-3472-b86d-be2735561227.png)

アドレスバーの横に出てくるので 1 クリックで呼び出せますよー！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/3a59ab06-c756-a8a6-d284-221991b09697.png)

これで使うまでの準備はばっちりですね！
ごきげんよう♪