togglのボタンをasanaで表示させる設定
![](https://14da.info/wp-content/uploads/2021/05/header_asana_toggl.png)
まずは、asanaとtogglでアカウントを登録していることを前提にする。
togglの拡張機能があるのはchromeとfirefoxの2つのブラウザだけ。今回はchromeで試す。
まず、chromeにtogglの機能拡張をインストール
![](https://14da.info/wp-content/uploads/2021/05/Toggl-Track_Chrome拡張機能.png)
![](https://14da.info/wp-content/uploads/2021/05/togglの設定ボタン.jpg)
chromeにtogglの機能拡張ボタンができる。
togglの機能拡張ボタンをクリックすると開くウィンドウの右上にある歯車ボタンがある。これをクリックすると、ブラウザでtogglの設定画面が開く。
![](https://14da.info/wp-content/uploads/2021/05/Toggl_Button_-_Settings-668x1024.png)
左のintegrationsメニューを開くと、integrationできるいろいろなサービスがアルファベット順にリスト化されているので、その中からAsanaを見つけてチェックを入れる。
設定はこれで完了。
asanaを開いて確認してみると・・・
![](https://14da.info/wp-content/uploads/2021/05/asanaにtogglボタン.png)
asanaのタスク名の右側にtogglボタンができている。
ボタンをクリックして動作を確認してみる。
togglボタンをクリックするとタスク作業を開始したことになる。togglが作業時間をカウントし始める。
![](https://14da.info/wp-content/uploads/2021/05/カウント中はピンク.png)
タイマーが動いているときはtogglボタンがピンク色になる。
asanaの画面上ではタイマーは見えない。
もう一回togglボタンをクリックすると止まる。
もう一度、クリックすると再度作業時間をカウントし始める。
タスクの横のボタンを押したときに開く、下のようなウィンドウのStop timerやDoneをクリックしてもタイマーはストップする。
![](https://14da.info/wp-content/uploads/2021/05/タイマー終了.png)
toggl側で計測状況を確認してみると、ちゃんと計測できていた。
![](https://14da.info/wp-content/uploads/2021/05/計測時間の確認.png)
以下は別になくてもいいと思うが、せっかくなので触れておく。
toggl側に、asana側のプロジェクト名やタスク名を反映させることができる。togglでプロジェクトを探すときにasanaで登録しているプロジェクト名が反映されていると便利なことがある。
![](https://14da.info/wp-content/uploads/2021/05/プロジェクト名の同期.png)
設定はtoggl側でする
![](https://14da.info/wp-content/uploads/2021/05/設定、インテグ-1024x799.png)
togglのSetting画面の情報メニューintegrationsを開き、asanaのEnableボタンをクリックする。
Users(同期させたいasanaのWorkspaceを選択し、User名を選択する)と、Projects(アカウント名を選択する)を設定すれば、完了。
ディスカッション
コメント一覧
まだ、コメントがありません