Coda2にZen Cordingをインストールする


□サイト内検索
■プログラミングを学ぶのに最適です。
未経験から仕事に繋がるエンジニア・デザイナーになりたいなら

スポンサードリンク

Pocket
LINEで送る

coda2
私はブログの更新時、htmlの編集にCoda 2を利用しています。
Coda2を使っているのは主にhtmlマークアップを仕事にしている人だと思いますが、
もしかしたらブロガーも利用しているかもしれません。

HTMLを直打ちできるブロガーならZen Cordingを使えるようになっておくと
作業速度が大幅に上がります。

Zen cordingとは

Zen cordingはhtmlコーディングの速度をあげるためのプラグインツール。
Zen cordingはMac,Windowsで利用される多くのテキストエディタで利用が可能で、
WordPressでもプラグインを利用することで使えるようにも出来ます。

機能はいくつかありますが、ごくごく簡単なルールを覚えて、Expand Abbreviationのショートカットを覚えるだけでも
思わず速い!とつぶやくぐらい作業速度のアップが体感できます。

例えば以下のようなちょっとしたテーブルタグを打つだけでも時間がかかります。

<table>
<tr>
<th></th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<td></td>
<td></td>
<td></td>
</tr>
</table>

これをZencordingを使うと、

table>tr*5>th*1+td*3

この記述量で済みます。この手軽さは体感すると確実に病み付きになります。

以下はCoda2にZen Cordingをインストールする方法です。

Coda2にZen Cordingをインストールする方法

インストール環境

Mac OS 10.8.3 Mountain Lion
Coda 2.0.7

↓にアクセスし、「Zen Cording for Coda v0.7.1」をクリックします。
Downloads – zen-coding – Set of plugins for HTML and CSS hi-speed coding – Google Project Hosting

Downloads  zen coding  Set of plugins for HTML and CSS hi speed coding  Google Project Hosting

「Zen Cording for Coda v0.7.1」をクリックして保存します。
Zen Coding Coda v0 7 1 zip  zen coding  Zen Coding for Coda v0 7 1  Set of plugins for HTML and CSS hi speed coding  Google Project Hosting

ファイル解凍後、TEA for Coda.codapluginをダブルクリックすることでインストールができます。

Zen Coding Coda v0 7 1 zip フォルダ

Codaが起動され、メニューのプラグインにZen cordingが追加されます。

初期設定ではhtmlタグを拡張するExpand Abbreviationのショートカットが
[Control + E]に設定されています。

Tea 1

ショートカットキーの変更

WindowsなどでZen Cordingを利用済みの方には[Control + E]に設定されているExpand Abbreviationのショートカットは使いにくいかもしれません。
他の場合には[Control + ,]になっていることが多いからです。

ショートカットキーは「システム環境設定」から行います。

システム環境設定を起動します。

システム環境設定 > キーボード > キーボードショートカット > アプリケーション

Keyboard

アプリケーション:プルダウンメニューでCoda 2.appを選びます。
メニュータイトル:「Expand Abbreviation」を入力します。
キーボードショートカット:入力欄で[Control + ,]のキーを押します。

入力後「追加」をクリックします。

Expand abbreviation

Codaの画面にもどり、適当なhtmlタグを入力後[Control + ,]を押して展開すれば設定完了です。

Zen Cordingをアンインストールする方法

やむなくアンインストールする場合はプラグインフォルダのファイルを削除します。

プラグインフォルダは
/Users/username/Library/Application Support/Coda 2/Plug-ins/TEA for Coda.codaplugin
にあります。

初期状態ではLibrayフォルダをFinderから見る事ができません。

Finerを選択します。
メニュー > 移動を選び、「フォルダへ移動」をクリックして入力欄を表示させます。

Folder 1

~/Library と入力して「移動」をクリックします。

Finder

Application Support > Coda 2 >Plug-ins
とフォルダを開き、「TEA for Coda.codaplugin」を削除します。

Plug ins

Coda2を再起動して適応させます。

Pocket
LINEで送る


スポンサードリンク

このサイトが役に立ったらシェアにご協力ください

  • このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です