Q. 使っているサイト制作ソフトは何ですか? A.Dw+CSSEdit+Transmitです。(後編)

February 4, 2009

cssedit+transmit+dw
Q. 使っているサイト制作ソフトは何ですか? A.Dw+CSSEdit+Transmitです。(前編)このエントリーの続きです。前のエントリーで、Dreamweaverを徹底的に持ち上げました。今回は、Dreamweaverでもある機能をあえて別ソフトでやっている理由でも。

CSSEditの素晴らしさ

軽快

もうお約束です。
Dreamweaverと別のソフトを比べるとき、Dwがいかに重いかという話から始めます。
といっても、個人的には起動時以外はそんなに重いと感じることは無いんですけどね。

とはいえ、Dwと比べると、CSSEditは軽いです。サクっと立ち上がります。

プレビューが優秀

DreamweaverもCS4になり、プレビューエンジンがWebKitに変更されて、かなり良くなったと言われています。実際軽くしか触っていないので、よく分からないのですが、ライブビューに関しての使い勝手は、CSSEditのほうが優れていると思います。

ブラウザで見ているそのままを見れるので、楽です。それにCSSSpriteでマウスオーバーの調整をする時など、Photoshopなどで上でずれの計算してなくても、CSSEdit上で、プレビューを見ながら、数字の調整出来ます。それも、マウススクロールで数字の調整出来るので、素早くBackgroundの調整が出来ます。

オーバーライド機能が便利

すでにあるWebサイトのページを、ローカルにあるCSSで上書きしながら、プレビューすることが出来ます。もちろん擬似的に上書きしているので、サーバー上のページには影響を与えません。

補完が優秀

DwってCS3だけかもしれませんが、補完に癖があって、カーソルの場所によっては補完してくれません。具体的に言うと、「{」を入れた後でないと、補完機能が働いてくれません。小さいことですが、ちょっと気になるバグです。

その点、CSSEditの補完は、どこでも、きっちり補完してくれます。

X-ray+インスペクタ機能が優秀

X-rayという、プレビューに備わっている機能ですが優秀です。
この機能、Firebugの『調査』機能とほぼ同等です。プレビューを見ながら選択した要素を教えてくれます。

インスペクタ機能
また、インスペクタウィンドウで、その要素に適用されてるCSSセレクタを表示してくれ、また新しいセレクタを作ることも出来ます。

地味だけど、かゆい所に手が届く的な機能が色々と

ちょっとした所で、楽だなっと思う機能が、色々あります。地味なので説明が難しい機能ばかりなので、伝わるか分かりませんが、使っている方はご理解頂けると思います。

  • 「{」を入力すると、自動で閉じてくれて、さらに、カーソルがいい具合の場所にフォーカスしてくれる。
    (これは説明が難しいのですが、使ったことある人なら分かってくれると思います。自動で改行されて、タブを一つ入れた場所に移動してくれます)
  • セレクタ内で、cmd+dで、セレクタを全てコピーしてくれる
    CSSを書いていて似たような、セレクタを書かないとならないときに、コピーする時、選択せずに、cmd+dで全てコピーしてくれます。
  • セレクタがグループ化出来て、整理しやすい。
    これは、コメントアウトを利用したCSSEdit独自の機能で、グループを作ると「/* @group グループ名 */」というコメントアウトが挿入され、サブウィンドウで管理出来るようになります。
    CSSEdit グループ機能

CSSEditの説明は以上です。
ちょっと言葉で説明するには、難しい機能が多いので、是非試してみて下さい。

MacRabbit - CSSEdit - Web 2.0 in Style

FTPは、Transmitで、サーバー上で直接作業

FTPは質問の趣旨から若干ずれてくると思うのですが、一応一連の作業なので、ここまでご紹介します。

FTPは、Dreamweaverにも備わっていますが、遅いし、使い難かったりします。 そのため、FTPソフトは、Transmitを使っています。

パニック・ジャパン - Transmit 3 - 次世代の Mac OS X 用 FTP クライアント!

特に優れているのが、サーバー上のファイルを直接DwやCSSEditからいじれます。保存すれば自動でサーバーにアップロードしてくれます。非常に便利です。この機能のおかげで、サクサクと作業出来ます

でも、サーバー管理やファイル移動などは、Dreamweaverがやっぱり優れてる

でもやっぱりDreamweaverのほうが優れいている機能もあります。それは、サイト管理機能です。

FTP機能はイマイチですが、ローカルでファイルを移動したり、リネームするときは、サイト管理機能がフルに活躍します。

あるファイルをリネームや移動を行うと、そのファイルに関わる(リンクしている)全てのファイルを自動で変更してくれます。また、サイト内の一斉置換なんかもやってくれます。

まとめ

結局、使いやすいソフトを使いやすいように使うのが一番ですよね。
自分なりに、少しずつ使いやすいように改善しながらより良い環境で、ストレスフリーな仕事が出来るのが一番だと思います。

その過程で、人がどんなソフトを、どのように使っているのかを知るのは非常に楽しく、大変ためになります。今回、皆様が使うソフトをご紹介して頂いたcould様には感謝しております。大変刺激を受けることが出来ました、ありがとうございました!