ウェブ制作に役立つツール・ソフト・サービス 勝手にベスト20

ウェブ制作に関するお役立ちツールをまとめて紹介します。

様々なツール・ソフト・サービスをうまく活用することで、作業効率を高めましょう。
“時短”を意識することは結構重要です。

メジャーなツールばかりですので、自分も利用しているかどうか確認しつつ、(特に上位のツールは)利用していなければ即導入を検討することをおすすめします。

多岐にわたるジャンルのツール・ソフト・サービスをまとめてランキング付けしています。
一体どういう基準で順位付けしているのか不明瞭ですが、非常に感覚的なものです。
ランキングに対しては、あまり気にしすぎないでいただけると助かります。

ウェブ制作に関するお役立ちツールベスト20

20位 : Pearl Crescent Page Saver Basic

一瞬でキャプチャ画像が撮影できます。
ブログ記事作成時には使用機会が多いですが、ウェブ制作に関してだとWordPressテーマのスクリーンショット画像作成くらいでしか使用しないかも。

19位 : Placehold.it

超シンプルなダミー画像を、非常に手軽に生成出来るWebサービス。
想像以上に簡単だったため、感動を覚えました。

18位 : Evernote

スニペットのメモと、気に入ったウェブデザインのクリップに使用。
ですが、使用頻度の高いスニペットのメモはテキストエディタに登録しておくべきです。

17位 : MeasureIt

ブラウザ上でpxの長さを計測できます。
パッと長さを図りたいときに便利です。

16位 : Google Fonts

ウェブフォントです。
利用方法は簡単なので、導入したことがない方は一度お試し下さい。

15位 : Illustrator

ロゴ制作に活用します。
私はあまりイラストを多用しないため、使用頻度は多いとはいえません。

14位 : http://www.huecode.com/

Web上で視覚的に色を決め、カラーコードを取得できるサイト。
非常に使い勝手が良く、気に入っています。

13位 : ColorZilla

カラーピッカーで画面上のカラーコードを取得できるアドオン。
結構な頻度で使用しています。

12位 : Dropbox

ウェブ制作業務の助けになっているわけではないですが…。
作成ファイルはすべてDropboxで管理しています。
同時進行でバックアップがとれるため、PCがぶっ壊れても安心。

11位 : Google検索

まさかのランクインですが、検索して結果を得るという経験は数知れません。
ウェブ制作においても、検索エンジンは非常に重要なツールです。

10位 : Font Awesome

アイコン型のウェブフォントのCDN。
ウェブアイコンが簡単に使用できます。
使用機会は多いです。

9位 : XAMPP

ローカル環境にWebサーバとデータベースを構築できるソフト。
WordPressをローカルPCに導入しています。
WPテーマ制作の際、これがあるのとないのでは作業効率が段違い。

8位 : Web Developer

様々なWeb開発ツールを統合した、便利すぎるFirefoxアドオン。
とにかく様々な機能を備えています。

7位 : Dreamweaver

Webオーサリングツール・テキストエディタ。
もっと上位にすべきかとも思いましたが、不満点もそこそこある点も考慮しました。
「Sublime Text」「coda」を使ってみたいという思いもあり、この順位です。

6位 : Bootstrap

レスポンシブWebデザインを簡単にできる、CSSフレームワーク。
Twitter臭が強いという意見もありますが、グリッドシステムのみを活用すればそんなこともありません。

5位 : WordPress

オープンソースのブログCMSプラットフォーム。
無料でCMS構築ができ、カスタマイズ性も高いです。
とにかく大のお気に入りです。

4位 : jQuery

JavaScriptコードを簡単に記述するためライブラリ。
CSSの書き方と似ている点が多い点が嬉しい。
JavaScript使用機会は当然多いので、非常に助かります。

第3位 : Photoshop

画像編集・加工ソフト。
フォトレタッチに優れたソフトなので、ウェブ制作に使用するのは「Fireworks」の方がいいという意見もありますが、なんだかんだで一番使っています。

第2位 : Emmet(Zen-Coding)

HTML、CSSを省略して書けます。
これがあるのとないのでは、作業効率が大違い。
絶対に導入しておきたいツールです。

第1位 : Firebug

Webページのデバッグツールです。
いろんなことができますが、やはり直感的・感覚的にCSSの修正ができるのが大助かりです。

最初であった時の感動は、凄まじい物がありました。
Firefoxで使っている時のほうが、使い勝手がいいです。

杉直樹
杉直樹 著者の杉直樹です。
"ライフクエスト"は、基本的にはジャンル多岐にわたる総合ブログです。
"人生をより豊かにする"と"社会をよりよいものにする"にマッチした記事をたくさん書いていけたらと思います。
お役に立てる記事があれば幸いです。

Facebookページで為になる情報をチェック

コメント