【chrome extension】「togglo」リリースしました。

trelloとtogglの連携用chrome拡張機能「togglo」をリリースしました。

Trelloのカードを特定のレーンに移動させた時にtogglで計測が開始され、特定のレーンからさらに移動させるとtogglの計測が終了するというシンプルな拡張機能です。

togglo – toggl tracking for trello

toggloとは

タスク管理ツールである「trello」と、作業時間の計測ツールである「toggl」を連携することができるchrome拡張機能です。

時間管理が苦手な人にもおすすめ!「Toggl」の使い方まとめ。チームの状況把握にも活用!

無料&日本語化!「Trello」でタスク管理がラクになる!使い方・始め方を解説します

trelloのカードを操作すると、togglの計測操作が連動します。

使い方

例えば以下のようなボードがあったとします。

「TODO」レーンにある「Preparation for dinner」を「DOING」に移動します。

すると、togglの計測が開始されます。

今度は「DOING」レーンにある「Preparation for dinner」を「DONE」に移動します。

すると、togglの計測が終了します。

なお、自分が参加しているカードに対して有効です。
なので、同じボードを見ている他の人が自分の担当以外のカードを動かしたとしても計測は開始されません。
逆に、動かされたカードに自分が参加していた場合は計測が開始されます。
(自分の開いているtrelloが同期されたタイミング)

また既に「DOING」のレーンに存在するカードに対して、あとから自分が参加した場合にもtogglの計測は開始されます。

初期設定

拡張機能のアイコンを右クリックしてオプションページへ行きます。

監視レーンの設定

以下の3つの設定があります。
trelloのレーンの名前を入力します。

Waiting Section Name

trelloのレーンの中で、「作業リスト」を表すレーン名を入力します。
「TODO」に該当します。

Working Section Name

trelloのレーンの中で、「作業中」を表すレーン名を入力します。
「DOING」に該当します。

Completed Section Name

trelloのレーンの中で、「作業完了」を表すレーン名を入力します。
「DONE」に該当します。

trello API&token設定

trelloからカードの詳細情報などを取得するために、toggloではtrelloAPIを利用しています。

そのためのAPI Keyとtokenを設定します。

trello API

下記のURLにアクセスするとAPI Keyを取得できます。
https://trello.com/app-key

token

取得したAPIキーを使って、下記のURLにアクセスします。

https://trello.com/1/authorize?key=[your API Key]&name=&expiration=never&response_type=token&scope=read,write

[your API Key]というところにAPIキーを入力してください。

アクセス先で許可を行うとtokenが発行できます。

toggl token設定

togglのタイマーを制御するために、toggloではtogglAPIを利用しています。

そのためのtokenを設定します。

togglのプロフィールからtokenを取得できます。
https://toggl.com/app/profile

他の拡張機能との違い

他にtogglとtrelloを連携させることができる拡張機能として、toggl公式がリリースしている「Toggl Button: Productivity & Time Tracker」があります。

公式のプラグインはTrelloのカード上にTogglのボタンが付与され、それをクリックすることによって時間の計測開始、終了をコントロールすることができます。

説明されている参考記事
時間を意識するタスク管理:Trelloとtogglの連携方法と、作業効率化に繋がるメリット

ただ上の記事にも書いてあるように、デメリットとして

  • ボタンを押し忘れる
  • 計測の度にカードを開いてボタンを押しに行くのが面倒

といったようなことがありました。

カードを「作業中」レーンに移動したら自動的にTogglのタイマーを開始してほしい・・・。
toggloはその面倒からの開放のために開発しました。

上手く動作しない時

キャッシュが効いて拡張機能がロードできていない可能性があります。
一度キャッシュをクリアして再表示してみてください。

実装済みの機能

  • 個人設定を適用するオプションページ
  • レーン移動でのtoggl計測制御
  • 自分が参加しているカードにのみ有効とする制御
  • 計測開始・終了時のポップアップ通知
  • trelloのタグ名をtogglのタグ名に設定

追加したい機能

  • ポップアップ画面にカードの経過時間を表示させたい
  • trelloのボード名をtogglのプロジェクト名にしたい
  • trelloのボードが移動した時に移動後のボードでもそのままtoggloを有効にしたい
  • toggl計測中のカードに計測中マークがほしい
  • オプションのundifinedを消したい
  • オプションでレーン対象を制御することから、trello上にアイコンをつけ、それをドラッグすることで制御対象を変えられるようにしたい。

拡張機能の開発、リリースについての記事もちょっと書けたらなと思ってます。

プライバシーポリシー

Privacy policy for Chrome extensions developed by itouoti

コード

公開してます

https://github.com/itouoti12/togglo

リリースノート

chrome extensionカテゴリの最新記事