Trelloを使う時にデフォルトで入れるべきChrome拡張機能

# 2018/05/15 追記：思考停止で入れるべき最強プラグイン
今年でTrelloを使い始めて、３年ほど経ちました。
おかげさまでこの記事も多くの方に好評いただいたのですが、
多くの人に紹介し続けた結果、こんなに大量のプラグインは必要ないんだろうなと思いました。
そこで、追記分としまして、思考停止でぶっこんでおいたら幸せになれるプラグインをまとめました。
今までも下記のリスト中にあったものですが、どんなプロジェクトでもノールックでインスコ出来るぐらい、
良い感じにしてくれるので３分でセットアップしないといけない時に便利です。
自分もなにかを管理する際には、メンバーにとりあえず入れるように言っているものです。
皆様のお役に立てることができましたら大変恐縮です！！

#0. 思考停止でぶっこむ。それだけで良いプラグイン。
### ラベルタグの名前を見えるようにしてくれる。
https://chrome.google.com/webstore/detail/card-color-titles-for-tre/hpmobkglehhleflhaefmfajhbdnjmgim

### ラベルの色をカード全体に表示してくれる。
https://chrome.google.com/webstore/detail/card-colors-for-trello/nodlpencjjlohojddhflnahnfpfanbjm

## 詳しく知りたい方は下記の記事をどうぞ！
**追記はここまでと、[12番目のプラグイン「Scrum for Trello」](https://qiita.com/webazarashi/items/1099cd39d31a1474226a#12-%E3%82%B9%E3%83%97%E3%83%AA%E3%83%B3%E3%83%88%E3%83%97%E3%83%A9%E3%83%B3%E3%83%8B%E3%83%B3%E3%82%B0%E3%81%A7%E5%87%BA%E3%81%97%E3%81%9F%E5%B7%A5%E6%95%B0%E3%82%92%E8%A1%A8%E7%A4%BA)の２点です。**


# はじめに

Trelloを約2年ほど使い続けてきた自分が便利だと思ったプラグインを、プロジェクトメンバー向けにまとめた記事です。

TrelloはChromeの拡張機能を追加することで、機能や表示を変更し、より直感的に扱えるようになります。Trelloを趣味レベルのプロジェクトを管理する際に使っていたのですが、周りの友人から「どういった拡張機能を入れているのか」と聞かれることが多かったので、今回、デフォルトで入れておきたいプラグインについてまとめて記事にしました。

#1. 拡張機能で出来るようになること
* チェックリストをカードを開かずチェック出来る
* カードを一度に全体表示する
* カード番号を表示する
* カラーが何を示しているか表示する
* カラーの表示領域をカード全体にする
* リスト内のカード数をカウントする
* アクティビティーのログをシンプルに表示する
* 新しいタブに期限別に分けられたカードを表示する
* 拡張機能のボタンからボード一覧にアクセスする

#2. チェックリストをカードを開かずチェックする
<blockquote class="twitter-tweet" data-lang="en"><p lang="ja" dir="ltr">Trelloでカードを開かなくても、<br>Todoをチェックできるプラグインが結構イケてる。<a href="https://t.co/mWpt9N59pi">https://t.co/mWpt9N59pi</a></p>&mdash; ざき (@taku_matsuzaki) <a href="https://twitter.com/taku_matsuzaki/status/814388068434132992">December 29, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

この[**Next Step for Trello**](https://chrome.google.com/webstore/detail/next-step-for-trello/iajhmklhilkjgabejjemfbhmclgnmamf)なら
カードを開くことなく、チェックリストを確認/チェックすることが出来ます。
Trelloのページ内から設定することで、カード/リストにつき１タスクといった
細かな表示設定も可能です。

#3. カードを一度に全体表示
![Trello Birds-eyeの使用例](https://lh3.googleusercontent.com/fKgsahpZYSPotuwDJPM16fFOwC6Ym54LdTSbL_O6_V9B6XeIkizHJRtadpQSgIeJU8M1xFsxLQ=s1280-h800-e365-rw)
[**Trello Birds-eye**](https://chrome.google.com/webstore/detail/trello-birds-eye/jddlcajmgfdpfnekdppnapoldfhabkeg)を使用すると、カードを全体表示することが出来ます。
Trello内の右上に追加されるボタンから通常表示と全体表示を切り替えることが出来ます。

#4. カード番号を表示する
これに関しては好き嫌いがありますが、[**Card Numbers for Trello**](https://chrome.google.com/webstore/detail/card-numbers-for-trello/ddadhlcejiholmdiihbdcfoapdfkhicn)か
[**Trello Card Numbers**](https://chrome.google.com/webstore/detail/trello-card-numbers/kadpkdielickimifpinkknemjdipghaf?hl=ja)が人気です。

[**Card Numbers for Trello**](https://chrome.google.com/webstore/detail/card-numbers-for-trello/ddadhlcejiholmdiihbdcfoapdfkhicn)は
非常にシンプルにカードの番号を表示してくれるプラグインです。
![Card Numbers for Trello](https://lh3.googleusercontent.com/AXVU-nyNBOLRW0IFq_yTCgdc3ZpB4hjnRFIb4oEscnrxNglnjM1TJrW9RCfKpu6KbL_D0NTU2g=s1280-h800-e365-rw)


逆に[**Trello Card Numbers**](https://chrome.google.com/webstore/detail/trello-card-numbers/kadpkdielickimifpinkknemjdipghaf?hl=ja)は多少カスタマイズ出来る余地があります。
拡張機能のオプションから、ナンバーを太字に、また色を変更することが出来ます。
![Trello Card Numbers](https://lh3.googleusercontent.com/CyxZbN_lcKbtWdLiqlGVpy_MZlx7BMw_O12xQUkGGsCfXTGG1Uq3fA28rpYjSsWTsqKSjHog6QU=s1280-h800-e365-rw)

また、カード内にもナンバーが表示されます。
![Trello Card Numbers](https://lh3.googleusercontent.com/gV8QNsrkBMKKYGL_UTMWWAgGLgJCXBIci09Va7gkaHF_2BJeVl6gTN_TIQHwjxMtOx61FCyI=s1280-h800-e365-rw)

Chromeウェブストア内では、後者の**Trello Card Numbers**の方が
評価されていますが、改行が入らない表示のため
私は前者の**Card Numbers for Trello**を使用しており、
好き嫌いが分かれるところかと思われます。

#5. カードが何を示している色かを表示する
![Card Color Titles for Trello](https://lh6.googleusercontent.com/j-15hQb6wsalvUKMQmTYIsPu9M_D2KIkiRiAiPFCcd0QpiYNl3tAEHo4xVowRpPUI-GzC0ak=s1280-h800-e365-rw)

[**Card Color Titles for Trello**](https://chrome.google.com/webstore/detail/card-color-titles-for-tre/hpmobkglehhleflhaefmfajhbdnjmgim)は、カードにタグ付けされた文字を
カード上に表示するプラグインです。

#6. カラーの表示領域をカード全体にする
![Card Colors for Trello](https://lh4.googleusercontent.com/RM7hxDBqidcEYh7OO1ZTgNVEO-yJfhLI4tV9jekxdX52G1adA5cLVn_Co1qKDjl9issd-5Mw=s1280-h800-e365-rw)

[**Card Colors for Trello**](https://chrome.google.com/webstore/detail/card-colors-for-trello/nodlpencjjlohojddhflnahnfpfanbjm)はカラーの表示領域を広げ、カード全体に色を表示するプラグインです。

#7. リスト内のカード数をカウントする
![](https://lh6.googleusercontent.com/Y3Q990p35sFQcznfqD2ieGMXr2sCcLBCzTLJlKblcc8NmKuRft1BsjiDklmCjXDYWhCoi35c=s1280-h800-e365-rw)

[**CardCounter for Trello**](https://chrome.google.com/webstore/detail/cardcounter-for-trello/miejdnaildjcmahbhmfngfdoficmkdhi)はリスト内のカードの数をカウントします。
プロジェクト内でリストにつき10個のカードまで、といったルールを作った場合
表示されているカウンターをクリックすることで3/10といった表示に変更できます。

#8. アクティビティーのログをシンプルに表示する
[**Trello — Hide activity entries**](https://chrome.google.com/webstore/detail/trello-%E2%80%94-hide-activity-en/hcgmjpjodnakphfpegldpbcajlmpfipa)は、
誰が何を作ったか、誰が更新したかといったアクティビティーログを隠します。
Slackで更新履歴を管理している場合、コメント以外のログは邪魔なため
この拡張機能で一時的に隠すことが出来ます。

#9. 新しいタブに期限別でカードを表示する
![](https://smhutch.github.io/next-up-trello/images/preview.gif)

[**Next Up Trello**](https://chrome.google.com/webstore/detail/next-up-trello/bhepblncckaidbjfojpbadhpmgfkcmae)は、新規タブに期限別に分けられたカードを
まとめて表示するプラグインです。シンプルなデザインで使いやすく、
私はプロジェクト中のみ切り替えて使用しています。
プラグインには珍しく、公式サイトがありました。
https://smhutch.github.io/next-up-trello/

#10. 拡張機能のボタンからボードにアクセスする
![](https://paulferrett.com/boards-for-trello/images/chrome_1024x768_hero.png)

[**Boards for Trello**](https://paulferrett.com/boards-for-trello/)は、Chromeの拡張機能ボタンからTrelloのボード一覧を表示し、
アクセスすることが出来るプラグインです。
こちらも公式サイトがありました。
https://paulferrett.com/boards-for-trello/

#11. リストを折り返して表示する
![](https://lh3.googleusercontent.com/wMCuADz60IZrJfZqqOkatGZfSOFJNgrPt7VH4JWOtz2XYnfVyW6uRxFgfUtrP3kvv6SiLzze=s1280-h800-e365-rw)

[**List Layouts for Trello**](https://chrome.google.com/webstore/detail/list-layouts-for-trello/aldklnbenbdgfgfbflalmlddkkndgnlc)は、リストを折り返し表示に変更してくれるプラグインです。特にリストを多く作る人や縦型ディスプレイを使用して作業する人にとって有用なプラグインとなっています。

#12. スプリントプランニングで出した工数を表示
**2018/05/15：追記しました！ 今更ではありますが、個人的に大好きなプラグインです！**

![](https://lh3.googleusercontent.com/R7azde0tlXiVRTjT2yc9z77tpPa3tProPzjvn1hxFDRoU5PQ3bAlNN6sa2A-zYw7P4c794MaAw=w640-h400-e365)

[**Scrum for Trello**](https://chrome.google.com/webstore/detail/scrum-for-trello/jdbcdblgjdpmfninkoogcfpnkjmndgje)は、チームでスプリントプランニングしたあとに、算出した工数をタイトル欄に入力することが出来るプラグインです。ただ入力し、表示するだけでなく、そのリストの工数を自動計算し、リスト右上に表示してくれます。

![](https://lh3.googleusercontent.com/U9TS8KIksA5LyG0u2AGSmB6HNBQuRS1Xx2Zsf5j74AW2FHCT4WKhnXG372FGqi0O7NE7qrgIew=w640-h400-e365)



#13. 最後に
以前、個人的なブログで雑に紹介したところ「Trello プラグイン」でトップページに表示されるほどアクセスを頂き、また２年前のプラグインを紹介しただけだったので年末のこの時期にまとめて更新してみましたが、意外と面白いプラグインが増えていて驚きでした。また良い拡張機能が出れば随時更新できたらなと。

Trelloはデフォルトでも素晴らしいツールですが、これらのツールを使うことで、より円滑なプロジェクト管理が出来るかと思います。今回まとめたプラグインは全て入れて損が無いものですので、是非、皆さんも追加してみてください。