MacでWEB制作する時のお助けアプリ8

カテゴリー:Web制作支援|更新日時:2009年11月18日|RSS購読: RSS 2.0

Macを使用してWEBサイトのデザインをされているデザイナーさんって日本のWEBデザイナーの何割を占めているんだろう。。実は作者もその中の1人、MacオンリーでWEBサイトのデザインをするWEBデザイナーです。
もちろんブラウザチェックでWINDOWSの確認はしますが、WINDOWSですらMacの中のBOOTCAMPでやっているので本当にMac人間な作者です。

さて、今回はMacのみを使って、しかもADOBE系のソフト【Illustrator・Photoshop・Dreamweaver】の代行をしてくれそうな便利アプリをいくつか紹介したいと思います。

GIMPGIMPキャプチャ画面

こちらは言わずとしれた有名なPhotoshopの代行をしてくれるソフトですね。レイヤー構造・フィルタ・テキストなどなどPhotoshopより機能は劣るモノのサイト制作では全く問題のない画像処理・編集ができるソフトです。
http://www.gimp.org/

 

 

 

InkScapeinkscapeキャプチャ画面

こちらは知名度としてはGIMPよりは知られていない気がします、でもすごいソフトなんです。あのIllustratorのベクターデータの編集ができてしまうんです!これは馬鹿にできないですね、作者も色々と探した事がありますが、ベクターデータを編集できて使いやすいのはInkScape以外は見あたりませんでした。
http://wiki.inkscape.org/

 

 

 

KompoZerkompozerキャプチャ画面

こちらのソフトは意外と耳にする人も多いかもしれません。Adobe Dreamweaverの簡易代行ができてしまうソフトです。ただのテキストエディターと違うところは、コードの色分けはもちろんのこと、CSSをフルサポートしてくれているので、プロパティ・セレクタのど忘れもカバーしてくれそうです、タブの切り替え機能・ライブプレビューなど様々な機能を搭載し、なんとW3CのHTMLマークアップチェックまでできるという優れものです!
http://kompozer.net/

 

 

Simple CSSSimple CSS 2.1キャプチャ画面

上記のソフトよりもっと簡易的にスタイルシートのど忘れをカバーしてくれそうなのが、このソフト。0の状態からCSSの構築をサポートして、ちゃんとエクスポートできます。インターフェイス的にもかなりスタイリッシュな作りとなっているので、操作もしやすいです。
≫http://www.apple.com/downloads...

 

 

 

Firebugfirebugキャプチャ画面

これはソフトではなく、Mac版FIREFOXにインストールするアドオンなのですが、結構有名なアドオンですよね。作者はWEBデベロッパーツールを使用していますが、こちらのアドオンもかなり高機能ですね!HTML・CSSのプレビューができ、リアルタイム編集も可能。Javascriptのライブコード閲覧可能。このアドオン一つでWEB制作の細々した作業が一気に片づきそうですね。WORDPRESSのサイトテーマを変更したい場合なども、リアルタイムでどこのCSSなのかを探ってくれたりもするので、作業効率がかなりアップします。

 

 

Adobe BrowserLabAdobe_browserlabキャプチャ画面

こちらは、Macだけではなくブラウザからアクセスして使用できるADOBEのWEBサービスなのですが。驚きました。自分のサイトもしくはクライアントのサイトがWINDOWS・Macの各ブラウザのプレビュー状況を表示してくれる機能を持っています。静止画なのでクリックなどはできませんが、簡易的に今IE6でどういう風に見えているのかを知りたいときなどは、かなり使えるアイテムですね!Adobeのユーザー登録は必要ですが、無料ですぐに登録できます、登録後はすぐにBrowserLabを使用できるようになります。
また、閲覧したいブラウザをセットにしておけば、URLを入力するだけで一括でプレビュー作業を始めてくれます。
緊急の時に重宝しそうですね!
Adobeユーザー登録≫ ≫https://www.adobe.com/cfusion/...
BrowserLab≫ https://browserlab.adobe.com/

 

 

 

Cyberduckcyberduckキャプチャ画面

こちらのソフトはもう定番中の定番かもしれませんね、MacでFTP接続したい場合にはこのソフト。ブックマーク機能や簡易接続など、インターフェイスも使いやすく、作者も長年愛用させていただいております。
FTP接続・SFTP接続など接続形式も色々と用意されていて、もちろんファイルのパーミッション等も変えられます。
http://cyberduck.ch/

 

 

 

Colorscolorsキャプチャ画面

このソフトは本当にミニアプリケーションですが、常備しておくといざというときには便利かもしれません。スタイルシートやHTMLの構築中に#7af89bなどのように16進法カラー設定で『あの色の数値いくつだっけ…』っていうときに使えそうです。カラーパレットから色を選択すると16進法表記で表示してくれます。
一見地味なんですけどね、、ちょっとしたときにどうぞ。
http://mattpatenaude.com/

 

 

 

如何でしょうか、オープンソースとは言えこんなにまで開発が進んでいるモノなんですね!洗練されたインターフェイスや機能に作者も驚きました。画像処理・ベクター編集・HTML,CSS編集・アップロード・ブラウザチェックこの5点が上記のアプリケーションで代行でき、WEB制作の一通りの作業がカバーできるというのは非常にうれしいことですね!
是非ご参考ください。

※記載されている画像は、作者の作成された画像を使用させていただいている場合がございます。
※基本的にフリー素材となっておりますが、作者様の著作権を保護するために、ダウンロードする際は作者様の利用規約などもご一読ください。

※この記事は2009年11月18日に投稿されたストックになります、リンク先が期限切れになっている場合もあります、予めご了承ください。

questionnaire
  • あなたの職場は何時まで働くことが多いですか?

    View Results

    Loading ... Loading ...
  • add link
    category

    Copyright (C) 2008-2018 mono-stock.com. All Rights Reserved.