ローディング中

Trelloでガントチャートを使えるようにしてみた。

※2016/10/29 追記

スケジュール管理やTODO管理。
普段あなたはどのように管理していますか?
私も以前はTodoistを使ってみたりしたのですが、いかんせん飽きてしまう。
でもやっぱりTODOは必要だしなぁ。。と。

案件が増えてきたり仕事が増えれば増えるほど、TODOリストが欲しくなります。
そこで出会ったのがTrelloでした。

「会社全体で進行状況や納期が把握しにくい」

という声が上がってきた為、Trelloでガントチャートを使えるように設定してみました。
ついでに、ガントチャートだけじゃなくて色々Trelloについて調べたのでシェアしたいと思います。
※工数管理などをしたい場合はTogglとの連携も検討してみてはいかがでしょうか。

▶Togglを使って時間を意識した仕事をしようぜ!

目次

Trelloとは

スクリーンショット 2016 10 10 午後7 19 26

カードをドラッグアンドドロップしてリスト間を移動させることで進捗を表現できます。 メンバーをボードに追加して、カードにドラッグアンドドロップすることでそのカードに割り当てられます。 リストを追加したり、順番を並べ替えたりすることもできます。 Trello は、あなたのプロジェクトに、チームに、業務フローに柔軟に適応できます。

引用元:Trello

まずTrelloって何?ってところから説明いたします。
視覚的に確認が取りやすいプロジェクト管理ツールといったところでしょうか。
カードとボードという概念に分かれており、
カードをたくさん置いていったり、ボードを移動させていったりして使います。

Home hero fr

どんどんとたくさんカードを置いていくだけで、タスクが分かるようになっています。

Home card detail fr

シンプルなように見えて高機能なのがTrelloの特徴です。
カードを開くと、たくさんの情報を記すことができます。

  • メンバーのアサイン
  • チェックリスト
  • ファイルの添付
  • 期限の設定
  • GoogleDrive/Dropbox/Evernoteとの連携
  • コメント

などなど、必要な機能は全て揃っています。

ガントチャートって何?

Primate 460871 960 720

では今回のガントチャートに関してですが、

「そもそもガントチャートってなに?」

って方の為に簡単に触れておきますと。

「管理表」「スケジュール表」と言われることも多いのですが、
大雑把に言うと、

「ぱっと見で全体像がつかめるグラフ表」
といったところでしょうか。
詳しくはこちらのサイトで解説されています。

▶ガントチャートって何ですか?
ガントチャートについて深く知りたい方は是非読んでみてください。

ガントチャートを導入してみよう。

Eleganttのインストール

Trelloは標準ではガントチャートを使用することはできません。
Chromeの拡張プラグインを導入することでガントチャートが表示されるようになります。
そのプラグインというのがこちらの。

スクリーンショット 2016 10 10 午後7 03 09
Elegantt

トップページから簡単にEleganttをインストールすることができます。
※Chrome拡張という特性上、当然ですがブラウザはGoogle Chromeである必要がありますので注意してくださいね。

ガントチャートを使ってみよう。

Eleganttをインストールすれば、もうガントチャートが使用できるようになります。
Trelloのボードに移動すると、こんな画面が表示されるでしょう。

スクリーンショット 2016 10 10 午後7 11 54

緑色の「Yes,please」をクリック。

スクリーンショット 2016 10 10 午後7 02 54

するともうガントチャートが生成されちゃいます!

すげえ!

って思わず叫んじゃいますよね。

スクリーンショット 2016 10 10 午後7 11 08

ちなみに右上の「歯車」をクリックすると期間を設定することも可能です。

スクリーンショット 2016 10 10 午後8 11 59

縦軸はご覧の通り「ラベル」で分別されています。
案件ごと、部署ごとでラベルを管理することでスケジュール管理が一層楽になるでしょう。

Trelloをもっと便利にするChrome拡張

ガントチャート以外にも導入しておくと便利になるプラグインが沢山あるためご紹介いたします!

ブラウザからTrelloをもっと使いやすくしよう!

スクリーンショット 2016 10 29 午後10 35 31

ブラウザからサクッとTrelloのボードを開けるようにするBoard for Trello
わざわざTrelloをブックマークなどから開く必要がありません。
プラグインを上記からDLすると。
ブラウザにアイコンが表示されるのでクリックすると

スクリーンショット 2016 10 29 午後10 29 38

上記画像のようにボードが一覧表示されます。
これでサクッとTrelloにアクセスすることができます。
日常的に活用するためにも是非導入しておきましょう!

ラベルをもっと見やすくしよう

名称未設定
通常Trelloではラベルを設定すると、このように色だけしか表示されませんが。
Card Color Titles for Trelloを導入すると。

スクリーンショット 2016 10 10 午後8 38 34

下記の画像のようにラベルに名前がつきます!

スクリーンショット 2016 10 10 午後8 35 32

これで、ラベルがより一層使いやすくなりますね。

工数設定しよう。

エンジニアであってもなくても、作業にかかる大まかな時間を把握しておきたい。
そんな工程計算に便利なのが、

Scrum for Trello
スクリーンショット 2016 10 10 午後8 41 32

カードのタイトルの頭に

(3)テスト」

というように、(数字)を記入すると。

スクリーンショット 2016 10 10 午後8 33 19

上記画像のように工数がカードに記入されます。
リスト単位での計算もされます。
案件ごとやセクションごとで必要な時間がパッと把握できると、

「いつまでに仕上がるか。」

というのが大枠イメージできる為、導入しておいて損はないプラグインです。

プロジェクト名のラベルを作ろう

Projects for Trelloを導入することで、ラベルを新たに追加することができます。

スクリーンショット 2016 10 10 午後8 55 58

使い方はとても簡単。

タイトルに「{ プロジェクト名 }」というように

{}で囲んであげるだけでラベルになります。

では実際にやってみましょう。

スクリーンショット 2016 10 10 午後8 55 03

{読書}とタイトルにつけてみます。すると

スクリーンショット 2016 10 10 午後8 55 30

このようにしっかりとラベルが表示されました。
もし表示されない場合はリロードするとうまく表示されるかと思います。
あくまでも、ラベルが表示されるだけですので、
ここから分別したりなどはできません。

最後に

Trelloがあればスケジュールやプロジェクトの管理がとても捗ります。
Chromeのプラグイン以外にも、沢山のプラグインが用意されている為。
今お使いのサービスなどと連携してTrelloをチームごとにカスタマイズしてみてはいかがでしょうか。

ホームページ・デザイン制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.