今日の人気記事

Mac用Web開発アプリ「Coda 2」を使ってみた

開発メモ » Mac » Mac用Web開発アプリ「Coda 2」を使ってみた

Mac用Web開発アプリ「Coda 2」を使ってみたので、機能の概要を紹介します。

アプリ「Coda 2」は、さまざまな機能を持ったWeb開発用のテキストエディタで、iTunesの「開発ツール」部門のトップセールスランキング連続第1位を更新中だそうです。さらに「iTunes」の説明には以下のような謳い文句が！

あなたの Web 開発を加速する、コーディング派の為のテキストエディタ。

価格: ¥7,400 (記事公開時)
カテゴリ: 開発ツール
© 2013 Panic Inc

ということで、アプリ「Coda 2」を使ってみました。

Web開発アプリ「Coda 2」

インストールした「Coda 2」を起動します。

起動すると左右のカラムに分かれたウィンドウが起動します。左カラムにはユーザーのホームフォルダが表示されており、ここからファイルを開くことができます。

このようにフォルダのツリー構造を下にたどって、ファイルを開くこともできます。

右カラムには「FTP」「SFTP」「S3」「WebDAV」が用意されており、サーバーと通信することもできます（ファイルをアップロード・ダウンロードすることができます）。

※ この機能については、別の機会に改めて紹介します。

開発が高速化する「Coda 2」のテキストエディタ機能を使ってみましょう。

上部メニュー「ファイル」→「新規」からさまざまなファイル形式を新規に作成することができます。

ここでは「HTML」を選択しました。他にも以下のようなファイル形式を新規に作成できます。

作成すると「名称未設定.html」が作成されるので、簡単なHTMLをコーディングしてみましょう。

見てください！このように「タグの補完機能」が付いています。これが便利ですね～。

タグだけではなく「属性の補完機能」も用意されています。

適当に作成したHTMLファイルをプレビューしてみましょう。

ファイル名の右隣にある「プレビュー」をクリックすると、

このようにコーディングしたHTMLがプレビューされます。

さらにっ！

右上の「+」をクリックします。

「プレビュー」をクリックします。

すると、このように左カラムに「HTML」、右カラムには「プレビュー」が表示されるので、コーディングしながらで、仕上がりを確認することができます。

なるほど。謳い文句「あなたの Web 開発を加速する、コーディング派の為のテキストエディタ。」も納得できますね。