{
    "componentChunkName": "component---src-templates-blog-post-jsx",
    "path": "/post/improve-coding-speed-with-mou/",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG","author":"Leko - CTO at Yuimedi"}},"markdownRemark":{"id":"cd9ba650-fa37-5c23-94ff-09857bf0ea70","excerpt":"こんにちは。 僕は記事を書くのに、MouというMacのアプリを使っています。 Markdown自体かなりシンプルに書けるので、あまりショートカットを使っていませんでした。 しかし、Mouのショートカットを覚えて利用してみると、 記事の作成速度がかなり上がりました。 ということでMou…","html":"<p>こんにちは。<br>\n僕は記事を書くのに、<a href=\"http://mouapp.com/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Mou</a>というMacのアプリを使っています。</p>\n<p>Markdown自体かなりシンプルに書けるので、あまりショートカットを使っていませんでした。 しかし、Mouのショートカットを覚えて利用してみると、<br>\n<strong>記事の作成速度がかなり上がりました</strong>。</p>\n<p>ということでMouのショートカットの覚え書きです。</p>\n<!--more-->\n<h2 id=\"下記で使っている記号\" style=\"position:relative;\"><a href=\"#%E4%B8%8B%E8%A8%98%E3%81%A7%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E8%A8%98%E5%8F%B7\" 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><code>⌘</code></td>\n<td>Command</td>\n</tr>\n<tr>\n<td><code>^</code></td>\n<td>Ctrl</td>\n</tr>\n<tr>\n<td><code>⇧</code></td>\n<td>Shift</td>\n</tr>\n<tr>\n<td><code>⌥</code></td>\n<td>Alt</td>\n</tr>\n<tr>\n<td><code>A + B</code></td>\n<td>Aを押しながらBを押す</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"表示非表示系\" style=\"position:relative;\"><a href=\"#%E8%A1%A8%E7%A4%BA%E9%9D%9E%E8%A1%A8%E7%A4%BA%E7%B3%BB\" 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>ウィンドウの最前面固定をON/OFF</td>\n<td><code>⌘ + ⇧ + f</code></td>\n</tr>\n<tr>\n<td>プレビューをON/OFF</td>\n<td><code>⌘ + ⇧ + i</code></td>\n</tr>\n<tr>\n<td>単語数カウンタをON/OFF</td>\n<td><code>⌘ + ⇧ + w</code></td>\n</tr>\n<tr>\n<td>エディタ:プレビューを1:1に</td>\n<td><code>⌘ + 0</code></td>\n</tr>\n<tr>\n<td>エディタ:プレビューを1:3に</td>\n<td><code>⌘ + -</code></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"挿入系\" style=\"position:relative;\"><a href=\"#%E6%8C%BF%E5%85%A5%E7%B3%BB\" 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>Markdown改行(スペース2個+改行)を挿入する</td>\n<td><code>^ + Enter</code></td>\n</tr>\n<tr>\n<td>カーソルの次の行に改行を挿入<br>行の途中にカーソルあっても途中で改行されない</td>\n<td><code>⌘ + Enter</code></td>\n</tr>\n<tr>\n<td>現在の日付を入力する(ex.<code>2013年12月9日</code>)</td>\n<td><code>^ + ⇧ + 1</code></td>\n</tr>\n<tr>\n<td>現在の時間を入力する(ex.<code>16:15</code>)</td>\n<td><code>^ + ⇧ + 2</code></td>\n</tr>\n<tr>\n<td>カーソルがある行に#を挿入</td>\n<td><code>⌘ + 1~6</code>(1は1個、6は6個)</td>\n</tr>\n<tr>\n<td>リンクを挿入(<code>[link](http://)</code>)</td>\n<td><code>^ + ⇧ + l</code></td>\n</tr>\n<tr>\n<td>画像を挿入(<code>![image](http://)</code>)</td>\n<td><code>^ + ⇧ + i</code></td>\n</tr>\n<tr>\n<td>HTMLコメントを挿入(<code>&#x3C;!----></code>)</td>\n<td><code>⌘ + /</code></td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"選択選択したものを系\" style=\"position:relative;\"><a href=\"#%E9%81%B8%E6%8A%9E%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E3%82%82%E3%81%AE%E3%82%92%E7%B3%BB\" 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>⌥ + ^ + w</code></td>\n</tr>\n<tr>\n<td>行選択</td>\n<td><code>⌘ + ⇧ + l</code></td>\n</tr>\n<tr>\n<td>選択した単語を大文字(HOGE)にする</td>\n<td><code>^ + u</code></td>\n</tr>\n<tr>\n<td>選択した単語を小文字(hoge)にする</td>\n<td><code>^ + ⇧ + u</code></td>\n</tr>\n<tr>\n<td>選択した単語の先頭だけ大文字(Hoge)にする</td>\n<td><code>^ + ⌥ + u</code></td>\n</tr>\n<tr>\n<td>選択した行を引用にする</td>\n<td><code>^ + q</code></td>\n</tr>\n<tr>\n<td>選択した行をリストにする</td>\n<td><code>^ + l</code></td>\n</tr>\n<tr>\n<td>選択した文字を<strong>強調</strong>する</td>\n<td><code>⌘ + b</code></td>\n</tr>\n<tr>\n<td>選択した文字を_斜体_にする</td>\n<td><code>⌘ + i</code></td>\n</tr>\n<tr>\n<td>選択した文字を<code>インラインコード</code>にする</td>\n<td><code>⌘ + k</code></td>\n</tr>\n<tr>\n<td>選択した文字を<del>取り消し線</del>にする</td>\n<td><code>⌘ + u</code></td>\n</tr>\n<tr>\n<td>選択した文字をHTML形式でコピーする</td>\n<td><code>⌘ + ⌥ + c</code></td>\n</tr>\n</tbody>\n</table>\n<p>単語を選択して<code>(</code>, <code>[</code>などを入力すると自動で囲われるのですが、<br>\nインラインコードや強調がサクッと出来ないものかなぁ、と思っていたので、</p>\n<p>単語選択->インラインコードの組み合わせは今後末永くお世話になりそうです。</p>","timeToRead":4,"frontmatter":{"title":"Mouのショートカットを覚えて爆速コーディング","tags":["Markdown","Mou"],"date":"December 14, 2013","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='135'%20viewBox='0%200%20400%20135'%20preserveAspectRatio='none'%3e%3cpath%20d='M141%2011a1371%201371%200%2000-3%205c0-11-1-10-1%201l1%2010c2%202%203%205%201%205v17h-3l-3%201c-1%201%200%201%201%201l3%201-1%201c-2%200-1%201%202%201%201%201%202%202%202%206%201%207%201%206%202-25%200-27%200-32-1-24m25-1a1943%201943%200%2000-4%20113c-2-2-3-2-13-2l-12%201c0%203%202%204%209%204l6%201%201%201v-1l4-1c6%200%208-1%208-5l1-3%202-7%202-8c1-3%201-3-2-3l-2-1V89c0-8%200-9%202-10%202%200%202%200%201-1-2-1%205-2%2011-2l6%202%206%201c4%201%205%201%206%204%200%203%200%203%201%202%200-2%202-3%202-1%201%201%201%200%202-1%201-3%204-4%2010-4l2-1%205-2c6%200%2013%201%2011%202-1%201-1%201%201%201%201%201%202%202%202%208%201%2011%201%2012-2%2013-3%200-4%202-2%203l1%201%201%201%201%206%201%206%202%206c0%202%201%203%205%203l4%201v2c1%201%201%201-3%201-7%200-10%202-2%202l7-1h15l8-1h-9c-8%200-9%200-9-2s1-2%203-2l14-2-3-1c-2%201-3%200-3-1l-12-1c-10%200-12%200-12%202l-1%201-1-18c0-52-1-97-3-97l-6%208c-3%205-4%207-4%205v-2c-1%201-1%200-1-3l-1-4-1%204c0%206-3%208-3%203-1-2-1-1-1%201%201%203%200%204-2%203-2%200-3%200-1%201%202%200%204%203%204%204h-1l-1%201%202%201c2%200%202%201-1%205l-15%2026c-2%201-2%201-4-1-3-3-3-5%200-2h4l2-3%201-3%207-12-1%201-1-5v-5l-1%206c-2%206-3%209-3%205%200-2-2%200-2%203%200%202-1%202-6%202l-6%201v-1c0-2%200-2-1-1s-1%201-3-3l-2-4-1-1-3-6%203%202%203%203-2-3-2-4-1-2c-3%200%201-4%204-4l-3-1-8-1c-1%202-2-2-1-4s1-2-1-3c-1-2-2-2-2%200l-3-3c-2-4-3-5-3-3m92%2012v19a4139%204139%200%20014%2069c0-2%200-3%202-4l1-2c-3%200%201-2%204-2s3%200-1-1l-5-1-1-11c0-9%200-10%202-10v-3c2%200%202-2%202-10s0-9-1-3c0%208-1%2011-2%2011s-2-1-1-3l-1-9%201-8%201-2%202-1%202-1-1-1c-2%200-2-2-2-9l-1-10c-2%200%200-4%202-5%203-1%203-1-1-2l-5-2c-1-1-1-1-1%201M134%2066c0%208%200%2010%202%2010v3c2%200%202%201%202%2010v11l-5%201-5%201h4c4%200%204%200%203%201-1%202-1%202%201%203%202%200%202%201%202%207a469%20469%200%20001-39h-1c-2%200-3-2-3-11-1-6-1-5-1%203m35-6l-1%203-1%201c-2%200-1%208%200%208v1c-3%201%208%202%2013%202%205-1%205-1%200-7-3-5-4-6-4-4-1%202-5%203-5%201v-4c0-2%200-3-2-1m60%203l-2%203c-2%200-2%200-2-2v-2l-2%201-3%206-4%205%204%201h10l5-1V64l-1%205-1%205v-6c0-4%200-5-1-4s-1%201-1-1c0-3-2-3-2%200'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.9557522123893807,"src":"/static/22458398532f644dd55ed71da88dda44/741c1/featured-image.jpg","srcSet":"/static/22458398532f644dd55ed71da88dda44/466a3/featured-image.jpg 334w,\n/static/22458398532f644dd55ed71da88dda44/741c1/featured-image.jpg 604w","srcWebp":"/static/22458398532f644dd55ed71da88dda44/e33b9/featured-image.webp","srcSetWebp":"/static/22458398532f644dd55ed71da88dda44/cd98f/featured-image.webp 334w,\n/static/22458398532f644dd55ed71da88dda44/e33b9/featured-image.webp 604w","sizes":"(max-width: 604px) 100vw, 604px"}}}}}},"pageContext":{"slug":"/improve-coding-speed-with-mou/","previous":{"fields":{"slug":"/how-to-work-backbone-with-rails/"},"frontmatter":{"title":"Backbone.jsとRuby on Railsを連携させる際のメモ","tags":["Backbone.js","JavaScript","Ruby","Ruby on Rails"]}},"next":{"fields":{"slug":"/force-directed-algorithm-with-html5-canvas/"},"frontmatter":{"title":"jsとcanvasでグラフの描画(力学モデル)を実装した","tags":["CoffeeScript","HTML5 Canvas","JavaScript"]}}}},
    "staticQueryHashes": ["2585454260","2954598359"]}