Coda2のクリップに色々追加してみました

Web関連のコーディングにはCoda2使ってます。
最近便利な「クリップ機能」を一切使っていない事に気付いたので orz
下の記事を参考に色々追加してみました。

Codaに入れているClipを紹介するよー！WordPressメインだよ。 | Shinichi Nishikawa's

記事内で取り入れてみたのは

• lorem（ダミーテキストが自動で入る）
• カッコ

の２つ。特に「カッコ」は何気に便利。CSSとかで「{」を入力すると、自動で「}」も表示してくれますが、普通は次のように書き始める事がほとんどなので・・

.main {
    @ここから書き始める
}

キー入力としては
「{」->「Enter」->「上カーソル」->「Tab」となります。

で、これがCoda2クリップ登録しておくと
「{」->「Tab」とするだけで、上記の「＠ここから書き始める」の先頭にカーソルまで持って来てくれるんです。

・・伝わりますかこのちょっとした感動？（笑）

クリップには「挿入ポイント（カーソルを持ってくる場所）」や「直前のテキスト」などが設定出来るので、この辺を上手く活用すれば定型的な作業がグンと減りそうです。

僕の方でもいくつか追加してみたので、良ければ参考に。（＠挿入ポイント＠、などの部分は同名の各プレースホルダーに置き換えてね）

lorem lpsum 日本語バージョン（まぁこれはそのまま・・）

ダミーテキストだみーてきすとダミーテキストだみーてきすとダミーテキストだみーてきすとダミーテキストだみーてきすとダミーテキストだみーてきすとダミーテキストだみーてきすとダミーテキストだみーてきすとダミーテキストだみーてきすとダミーテキストだみーてきすとダミーテキストだみーてきすと

pで囲む（改行付き）

<p>
    ＠直前のテキスト＠
</p>

Youtube埋込（レスポンシブ用CSSを考慮）

<div class="iframe-wrapper">
    <iframe src="//www.youtube.com/embed/xxxxxxxx" frameborder="0" allowfullscreen></iframe>
</div>

Bootstrap3の基本？コード

<div class="container">
	<div class="row">
		<div class="col-xs-12">
			＠挿入ポイント＠
		</div>
	</div>
</div>

Bootstrap3の基本フォーム（日本語、名前＆メールアドレス＆送信ボタン）

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="username" class="col-xs-12 col-sm-2 control-label">お名前</label>
    <div class="col-xs-12 col-sm-10">
      <input type="email" class="form-control" id="username" placeholder="お名前">
    </div>
  </div>
  <div class="form-group">
    <label for="mailaddress" class="col-xs-12 col-sm-2 control-label">Email</label>
    <div class="col-xs-12 col-sm-10">
      <input type="email" class="form-control" id="mailaddress" placeholder="メールアドレス">
    </div>
  </div>
  <div class="form-group">
    <div class="col-xs-12 col-sm-10 col-sm-offset-2">
      <button type="submit" class="btn btn-default">送信</button>
    </div>
  </div>
</form>

WordPressマルチサイト（いつも忘れるので・・）

define('WP_ALLOW_MULTISITE', true);