Backlogをショートカットキーで操作する方法

うちの会社ではプロジェクト管理ツールの「Backlog」を使用しています。
そのため、プロジェクトのやり取りの大部分をBacklog上で行うことになります。
よく使うものだからこそ、「もっと早く」「もっと便利に」使いこなしていきたいもの。
そこで今回はBacklogで使えるショートカットキーをまとめておきます。
ショートカットキーの設定
ショートカットキーを使用するには、ユーザ情報の変更画面で「ショートカットキーを使用する」にチェックをいれる必要があります。

共通のショートカットキー
まずはBacklog全体で使える共通のショートカットキーです。
主にページ移動のショートカットキーで、ほとんどが移動先ページの頭文字なので覚えやすいですね。
| キー | 内容 | 備考 |
|---|---|---|
| d | 「ダッシュボード」へ移動 | dashboardの頭文字 |
| h | 「ホーム」へ移動 | homeの頭文字 |
| a | 「課題の追加」へ移動 | addの頭文字 |
| s | 「ファイル」へ移動 | shareの頭文字 |
| t | 「Git」へ移動 | gitの最後の文字 |
| f | 「課題の検索」へ移動 | findの頭文字 |
| w | 「Wiki」へ移動 | wikiの頭文字 |
| v | 「Subversion」へ移動 | Subversionの間の「v」 |
| g | 「ガントチャート」へ移動 | ganttchartの頭文字 |
| / | 全体からキーワード検索へ移動 |
課題検索のショートカットキー
課題検索ページでのみ使えるショートカットキーで、課題一覧の中から目的とする課題を選択 → 開くまでをショートカットキーで行なえます。
| キー | 内容 | 備考 |
|---|---|---|
| b | 検索結果の前ページへ移動 | backの頭文字 |
| n | 検索結果の次ページへ移動 | nextの頭文字 |
| k | 一覧表示されている上の課題を選択 | |
| j | 一覧表示されている下の課題を選択 | |
| o | 現在選択されている課題の詳細へ移動する | openの頭文字 |
Chrome拡張機能のVimniumを使っていると、競合して反応してくれないので注意しましょう。
(Vimnium使っている人は、キーボードだけでページ内を自由に移動できるので、そもそもこのショートカットキーは不要かもしれません)
課題詳細のショートカットキー
最後は課題詳細ページのショートカットキーです。
| キー | 内容 | 備考 |
|---|---|---|
| c | コメント入力欄が開く | commentの頭文字 |
| b | 検索結果ページへ戻る | backの頭文字 |
| k | 前の課題へ移動 | |
| j | 次の課題へ移動 |
自分はこの中でもコメント入力欄を開くのをよく使っています。
「通知」を開く
Backlogで「通知」を開くとき、わざわざマウスを右上に持っていかないといけないのは地味に面倒です。
1日に何度か開く必要があるものなので、Keyboard Maestroを使って、ショートカットキーで「通知」を開くマクロを作ってみました。
まずは、Google Chromeの現在開いているサイトURLを変数内に入れるマクロです。

次に、先ほどの変数内に「backlog」の文字が入っていれば、JavaScriptで#globalNotificationsLinkをクリックするようにアクションを設定します。

これで、設定したショートカットキーを入力すれば通知が開きます。


Path Finderでタブセットを使うと、よく使うフォルダ一式を一気に開けるようになる!
ATOKで変換時に文章を指摘してくれる「校正支援」タブの設定項目
Markdownで画像を表示する時はGyazoを使うのが便利
Illustratorでスクリプトを実行するいくつかの方法
Alfred 4のDefault Results(デフォルト検索結果)で設定できることまとめ
チャットサービス統合アプリのStationがChrome拡張機能になって登場!キーボードだけでよくアクセスするサイトへ移動できる
Drive File StreamでGoogle Driveをローカル容量を圧迫せずにファイルを閲覧する
Google Chromeのブックマークバーを「新しいタブ」でも非表示にしたい
Macの圧縮・解凍アプリケーションまとめ
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
アクセス解析ツールの定番!!Googleアナリティクスの登録方法
Nuxt.jsでaxios-moduleを使ってAPIからデータを取得・表示する|Nuxt.jsの基本
iStat Menusの「メモリ」アイコン表示と設定
Visual Studio Codeで対応する括弧に色を付けて見やすくする環境設定
Finderで選択したフォルダをVisual Studio Codeで開くAlfred Workflowの作り方
Sketchのパス周りの基本操作|基本的な描画方法からベクターツールと直線ツールの違いまで
macOSのシステム環境設定「ユーザとグループ」の設定見直し
13インチのMacBook Proでのモダンブラウザごとのサイト表示領域のまとめ