アプリ開発からお金の節約まで幅広く気になったネタを記録していきます

さくらいらぼ

Web制作

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

スポンサードリンク

投稿日:2013/03/19 更新日:

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

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

Zen cordingとは

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

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

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

これをZencordingを使うと、

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

以下は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を再起動して適応させます。

スポンサードリンク

-Web制作
-,

Copyright© さくらいらぼ , 2019 All Rights Reserved.