SourceForge.JPでダウンロードします。ダウンロードしたらディスクイメージをダブルクリックして展開させます。ディスクイメージを展開させたらアプリケーションフォルダーにドラッグすればインストールは完了です。OSがMountainLionの場合MountainLionになってから以前よりセキュリティーが厳しくなり、デフォルトでは未確認の開発元からダウンロードされたアプリは開けません。システム環境設定のセキュリティーとプライバシーを下図のように変更してCotEdeitorを許可しましょう。一度許可すれば、それ以後は許可する必要がありませんので、許可をしたら念のために元の設定に戻しておきましょう。視認性をあげるために書類のカラーリングを設定しよう。CotEditorは様々な種類に対応しており、書類の視認性をあげるシンタックスも各種設定できます。環境設定からもっと詳細にカスタマイズする事も可能です。CotEditorを更に使いやすくしようスクリプトでHTMLのショートカットの設定CotEditorは初見で分らない便利な機能があります。僕的にCotEditorを使いだした理由のひとつが、この機能です。CotEditorは会社でつかっているDreamweaverに比べて起動も動作も軽いので、この機能がある為に、自分のホームページやブログの原稿等もCotEditorで書いています。具体的にはHTMLのタグをショートカットに登録出来るのです。ショートカットの設定方法ショートカットの設定の方法ですが、ファイルをリネームし設定します。;の順でフォルダを開く任意のファイルをリネームしてショートカットにする。言った感じの手順です。リネームには法則があります。CotEditordeではスクリプトファイルに「.」+下記のルール+任意のキーでファイル名をリネームする事によりショートカットを割り当てる事が出来ます。00)<p><strong>.$~@p</strong>.applescriptにリネーム1200)<p>.applescriptを00)<p><strong>.$~@p</strong>.applescriptにリネーム自分でショートカットを増やす場合デフォルトではよく使うdivタグがありませんので追加してみます。Pタグのスクリプトファイルを開くと下記のようになっています。CotEditorで開きます。0--のpタグをdivに変更して別名で保存すればOKです。0--ファイルの名の00)はメニューにはメニューでの並び順です。僕はショートカットを含め02)<div>.$~@d.applescriptで保存しています。他にもある便利な機能アウトラインメニューツールバーにアウトラインメニューがあります。アウトラインメニューはこのHTMLのように長いドキュメントの場合に項目を探すのが便利です。選択すると該当箇所に移動しハイライトされます。見出し構造が間違えていないかのチェックにも便利です。ワードの段落を維持出来るのも地味便利なところです。デザイン制作時にも一旦CotEditorにテキストを移してからFireworksに貼付けたりもしています。Zen-CordingでCotEditorの機能を拡張Zen-Cordingってなに?Zen-Cordingは荒っぽく言ってしまえばコーディングの入力補完ツールです。Zen-Cordingのコマンドを入力して煩わしい入力作業を簡略化する事が出来ます。デザインビューとかがあるわけではありません。個人的にはコーディングを一通り覚えたよ〜って人が使ったほうが効率は上がると思います。マークアップもままならないままZen-Cordingのコマンドを覚えるのは負担にもなると思います。このような便利拡張機能があると知っていただければ、更に上を目指そうと思う時に助力になるはずですので、簡単にご紹介させていただきます。CotEditorのZenCording機能拡張のインストールは、別途Appscriptをターミナルをつかってインストールする必要があります。インストールについて詳しくは踊るサボテン工房さんのサイトで解説されています。AbbreviationcHTMLのコーディングは<div>HTMLのコーディング</div>1<div>HTMLのコーディング</div>のように文字列をタグで囲みコーディングします。Abbreviationスクリプト実行(ショートカット可能)すると<div></div>1<div></div>のように<div></div>と閉じタグまで自動で入力できます。便利ですよね〜ですが、HTMLのマークアップを覚えるまでは、使わないほうが良いと思います。ショートカット登録とかコマンドとか覚える事が増えますからね!一通りコーディングを覚えた時に更に便利にこの機能を!って時に使っていただきたいです。Abbreviationはハイライトされた箇所を囲むようにタグを入力してくれるすごくナイスな機能なのですが、何故か僕のCotEditorではこの機能が動作しません。エラーが返ってきます。ドリでは普通に使えるのですが、原稿を書いたりするときは軽いCotEditorでやりたいので、地味に痛いっす。Wakai大阪でWebデザイナーをしています。メインでFireworksを使ってます。IllustratorやPhotoshopも使っています。