2008年03月17日

Web制作を華麗に支援する10個のフリーソフト

Web制作で使われるソフトといえば、『Photoshop』『DreamWeaver』『Illstrator』『FireWorks』などですが、いかんせん高い。揃えるには20万以上のカネが必要となり元を取るのに個人では辛いものである。ということでWeb制作で華麗に支援してくれるフリーのソフトをご紹介。

◆カラーピッカー

■ReviewAssistant/株式会社ウィンシステム

画面上の色を抽出。この色RGBでどんな値なのかと、調べる場合に使う。
微妙な色を知りたい場合や、デザイン上の色を調べる場合に。

◆画像ビューワーIrfanView

■IrfanView 日本語版のページ

デザインファイルがPSDの場合、いちいちフォトショを使うのは重いという理由で重宝。
そもそも、今回はフリーソフトなので、フォトショは使えないわけですが。

◆エディタ　サクラエディタ

■サクラエディタ

秀丸は確か、シェアなので除外。
サクラは、Grep機能、検索時の色変更機能など秀丸のマクロ以外の機能を揃えておりますので、使えます。あと軽い。

◆文字コード変換　KanjiTranslator

■文字コード変換ツール「KanjiTranslator」

HTMLの文字コードは、ほとんどShift-JISだと思うのですが、PHPなどの相性によりUTF-8などにしたほうがよく、HTMLの一括変換が必要になる場合があるので使う。

◆画面キャプチャー

■ 画面キャプチャー

結局画面キャプチャが取れればいいので、ソフトは何でもよい。これといってオススメはないのですが、PrntScrキーを押すだけで取れるので、あえてソフトを使う必要があるのかどうかは微妙。

◆フォトレタッチ　GIMP

■GIMP

フォトショが使えない場合に、多く利用する。
ただ、使いこなすまでにはカナリの熟練度が必要となるので、専用書の購入をオススメする。

◆定規　ピクセル定規

■ピクセル定規

CSSでボックスの背景ピクセル数を測る場合、単純に画像のサイズを測る場合などに重宝します。こんなもんで見えるのか？と思うかもしれないが、見えるものである。

◆Favicon

■Favicon Japan!!

フリーソフトではなく、Web上のサービス。
まあフリーソフトのようなものである。

◆翻訳

■エキサイト 翻訳

会社概要・主要品目など、これら単語を英語表記にしたい場合。長文には使えないが、1日1回は使うものである。

◆ブラウザ　Firefox

■無料ウェブブラウザ Firefox - 高速・安全・自由にカスタマイズ

FireFoxは様々なプラグインや開発支援ツールがあるので、迷わず使うべし。また、FireFoxユーザも増えてきているので、ブラウザの確認の意味でも使う必要がある。

◆HTMLエディタ　KompoZer

■KompoZer

DreamWeaverの変わりとなるソフト。もちろんCSSで書くのであれば、テキストエディタでいいのですが、どうしてもDreamWeaverライクなツールが欲しい場合に。

FireFoxな人はこちらもどうぞ「Codetch」

【関連】

■| ＾＾ |秒刊SUNDAY | 更に実行中タスクを詳細に表示させるフリーソフト『ProcessWalker Express 』

■| ＾＾ |秒刊SUNDAY | アクティブでない背後の窓のみを薄暗く消し去ってくれるツール『Ghoster』