{
    "componentChunkName": "component---src-templates-blog-post-jsx",
    "path": "/post/keyboard-shortcut-of-github/",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG","author":"Leko - CTO at Yuimedi"}},"markdownRemark":{"id":"bfee8e6a-505c-52d4-af0f-c71bce195016","excerpt":"こんにちは。 GithubのWebサービス上でリポジトリやコードを見ている時に、 キーボードでポチポチ移動するの面倒だなー。 キーボードショートカットって無いのかなー。 と思っていたら想像していた以上に豊富なショートカットがありました。 ということで、今回はGithub…","html":"<p>こんにちは。<br>\nGithubのWebサービス上でリポジトリやコードを見ている時に、</p>\n<p>キーボードでポチポチ移動するの面倒だなー。<br>\n<strong>キーボードショートカットって無いのかなー。</strong></p>\n<p>と思っていたら想像していた以上に豊富なショートカットがありました。<br>\nということで、今回はGithubで使えるキーボードショートカットをまとめました。</p>\n<p>個人的に使わないと思った機能については省略してあります。<br>\nあらかじめご了承下さい。</p>\n<!--more-->\n<h2 id=\"共通操作\" style=\"position:relative;\"><a href=\"#%E5%85%B1%E9%80%9A%E6%93%8D%E4%BD%9C\" aria-label=\"共通操作 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>共通操作</h2>\n<table>\n<thead>\n<tr>\n<th>項目</th>\n<th>ショートカット</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>全リポジトリから検索のバーにフォーカス</td>\n<td><code>s</code></td>\n</tr>\n<tr>\n<td>現在のリポジトリから検索のバーにフォーカス</td>\n<td><code>/</code></td>\n</tr>\n<tr>\n<td>ショートカット一覧ウィンドウを出す</td>\n<td><code>?</code></td>\n</tr>\n<tr>\n<td>次の要素を選択</td>\n<td><code>j</code></td>\n</tr>\n<tr>\n<td>前の要素を選択</td>\n<td><code>k</code></td>\n</tr>\n<tr>\n<td>選択されている要素を開く</td>\n<td><code>o</code> or <code>Enter</code></td>\n</tr>\n<tr>\n<td>フォーカスを外す<br>モーダルウィンドウを閉じる</td>\n<td><code>esc</code></td>\n</tr>\n<tr>\n<td>notificationページに遷移</td>\n<td><code>g</code>→<code>n</code></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"コメントissue作成フォーム\" style=\"position:relative;\"><a href=\"#%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88issue%E4%BD%9C%E6%88%90%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0\" aria-label=\"コメントissue作成フォーム permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>コメント/issue作成フォーム</h2>\n<table>\n<thead>\n<tr>\n<th>項目</th>\n<th>ショートカット</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>コメントのプレビュー/編集モードの切り替え</td>\n<td><code>⌘</code>+<code>Shift</code>+<code>p</code></td>\n</tr>\n<tr>\n<td>コメントやissueの送信ボタン</td>\n<td><code>⌘</code>+<code>Enter</code></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"リポジトリ画面の共通操作\" style=\"position:relative;\"><a href=\"#%E3%83%AA%E3%83%9D%E3%82%B8%E3%83%88%E3%83%AA%E7%94%BB%E9%9D%A2%E3%81%AE%E5%85%B1%E9%80%9A%E6%93%8D%E4%BD%9C\" aria-label=\"リポジトリ画面の共通操作 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>リポジトリ画面の共通操作</h2>\n<table>\n<thead>\n<tr>\n<th>項目</th>\n<th>ショートカット</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>コードビュー画面へ遷移</td>\n<td><code>g</code>→<code>c</code></td>\n</tr>\n<tr>\n<td>issue一覧へ遷移</td>\n<td><code>g</code>→<code>i</code></td>\n</tr>\n<tr>\n<td>Pull Request一覧へ遷移</td>\n<td><code>g</code>→<code>p</code></td>\n</tr>\n<tr>\n<td>ブランチ/タグを切り替え</td>\n<td><code>w</code></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"コードビュー画面\" style=\"position:relative;\"><a href=\"#%E3%82%B3%E3%83%BC%E3%83%89%E3%83%93%E3%83%A5%E3%83%BC%E7%94%BB%E9%9D%A2\" aria-label=\"コードビュー画面 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>コードビュー画面</h2>\n<table>\n<thead>\n<tr>\n<th>項目</th>\n<th>ショートカット</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>ファイルファインダを起動</td>\n<td><code>t</code></td>\n</tr>\n<tr>\n<td>指定した行へジャンプ</td>\n<td><code>l</code></td>\n</tr>\n<tr>\n<td>Github上でついたコメントの表示/非表示</td>\n<td><code>i</code></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"issue画面\" style=\"position:relative;\"><a href=\"#issue%E7%94%BB%E9%9D%A2\" aria-label=\"issue画面 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>issue画面</h2>\n<table>\n<thead>\n<tr>\n<th>項目</th>\n<th>ショートカット</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>新規issueを作成</td>\n<td><code>c</code></td>\n</tr>\n<tr>\n<td>新規ラベルを作成</td>\n<td><code>l</code></td>\n</tr>\n<tr>\n<td>コメントフォームへフォーカス<br>テキストが選択されていればその部分を引用<br>※個別issue画面</td>\n<td><code>r</code></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"notification画面\" style=\"position:relative;\"><a href=\"#notification%E7%94%BB%E9%9D%A2\" aria-label=\"notification画面 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>notification画面</h2>\n<table>\n<thead>\n<tr>\n<th>項目</th>\n<th>ショートカット</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>既読にする</td>\n<td><code>e</code> or <code>y</code></td>\n</tr>\n<tr>\n<td>ミュートする</td>\n<td><code>Shift</code>+<code>m</code></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"network画面\" style=\"position:relative;\"><a href=\"#network%E7%94%BB%E9%9D%A2\" aria-label=\"network画面 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Network画面</h2>\n<table>\n<thead>\n<tr>\n<th>項目</th>\n<th>ショートカット</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>左へスクロール</td>\n<td><code>h</code> or <code>←</code></td>\n</tr>\n<tr>\n<td>左端へスクロール</td>\n<td><code>Shift</code>+<code>h</code> or <code>Shift</code>+<code>←</code></td>\n</tr>\n<tr>\n<td>右へスクロール</td>\n<td><code>l</code> or <code>→</code></td>\n</tr>\n<tr>\n<td>右端へスクロール</td>\n<td><code>Shift</code>+<code>l</code> or <code>Shift</code>+<code>→</code></td>\n</tr>\n</tbody>\n</table>","timeToRead":4,"frontmatter":{"title":"Githubで使えるキーボードショートカット","tags":["Github"],"date":"December 22, 2013","featuredImage":null}}},"pageContext":{"slug":"/keyboard-shortcut-of-github/","previous":{"fields":{"slug":"/force-directed-algorithm-with-html5-canvas/"},"frontmatter":{"title":"jsとcanvasでグラフの描画(力学モデル)を実装した","tags":["CoffeeScript","HTML5 Canvas","JavaScript"]}},"next":{"fields":{"slug":"/summary-of-webegg-2013/"},"frontmatter":{"title":"2013年 WEB EGGの振り返り","tags":["アクセス解析"]}}}},
    "staticQueryHashes": ["2585454260","2954598359"]}