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
こちら使わせていただきます!
まさに探し求めていた機能そのもので感激です、ほんとうにありがとうございます
ぜひ使ってやってください!
問題があれば対応しますので気軽に連絡してください〜
すみません、さっそくで申し訳ないのですが1点お伺いしてもよいでしょうか
無事にインストール・設定を終え、動作確認まで済んだのですが、かなりの頻度でchromeのキャッシュをクリアしないと動作しなくなってしまいます。なにか対策等ありますでしょうか。
Chromeのバージョンは「94.0.4606.81」です。
施行環境についてほかに必要な情報ありましたらお申しつけください。
連絡ありがとうございます。
確認しますのでお待ち下さい。
こちら不具合を確認しましたので修正を行いました。
【原因】
・ブラウザの画面表示完了より早くtoggloが画面の情報を取得してしまい、欲しい情報が得られていなかった。
新しいバージョンの審査をgoogleに申請しましたので少々お待ち下さい。(おそらく2日ほどで承認されます)
バージョンは1.0.1から1.0.2に上がります。
早速のご対応ありがとうございます!
こんなに早く対応いただけるとは夢にも思わず、感激の嵐です
同僚と手を取り合って喜んでおります
審査の承認を心待ちにしております。引き続きよろしくお願いいたします。
バージョン1.0.2を使用させていただき、キャッシュをクリアしなくてもとてもスムーズに動作するようになりました!重ね重ねありがとうございます。
今後trelloを課・全社へと使用範囲を拡大させようという試みをしているので、もしそうなれば、ひょっとしたら100人単位でtoggloのお世話になるかもしれません。
その際はまた使用感等ご連絡させていただきますね。素晴らしい機能をありがとうございました。
よかったです!
また何かありましたらお気軽に連絡してください。
いととい様
こんにちは、引き続きこちらの機能使わせていただいております。
使用させていただいている過程で、以下の事象が発生したのでご報告します。
・新規作成したカードについて、画面を再読み込みする前に「進行中」に移動すると、タスク名が「no description」のまま工数集計がスタートする
・既存のカードについても、タイトルを変更したうえで画面を再読み込みする前に「進行中」に移動すると、変更前のタイトルで工数集計がスタートする
上記のことから、画面描画時にカード情報を取得して、その後は再描画までカード情報が更新されない仕様になっているものと思います。
こちら、画面の再読み込みをしなくともカード情報を同期させることはできないでしょうか?
追記です、以下の仕様については動作しており、とても便利に使わせていただいております。
・自分がメンバーでないカードが『進行中』にあり、その状態で後から自分をメンバーに指定するとその時点から工数集計がスタートする
・Trelloでいうところのラベルが、Togglでいうところのタグとして互換される
特に後者の仕様は集計上とても嬉しいです!ありがとうございます。
連絡ありがとうございます。確認しますので少しお待ちください。
こちらPiroさんの仰る通り、画面読み込み後にタイトルを変更しても反映されていないことが確認できたので修正し、1.0.3をリリースしました。
2日ほどで申請通りリリースされると思います。
以下の機能について修正・機能追加してます。
・新規作成したカードについて、カード作成後すぐに「進行中」に移動してもタスク名がtogglに反映されるように修正。
・既存のカードにて、タイトルを変更した後「進行中」に移動すると、変更後のタスク名でtogglに反映されるように修正。
・既存のカードにて、ラベルを変更した後「進行中」に移動すると、変更後のラベルがtogglに反映されるように機能を追加。
・「進行中」のカード上でタスク名の変更を行った場合、togglに変更後のタスク名でtogglを再計測するような機能を追加。
・「進行中」のカード上でラベルの変更を行った場合、togglに変更後のラベルでtogglを再計測するような機能を追加。(β版:(2回restartされるが機能的には問題ないためβリリース))
いととい様
早速のご対応ありがとうございます!毎回とても迅速にご対応いただき感動です、仕事でお願いしているわけでもないのにここまでしていただいて、何だか申し訳なくなるくらいです
すでにバージョン1.0.3になっていたので動作確認したところ、
・新規作成したカードについて、カード作成後すぐに「進行中」に移動してもタスク名がtogglに反映されるように修正。
・既存のカードにて、タイトルを変更した後「進行中」に移動すると、変更後のタスク名でtogglに反映されるように修正。
・既存のカードにて、ラベルを変更した後「進行中」に移動すると、変更後のラベルがtogglに反映されるように機能を追加
については無事確認がとれました。
・「進行中」のカード上でタスク名の変更を行った場合、togglに変更後のタスク名でtogglを再計測するような機能を追加。
・「進行中」のカード上でラベルの変更を行った場合、togglに変更後のラベルでtogglを再計測するような機能を追加。(β版:(2回restartされるが機能的には問題ないためβリリース))
については反映される場合とされない場合がありました。
条件がまだ定かではないので、引き続き使用させていただく過程で何かわかりましたらご連絡します。
上記仕様については実現されると嬉しいですが、たとえ無くとも現時点で十二分にメリットを感じられています。ありがとうございます。
実際に利用された方の声はとても貴重で、ユーザ目線から自分が気づかないところなどについて指摘などをもらえるのでありがたいと思っています!
ラベルの変更に関する機能などはまさきPiroさんの意見をもらった上で必要かなと感じて実装した機能でしたので・・・。
上手く反映されていない箇所についても引き続き確認していこうと思います。
ありがとうございます。
こちら若干の修正を加えた1.0.4のバージョンをリリースしました。
手元の環境では何度か試して
・「進行中」のカード上でタスク名の変更を行った場合、togglに変更後のタスク名でtogglを再計測するような機能を追加。
・「進行中」のカード上でラベルの変更を行った場合、togglに変更後のラベルでtogglを再計測するような機能を追加。(β版:(2回restartされるが機能的には問題ないためβリリース))
こちらについても動作の確認ができました。
こちらでまだ上手くいかなさそうであればまた言っていただけるとありがたいです。
よろしくお願いします。
いととい様
ご連絡ありがとうございます、1.0.4になっていたので早速試してみました。
結果、
・「進行中」のカード上でラベルの変更を行った場合、togglに変更後のラベルでtogglを再計測するような機能を追加。(β版:(2回restartされるが機能的には問題ないためβリリース))
については動作の確認がとれました(ありがとうございます!)が、
・「進行中」のカード上でタスク名の変更を行った場合、togglに変更後のタスク名でtogglを再計測するような機能を追加。
については確認がとれませんでした…
試行時の動きとしては、以下を行いました。
①カードを進行中に移す
②カードを開き、タイトル部分にフォーカスを合わせ編集後、Enter
③カード右上×ボタンでカードを閉じる
④trelloボード上でカードのタイトルが更新されていることを確認
⑤この時点で、togglの再計測は走らず
※①~④の間、画面再読み込みは行いませんでした。また、画面の再読み込みをしたとしても再計測は走りませんでした
※カード右クリックによるタイトル変更でも同様に、再計測はされませんでした
ご参考になれば幸いです。
Piroさん
指摘ありがとうございます。
・「進行中」のカード上でタスク名の変更を行った場合、togglに変更後のタスク名でtogglを再計測するような機能を追加。
こちら開発しているPCとは別のPCで試してみましたが、自分の環境だとPiroさんに教えていただいた手順で再計測が行われました。
(②の時点で計測がRestartされるようになっている・・・はず)
キャッシュクリア、または拡張機能のアンインストール→インストールをしていただくとどうなるでしょうか?
いととい様
おはようございます。
>キャッシュクリア、または拡張機能のアンインストール→インストールをしていただくとどうなるでしょうか?
こちらについて両方試してみたのですが、やはりタイトルは変わらずです…
進行中のカードについてタイトルを変える機会は運用上あまりないと思いますので、実質的にはそこまで困らないですが念のためのご報告です。
また、1.0.5のアップデートでプロジェクトコードがつけられるようになったとのこと、とても素敵です!
リリースノートも含め、とても便利です。
タグが付く時点でとてもよかったですが、やはりプロジェクトコードがつくことでToggl上で自動で色がつくのはテンションが上がりますね。
ありがとうございます。引き続きよろしくお願いいたします。
なるほど・・・引き続き確認します!
追加機能についても使っていただきありがとうございます!
いととい様
これはあくまでエキストラのお願いなのですが、プロジェクトを自動で連携するにあたり、
・Trelloのボード名称⇔Togglのプロジェクト
で互換される現行の仕様に加え、
・Trelloのカード上ラベル名称⇔Togglのプロジェクト
にも設定次第で互換できる(どちらか選べる)ようにできないでしょうか…?
業務の運用上、プロジェクトをボードで管理するかラベルで管理するか、どちらも可能性がある(利用者によって使い分ける可能性もある)ので、選べるようになるととても嬉しいです…!
ラベルは1つのカードに対して複数つけられるので、n:1の互換になってしまうのが難しいところだと思うのですが、例えば「必ず1つ目のラベルをプロジェクト互換する」とかですと可能でしょうか。
おそらくですが、複数ラベルがついているときのラベル順はカラーで決まっているように見えるので、「カラーあり(≒1つ目)のラベルでプロジェクトを管理、カラーなし(≒2つ目以降)のラベルでタグを管理」という運用にしたいイメージです。
Piroさん
機能の提案ありがとうございます。
Trelloでのカードのタグの概念とtogglのプロジェクトの概念が一致してないのが難しいところですね・・・
>ラベルは1つのカードに対して複数つけられるので、n:1の互換になってしまうのが難しいところ
まさにここですね。
Piroさんの提案していただいた機能についてはちょっと考えてみます。
いととい様
リリースノート拝見しました!タグ⇔プロジェクト互換ありがとうございます!
実機でも無事動作確認できました。切り替えのオプションもつけていただけて素晴らしいです、これぞまさに求めていたもの(あるいは、それ以上)です!!
とても感動しております。本当はなにかしらの形でお礼できたらよいのですが。。。
ちょっと考えておきます。取り急ぎ、お礼とご報告まで。
Piroさん
確認ありがとうございます。よかったです!
>とても感動しております。本当はなにかしらの形でお礼できたらよいのですが。。。
>ちょっと考えておきます。取り急ぎ、お礼とご報告まで。
toggloを使っていただいて業務の効率が良くなるようであればそれだけで嬉しいです。
もしよろしければChrome拡張機能のレビューの方に評価お願いします!笑
拡張機能のレビューは盲点でした!早速記入させていただきました。
業務の効率、間違いなく爆上がりしております。
TrelloもTogglもとても良い製品ですがやはり開発元が違うということで完全なコラボは難しいかと頭を悩ませていたところ、いととい様のToggloはまさにベストアンサーでした。
重ね重ねありがとうございます。
いととい様
お世話になっております、Toggloの仕様について一点確認させてください。
工数集計をスタートする際、
①オプションで「Working Section Name」として設定したリストにカードを移すこと
②自分がそのカードのメンバーに指定されていること
が条件になっているかと思います。
そのうえで、③そのカードのメンバー本人のTrelloアカウントでカードを移すこと というのも条件になっているでしょうか。
すみません、上記の説明だとわかりづらいと思うので具体例を出しますと、
「AさんとBさん、2名がメンバーに指定されているカードについて、AさんのTrelloアカウントでカードを『進行中』に移した場合、AさんのTogglでのみ該当カードの工数集計がスタートする」
という仕様の理解で正しいでしょうか。
(※Aさん、Bさんは二人ともTogglo「Working Section Name」に全く同じリストを指定しているものとします)
どうやら、私が「進行中」に移したカードについて、同カードのメンバーになっていた別メンバーの工数集計がスタートしてしまっていたようなのでご確認させてください。
Piroさん
③については条件になっていないです。
①と②の条件を満たした場合にtogglの計測が開始します。
>「AさんとBさん、2名がメンバーに指定されているカードについて、AさんのTrelloアカウントでカードを『進行中』に移した場合、AさんのTogglでのみ該当カードの工数集計がスタートする」
このケースだと、AさんとBさんが同じカードに担当者として紐付けられているのであれば、AさんとBさん両方のTogglで計測が開始します。
(二人の共同タスクがDOINGになったため と捉えてます。)
もっと具体的に動きを解説すると
前提:AさんとBさんが参加しているカードがTODOにある状態
①AさんがカードをDOINGに移動する
②Aさんのブラウザ上のTrelloのカードの移動をAさんのtoggloが検知し、Aさんのtogglの計測を開始する。
③BさんのTrelloがAさん側のTrelloの操作に合わせて同期され、Bさんのブラウザ上もカードがDOINGになる
③’ BさんのtoggloはTrelloでのBさんが参加していたカードの移動を検知し、Bさんのtogglの計測を開始する
となります
早速のご返信ありがとうございます!
そうなると、自分のTrelloアカウント以外の動きを検知しないようにしたい場合は、Trelloのカードは原則担当者を複数人にしない、などの運用上の回避が必要ということですね。
承知しました、いままで上記仕様を認識していなかったのですが、そのように周知して使用したいと思います。
すみません、返信ではなく新たなスレッド立ててしまいましたが↑に対するお返事です。
自分のみのタスクとしてカードを管理したい場合は参加者は自分だけの状態になる想定なので、Piroさんの認識であっています。
(AさんBさんの共同カードだったとしても、BさんがTrelloを開いていなければBさんのtoggloも動かないためtogglの計測はしないです。念の為・・・)
もし上の仕様で運用上使いづらいとかあればまた仰っていただけるとありがたいです。
おそらく現行の仕様で問題ないと思います、
どちらにしても、ボールの在処をはっきりさせるという意味で1カード1メンバーが望ましいと思いますし。
運用を続けて関係者が増えるに従ってまた意見が出てきた場合はシェアさせていただければと思います。ありがとうございます!
いととい様
おひさしぶりです。引き続きtogglo使わせていただいております。
実は、昨日まで普通に動作していたtoggloが今朝動かなくなってしまいました。ブラウザのキャッシュクリア後も動かないのですが、他に試すべきことはあるでしょうか。
・ブラウザのキャッシュクリア(24h前まで)
・ブラウザのキャッシュクリア(今までのものすべて)
・togglo extensionのアンインストール&再インストール
・別端末のChromeで試行(アカウントやオプション設定は同一) ←こちらも動作しませんでした
※カードの担当者が自分になっていること、toggloオプション設定全般(特に、「進行中」リストが指定されていること)、extensionが有効になっていること、などを確認の上行いました。
※「進行中」リスト上でメンバーに自分を指定しても動作しませんでした。
すみません、書き漏れですが↑の箇条書きの内容は「いままで既に試したこと」です。
五月雨式にすみません、
今、別アカウントの同僚に試してもらったのですが、そちらもやはり動かないそうです。(1時間前までのキャッシュクリアのみ試行済み)
私の場合と同様、昨日までは普通に動作しており、昨日から今日までの間に特に設定変更等していないとのことです。
いととい様
現在もtoggloが動作しない状況が続いています。
開発者ツールで見てみたのですが、ボード描画(window.onload)時に
・getBordInfo
・myTogglInfo
・getTogglProjects
まではいくのですが、
・isUseMapping
に到達する前に処理が終わっている(ブレークポイントを置いても止まらない)ように見えます。
getTogglProjectsまでについては、boradIdやtogglInfo等の変数にきちんと値は入っているように見えるので、なぜそこで止まってしまうのかが不明です…
すみません、jsは不慣れなもので頓珍漢な考察をしているかもしれませんが、なにかの参考になれば幸いです。
こちらから提供が必要な情報が他にあればいつでも対応しますのでご連絡ください。
Piroさん
すみません、コメントの通知に気づいておりませんでした。
確認いたしますのでお待ち下さい。
どうやらtoggl側の仕様の変更があったみたいでした。
(7日前なのでちょうどPiroさんが仰られていた症状が出だしたタイミングと合ってるかもしれないです)
https://support.toggl.com/en/articles/5708431-why-did-my-integration-stop-working
こちら対応して新しいバージョンをアップロードいたします。
お手数おかけしてすみません!
さっそくありがとうございます!
toggl側の問題だったんですね。Trelloのアップデートはウォッチしていたのですが、盲点でした…
こちらこそ大変お手数おかけします、新バージョンお待ちしております。
先程新バージョンがリリースされたので、問題は解消されてると思います!
バージョン1.0.7にアップデート後、無事動くようになりました!
ありがとうございます、引き続きtoggloにはお世話になります。