Macユーザーにオススメのスニペットアプリ「Dash」でコードや定型文の管理を行う

HTMLやCSSなどのコードの入力で同じような入力を何度もしていませんか？

そんな方にはスニペットツールがオススメです。
スニペットツールを使えばよく使う定型文を簡単にペーストできるように登録したり、入力後のカーソル位置の指定や、クリップボード内のテキストと合わせてペーストしたりといった細かい指定ができます。

今回は数あるスニペットアプリの中から「Dash」について基本的な機能を紹介します。

ちなみに、自分の場合は日常会話などに使う定型文はAlfredのスニペット機能を使っていて、コードの定型文はDashを使うようにしています。
Alfredのスニペット機能も気になる方は、別で記事も書いているのでご覧ください。

Webrandum

Alfred 4でスニペットを作成して使用する方法

https://webrandum.net/alfred4-snippets

自分はDashというスニペットアプリを使っていたり、Keyboard Maestroでスニペットを展開するマクロを作っていたりもしますが、Alfredでもスニペットの作成は可能です。使い分けが難しいのですが、今回はAlfredのスニペット機能についてまとめてみます。スニペット機能の使い方スニペット機能は［環境設定］→［Features］→［Viewer Hotkey］で設定したキーを入力してスニペットの画面を出します（デフォルトでは何も設定されていません）。もしクリップボードの設定で「Show "All Snippets" at top of Clipboard History」に...

スニペットアプリを使う理由

自分の場合、スニペットアプリを使う理由は下記の3つです。

• 同じような内容を何度も手入力したり、前の内容を探して毎回コピペする手間と時間が減る
• 手入力によるタイプミスが減る
• スニペットアプリでの呼び出し方法さえ覚えていれば、その内容は覚えてなくてもよくなる

数行レベルであればメリットは感じにくいですが、例えば長いコードを即座にペーストして「あとは今回のパターンに合わせて調節するだけ」にしておけばかなりの時間短縮になります。

手入力だとタイプミスで動かなくなってしまうコードも、スニペットアプリからのペーストならその心配もありません。

また、コードの構文は完全に覚えていなくても、スニペットで呼び出せば入力されるので「ど忘れしてGoogleで検索し直す」みたいなムダな時間も短縮できます。

Dashの特徴

有名どころだと、Dash以外にもTextExpanderやAlfredのスニペット機能などスニペットアプリは他にもあります。

Dashの1番の特徴は、「コードリファレンスとしても使える」点です。
正確には本来Dashは、プログラミング言語のリファレンスを検索するアプリで、スニペット機能はおまけの機能です。

そのため自分の場合は、普段はコード系のスニペットアプリとして利用し、分からないことがあればリファレンスから検索する使い方をしています。

Dashのダウンロード

Dashは公式サイトからダウンロードできます。

スニペット（snippet）には「断片」や「切れ端」という意味があるのですが、言葉の断片や切れ端を予め設定しておいて、特定のキーワードを入力して呼び出す事ができます。

言ってしまえば超強力な単語登録ツールです。しかも、Dashの場合は無料でも使用することができます（有料版もありますが、現在無料版で特に問題なく使えています）。

Dashの基本的な使い方

Dashをインストールしたら一度環境設定を開きましょう。メニューバーのDashのアイコンから［Preferences］をクリックすると開きます。

［General］でDashの画面を開くためのショートカットキーを割り当てる事ができます。デフォルトだとcontrol+spaceになっていて、僕はそのまま使っています。

入力ソースの選択をcontrol+spaceに割り当てている場合

デフォルトのMacではcontrol+spaceは入力ソースの切り替えのショートカットとして設定されています。

入力ソースの切り替えのショートカットはMacの［システム環境設定］→［キーボード］→［ショートカット］の［入力ソース］にある「前の入力ソースを選択」のチェックを外すか、別のショートカットキーに変更すればOKです。

もちろん、Dashの方の設定を変えるという方法もありますが、スニペットアプリですしすぐに押せる押しやすいショートカットの方がいいですし、入力ソースの切り替えをcontrol+spaceで行う事も少ないと思いますので。

設定できたらcontrol+spaceを押してDashを表示してみましょう。

