【2019】現役Webデザイナー使用中！ソフトウェア一覧

現役Webデザイナー使用中！ソフトウェア一覧

2019年現在、Webデザイン・HTMLコーディングの仕事で使用しているフリーソフトウェア・有料ソフトウェア・Windows標準アプリをご紹介します。

プラグイン（拡張機能）が豊富！自分好みのBracketsに。
プラグインを使い倒して、コーディングを時短！
普段のHTMLコーディング時に使用しています。

Brackets プラグイン（拡張機能）について動画付きで下記のWebサイトで紹介してくれています。qiita.com

国産のテキストエディタだから、日本語！文字検索・置換に正規表現が使えます。
主に、メモ帳、リライト時に使用しています。

サクラエディタのインストール・初期設定については、下記のWebサイトが分かりやすいです。blog.codecamp.jp

サクラエディタの機能については、下記のWebサイトが分かりやすいです。gabekore.org

Windows用のFTPクライアントソフトの定番!
主に、バックアップ・DWで上げれないファイルに使用しています。

ファイル・フォルダ比較するソフト。
WinMergeでローカルとサーバーのファイル・フォルダ比較し、差異を確認した上でアップロード・ダウンロード作業をおこなっています。
DW、FFFTPでも、環境設定でファイルを比較するソフトをWinMergeに設定できます。

Win Mergeの環境設定・使用例については、下記のWebサイトをご確認ください。px.otogawa.com

Photoshopは、写真編集に特化したビットマップ画像加工ツール。
主に画像加工に使用しています

Adobe Illustratorは、イラスト作成（グラフィックデザイン）に適しています。
画像を劣化することなく拡大縮小できるベクターというデータ形式の図形描画ソフト。
主に、ロゴ、アイコン、名刺作成をするに使用しています。

Webサイトを構築できるホームページ作成ソフト。

WebサイトやアプリのUI・UXデザイン・ワイヤーフレーム・デザインカンプ・プロトタイプ化・共有&コメントなどをおこなえるUXデザインツール。
ロゴ・アイコン・写真加工以外は、XDでまるっと制作しています。

Adobe XDの使い方については、下記のWebサイトをご確認ください。liginc.co.jp

Windows Vista/7/8/8.1/10の標準アプリ「スクリーンショットキャプチャーツール」
プラウザ拡張機能のキャプチャではできない、PC画面上（デスクトップ）どこでも手軽にキャプチャ&メモが撮れます！

Snipping Toolの使い方については、下記のWebサイトをご確認ください。www.ask-mswin.com

シンプルな電卓アプリ。
計算式・計算結果の履歴表示してくれて、便利に使えます。