TrelloのPower-upsの紹介！簡単で便利なカレンダーを使う

みなさん　Trello（トレロ）のPower-upsというものはご存知でしょうか？
今回は、Power-upsについてご紹介します。

#Power-upsとは
TrelloのPower-Upとは、Atlassian社、およびサードパーティから提供されるアドオンのことです。このアドオンを追加することで、様々なサービスやアプリケーションと連携して機能を拡張することができます。
<img width="1258" alt="スクリーンショット 2019-12-11 9.17.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/08236d6a-f2a8-4ea6-fe01-598e5ba14094.png">

このPower-upsには、多くのアドオンが登録されており、Trelloに便利な機能を追加したり、外部サービスと連携したりすることができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/6875301b-8072-b1f6-5c6e-ef1642345d56.png)

#Power-ups（カレンダー）を使ってみよう
Power-upsのなかで簡単に使える代表的なアドオンの一つに「カレンダー」があります。
何を使ったらいいかな？と悩んだ方は、とりあえずカレンダーを入れてみてはいかがでしょうか。

##Power-upsを追加する
まずPower-upsを追加してみましょう。
ボードメニューから「Power-Upを追加..」をクリックしてください。
<img width="366" alt="スクリーンショット 2019-12-11 9.24.00.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/8db1cb0a-6a70-7f38-c212-b5b55a7ea5e3.png">

クリックするとPower-Upｓの一覧が表示されますので、検索フィールドに「カレンダー」と入力してください。
カレンダーが検索されたら、「追加」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/919c97a6-dd91-7352-c706-4c8adfb800d9.png)

「追加」をクリックすると「有効化」に部分に数値がカウントアップされます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/afea9912-8ba5-319e-28fd-628d6cfa3956.png)

##期限を見える化する Calendar Power-Up for Trelloとは

>**期限を見える化する Calendar Power-Up for Trelloとは**
>カンファレンスを計画する場合でも、投稿カレンダーを管理する場合でも、または家族の休暇プランをまとめる場合でも、Calendar Power-Up があれば週間または月間表示のカレンダーに期限付きのカードを表示することができます。
カレンダー上でカードをドラッグアンドドロップするだけで期限は自動的に更新。
iCalendar リンクで Trello カレンダーをサードパーティアプリにエクスポートすることもできます。

> - 週間または月間表示のカレンダーに期限付きのカードを表示、絞り込み。
> - カレンダー上でカードをドラッグアンドドロップして期限を管理。
> - 期限を完了にすることで完了済みのタスクを簡単に確認。
> - 各ボードに固有の iCalendar リンクでボードのカレンダーをサードパーティカレンダーにエクスポート。
> - Calendar Power-Up はウェブとモバイルデバイス (iOS と Android) に対応。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/cf99880e-5bcf-875e-9b60-71cdaf630752.png)

##Calendar Power-Up for Trelloを使ってみよう
それでは、「Calendar Power-Up for Trello」を使ってみましょう。

**１）カードに期限を設定します。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/ee1ee94e-09fb-f2ea-2b7a-1dceead1f301.png)

**2)カレンダーを表示します**
Calendar Power-Up for Trelloを追加すると、上部のメニューに「カレンダー」が表示されるようになりますので、「カレンダー」をクリックしてください。
<img width="394" alt="スクリーンショット 2019-12-11 9.47.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/b8098727-fede-a5b5-9089-c8292270257a.png">

クリックするとカレンダーが表示されます。
表示には月・週の２種類の表示が可能です。
<img width="1263" alt="スクリーンショット 2019-12-11 9.53.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/f4307a5b-d0e9-a738-f677-da7fa2fb5e64.png">
**（月表示）**

<img width="1172" alt="スクリーンショット 2019-12-11 9.54.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/ed926dad-7803-c771-08c4-9fdcbedb52d6.png">
**(週表示）**

**3)期限を移動して変更する**
カレンダー表示でカードを移動すると、期限も自動的に変更されます。
このように全体のカード量をみて過負荷がないように期限を調整するのに役立ちますね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/45c05a2c-3a8e-9662-2729-37e66d17bdc5.png)

**4)外部のカレンダーへ同期する**
カレンダーの表示を行うと右上に歯車のアイコンが表示されます。
歯車アイコンをクリックすると、外部のカレンダーと同期するためのiCalendarフィードのurlを得ることができます。
<img width="321" alt="スクリーンショット 2019-12-11 10.02.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/be4c2d28-92de-e213-4f6c-3d0499a4f323.png">
このiCalendarフィードによって、外部のカレンダーと同期することができます。
たとえば、Googleカレンダーで表示する場合は、Googleカレンダーの右上にある「歯車アイコン」をクリックして「設定メニュー」を表示させます。
<img width="187" alt="スクリーンショット 2019-12-11 10.08.47.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/9dfeec7e-d7ee-ff03-92cb-d4bdf4afc447.png">
設定メニューからカレンダーの追加を行います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/541033/5a4c24da-eefa-d308-bff7-800be8aa9ff3.png)
カレンダーを追加すると、Googleカレンダーの右側のメニューにTrelloのボード名が表示されます。
そのカレンダーが、Trelloのカードの期限をお知らせするカレンダーとなります。
Googleカレンダーからは予定は変更できません。
あくまで期限の変更はTrello側で行なってください。

#おわりに
以上で、TrelloのPower-upsの簡単な紹介と使い方をご紹介しました。
無料版では、１ボードに対して１つしかPower-Upは使えませんが、無料版ですので贅沢はいえません。
他にも、便利なPower-Upsがいっぱいありますので試してみてください。