スニペットの登録

まずはスニペットを登録してみましょう。

Dashの画面を開いて、サイドバーにある「＋」ボタンをクリックして「New Snippet」をクリックするか、command + Nをクリックすると新規でスニペットを追加する事ができます。

上のメニューで「呼び出しキーワード」「プログラミング言語（通常のテキストの場合はnoneを選択）」、そしてその下に「スニペット内容」を書いていきます。

例えば、下記のように呼び出しキーワードに「sample」スニペット内容には「sampleと打ったらこの文字列に変換」と入力します。

すると下記の動画のような入力が可能になります。

一瞬で「sample」という文字が「sampleと打ったらこの文字列に変換 」に変換されました。僕は特にショートカットキーや変換キーは押していません。ただ「sample」と文字入力を行っただけで自動で変換されました。

この機能は物凄く便利ですが、今のように単純な単語を呼び出しのキーワードに設定してしまっていると、単純に「sample」というキーワードを入力したい時に、自動で変換されてしまうので不便です。ですから、何かしら普段の入力には使わないルールを作っておいた方が良いです。

• キーワードの最初に記号を設定しておく。
  例としては「;（セミコロン）」等です。「;」の後続けて文字列を入力する事は普段のキー入力ではまずありません。
• キーワードの最後に記号を設定しておく。
  「;」だとCSSで入力する事があるので「#（シャープ）」や「@（アットマーク）」が良いですね。
• 文字列の順番を変える。
  HTMLで「<h1></h1>」と入力したい時は「<>h1」等で登録しておくと、まず普段のキー入力で困る事はありません。

大切なのは自分でルールをきちんと定義しておく事ですね。ちなみに僕の場合は最初の「;」をキーワードの最初につける方法を使っています。

スニペットにはタグを付ける事ができ、タグで分類しておく事で整理したり、素早くスニペットを探す事ができるようになります。下の画像は僕が使っているHTMLのOGPタグのスニペットですが、「html」というタグを付けています。また、言語をHTMLに設定しているのできちんとコードハイライトされています。

ちなみに、キーワードによる変換だけじゃなく、Dash画面下の「Use」ボタンを押せば前使っていたアプリにスニペットが挿入されるので、キーワード変換にこだわる必要もありません。

オプションの設定

スニペット登録時に右上のI型のマウスカーソルのアイコンをクリックして「Insert…」の中から登録したいオプションを選択すると、スニペット内に色の違うテキストが挿入されます。

このような機能は普通の辞書登録ではできませんからね。うまく使う事でキー入力やカーソル移動がものすごくラクになります。

ドキュメンテーション

実は「Dash」にはドキュメンテーション機能があり、プログラミング言語等のドキュメンテーションを閲覧する事ができます。もちろん検索バーから検索して探す事ができます。英語ですがわざわざブラウザを立ち上げる必要はありませんし、素早く検索できるので地味に重宝します。

ドキュメンテーションのみ見たい場合はサイドバーの検索バーのすぐ下の3つのアイコンのうち、一番左のものをクリックすれば見れます。

こうしたドキュメンテーションは環境設定の[Downloads]から色々選択する事ができます。必要なドキュメントセットの隣にある「Download」ボタンを押せばすぐに使えるようになります。

ちなみに、既にダウンロードしたドキュメントの管理や検索時の特定方法は、環境設定の[Docsets]で見る事ができます。例えばHTMLのドキュメントの中から検索をしたい場合、検索バーに「html:」と入力してその後にキーワードを打つと、絞り込んで検索する事ができるというわけです。

検索時の特定方法はダブルクリックで変更する事もできます。基本的にはそのままでもいいと思いますが、あまりにも長いキーワードの時には短く覚えやすいものに変更した方がいいかもしれません。

まとめ

今回はスニペットアプリのDashを紹介しましたが如何だったでしょうか？初めて使った時は感動して、あれこれ設定してしまうものなのですが、あまり考えなしにどんどん設定していくと後々面倒な事になったり、使いこなせ切れなかったりします。

こういったアプリは使いながら定期的にメンテをして、少しずつ自分なりにルールを明確化していくことが大切ですね。