プロご用達!フロントエンドエンジニア・Webデザイナ―が使う主要ツール一覧

デザイン

今回は「フロントエンドエンジニア」「Webデザイナー」がよく使うツールをまとめました。主要ツールとして「エディタ」「画像編集」「コンパイルツール」の3つを順に紹介していきます。

更新日時:

エディタ

Atom

使用可能環境:Mac, Windows 料金    :無料

SublimeText 2

使用可能環境:Mac, Windows, Linux 料金    :有料

Brackets

使用可能環境:Mac,Windows, Linux 料金    :無料

Coda 2

使用可能環境:Mac 料金    :有料

Notepad

使用可能環境:Windows 料金    :無料

画像編集

Sketch 3

使用可能環境:Mac 料金    :有料

Photoshop CC

使用可能環境:Mac,Windows 料金    :有料

Illustraotr CC

使用可能環境:Mac, Windows 料金    :有料

Inkspace

使用可能環境:Mac,Windows,Linux 料金    :無料

GIMP

使用可能環境:Mac,Windows,Linux 料金    :無料

コンパイルツール

Codekit

使用可能環境:Mac 料金    :有料

Prepros

使用可能環境:Mac, Windows, Linux 料金    :有料

LiveReload

使用可能環境:Mac, Windows 料金    :有料

Crunch 2

使用可能環境:Mac Windows 料金    :無料版、プロ版

Koala app

使用可能環境:Mac,Windows,Linux 料金    :無料

自分に合ったツールでサクサク開発・制作

あなたに合ったツールは見つかったでしょうか?ここで紹介したものは、主要ツールなので、現場でもよく使われているものばかりです。実際に現場で働くフロントエンドエンジニア・Webデザイナーの方は、まだ使ったことのなかったツールをためしてみるのも良いかもしれませんね。 是非自分にあったツールを使って、クオリティの高いサービス・プロダクトを開発・制作してください!

関連タグ

関連する記事

アクセスランキング

《最大6つの質問で診断完了!》
Facebook Messenger
経由で
あなたにマッチした転職を診断します。

今スグ診断(無料)

《最大6つの質問で診断完了!》
Facebook Messenger
経由で
あなたにマッチした転職を診断します。

今スグ診断(無料)