トピックス [Topics]

ウェブ制作必須ソフトウェア

私が使っていて、これは便利!これなしではダメ!というウェブ制作に必須のソフトウェアをご紹介します。

これ以外にParallels DesktopでWindows環境を用意したり、FireworksPhotoshopなどのグラフィック系ソフトも使いますが、作業の大半はテキストエディタで行います。

  • TextMate … XHTML、CSSを書くのはこれしか考えられない、というぐらい強力なエディター。Bundlesと呼ばれるプラグインで、様々な言語を略語ベースで入力、補完することが可能です。
  • Zen-Coding … TextMate用Bundlesの一つで、XHTMLとCSS用があります。略語ベースの入力をさらに拡張して、さらに強力にしてくれます。
  • TextExpander … Zen-CodingはTextMate上での利用が前提になりますが、こちらはインストールしたMac上でいつでも略語ベースの入力が可能に。エントリー入力欄なんかでもオーケーですが、Zen-Codingほど強力ではないので、併用が吉ですね。
  • Jedit X … これもエディターです。日本語入力、エンコード絡みなどでTextMateと併用。
  • Coda … エディターはこれ一本で、といかないところが悲しいところ。足らない部分を補う形でこれも使います。
  • MultiTextConverter … Windowとのファイルのやりとりで文字化けに困ったときに。文字コード変換ツールです。Windows用もあり。
  • Transmit … FTPソフト。ほとんどトラブルを経験したことがないぐらい安定しています。
  • MAMP … Macのテスト環境を構築。WordPressもローカルでテストできます。
  • Color Schemer Studio … カラースキームの検討に。ソフト上から豊富なギャラリーをブラウズすることも可能です。
  • Wallet … パスワード管理ソフト。マスターパスワード一つで膨大な数のパスワードを管理できます。ソフト上からURLを開いて、ID、パスワードの自動入力が可能。

これらに加えて、先のエントリーで触れたFirefoxのアドオンも必須ツールとなっています。

蛇足ですが、現在Zen-Codingがちょっとしたムーブメントになっている様子。Zen-Codingは実はTextMate以外のエディタでも使えたりするので、興味のある方は“TextMate Zen-Coding”などで検索して調べてみてください。

参考:EmEditorでZen-CodingTEA for Coda(Coda用Zen-Coding)