ホームページ制作に必要なソフト

村長

ホームページ制作に必要なソフトを1つずつ説明しますね♪

デザイン制作ソフト
画像編集ソフト
HTMLエディタ
ファイルを転送するソフト

デザイン制作ソフト

新人

デザイン制作ソフトは、デザイナーが持つべきソフトで、コーダーには必要ないのではないでしょうか？

村長

コーダーにも必要です！
もらったデザインデータから、パーツ画像を切り出すために使います。

新人

切り出したものをいただけないのでしょうか？

村長

コーディングでどう組み立てるか考えながら切り出さないと、苦労しますよ。
コーディングの知識があるデザイナーさんだったらまだいいですが、出来ない人も多いんです。
だから、私は自分で切り出すことがほとんどですね！

新人

なるほど！
では、どのようなソフトが良いのでしょうか？

村長

無料ソフトと有料ソフトがあるので、それぞれ説明します！

無料デザインソフト

Inkscape（インクスケープ）

村長

このソフトは、『Illustrator 代替えソフト無料』で調べると、よく出てくるソフトです！

新人

そうなんですね！

村長

私は、使ったことはありますが『Illustrator』のデータが開けなくて使えませんでした。
ちなみに、いただくデータは大半が『Illustrator』です！

新人

なるほど！

村長

今は、Illustratorのデータも開けると聞きますが・・・。
互換性は、まだまだ良くないようです。

新人

そうなんですね・・・。

村長

自分がデザインしてホームページ制作を行う分には良いでしょうから、使い分けてみてくださいね！

『Inkscape』公式ホームページ

Gravit Designer（グラビットデザイナー）

村長

「Gravit Designer」は、アカウント登録をして、ダウンロードをすれば使えます！

新人

無料版と有料版があるみたいですね！

村長

無料版と有料版の違いは、以下です。

	無料版	有料版
クラウドストレージ	500MB	無制限
PDFエクスポート	72および150dpi	最大300dpi
色空間	RBGのみ	CMYK、HSB、RGB
オフライン作業	×	〇
タッチスクリーンのサポート	×	〇
高度なエクスポートオプション	×	〇
バージョン履歴	×	〇

村長

無料版だと、RGBカラーのみしか使えないとか制限があるみたいですね。

新人

RGBカラー？

村長

RGBカラーは、印刷物には使えないので注意が必要です！
印刷物は、CMYKカラーで作成するって覚てくださいね♪
ホームページ制作だけなら、大丈夫です！

新人

分かりました！

村長

有料版は、年間11,000円です。
私が確認した時は、割引で5,500円になっていました♪

※2022年7月現在

『Gravit Designer』公式ホームページ

有料デザインソフト

Affinity Designer（アフィニティデザイナー）

村長

これは、買い切り型のソフトです。
価格も安いし、アップデートにも無料で対応^※しているみたいですね！
Illustratorのデータも開けますし、私も注目しているソフトです♪

※現在予定はないが、バージョン2が出てアップグレードしたい場合は、追加費用がかかる

新人

そうなんですね！

村長

WindowsとMacは、もちろん、iPadにも対応していますね！
料金も、PC版は7,000円、iPadは2,440円の買い切り型になっていて、とても安いです♪

※2022年7月現在

『Affinity Designer』公式ホームページ

Illustrator（イラストレーター）

村長

「Illustrator」は、Adobeが提供しているソフトです。
デザインの仕事をしたいなら「Illustrator」を使用すれば、とりあえず間違いないですね！
仕事では、「Illustrator」のデータを渡されることが多いですよ。

新人

なるほど！
最初から「Illustrator」を準備しておいた方が、損はないですね！

村長

昔は買い切り型で、かなり高価なソフトだったんです。
でも今は、サブスクリプションになって、手に入りやすくなっています。

新人

サブスクリプション？

村長

定額料金を払うことで一定期間、製品やサービスを使用することが出来る仕組みのことです。
以前より手に入りやすくなったとはいえ、決して安くない値段なんですよね・・・。

	Illustrator単体価格	Creative Cloudコンプリートプラン
月々プラン、月々払い	3,828円/月	10,280 円/月
年間プラン、（月々払い）	2,728円/月	6,480 円/月
年間プラン、（一括払い）	28,776 円/年	72,336 円/年

※2022年7月現在
※全て税込価格

新人

え～！
まだ見習い中なので、ちょっと厳しいですね・・・。

村長

安心してください！
実は、Adobeソフトを安く購入する方法があります!!

クエスト▸Adobeソフトを安く買う方法

画像編集ソフト

村長

次は、画像編集ソフトの説明です。
画像編集ソフトは、画像のサイズを変更したり、色味を修正したりするためのソフトです。

新人

スマホのアプリだったら使ったことあります！

村長

コーダが使う要素はあまり無いかもしれないですが、切り出した画像のサイズ変更を頼まれることもあるので、持っていて損はないですよ♪

無料画像編集ソフト

Pixlr（ピクセラ）

村長

ブラウザ上で画像編集できるソフトです！
使用してみましたが、とても使いやすいです♪

新人

ダウンロードしなくて良いので、楽ですね！

『Pixlr』公式ホームページ

Photopea（フォトピー）

村長

こちらも、ブラウザ上で画像編集できるソフトですね！
私が使ってる『Photoshop』に、とても似ています。
使いやすいです！

有料画像編集ソフト

Affinity Photo（アフィニティフォト）

村長

有料デザインソフトで紹介した「Affinity Designer」の画像編集ソフト版です！

新人

買い切り型のソフトで、料金も安かったですよね！

村長

そうです！
PC版は7,000円、iPadは2,440円の買い切り型です。
動画編集ソフトとHTMLエディタが出れば、こちらに変えてみようと思っているほど、注目しています♪

『Affinity Photo』公式ホームページ

Photoshop（フォトショップ）

村長

Adobeが提供している画像編集ソフトです。
とても有名ですね！
私は、仕事でずっと使っています。

新人

そうなんですね！

村長

長年ユーザーと共に成長しているソフトだからオススメです！
もちろん、これも安く買う方法を教えます！

	Photoshop単体価格	Creative Cloudコンプリートプラン
月々プラン、月々払い	3,828円/月	10,280 円/月
年間プラン、（月々払い）	2,728円/月	6,480 円/月
年間プラン、（一括払い）	28,776 円/年	72,336 円/年

※2022年7月現在
※全て税込価格

クエスト▸Adobeソフトを安く買う方法

HTMLエディタ

新人

「HTMLエディタ」って何でしょうか？

村長

コードを書くためのソフトです。
HTMLは、WEBサイトを作成するために開発された言語のことです。

新人

これが、コーダーの仕事ですね！

村長

そうです！
これが無いと、先に進まないですね！

無料のHTMLエディタ

TeraPad（テラパッド）

村長

有名なソフトです。
私自身も、簡単なコードや修正などは、こちらを使うこともあります！

新人

とてもシンプルですね！

『TeraPad』公式ホームページ

Liveweave（ライブウィーブ）

村長

「Liveweave」は、ブラウザ上でコードが書けます。
使ってみましたが、とても使いやすいです！
無料ですし、ちょっとした練習も気軽に出来ますね♪

新人

たくさん練習します！

『Liveweave』公式ホームページ

有料のHTMLエディタ

Dreamweaver（ドリームウィーバー）

村長

「Dreamweaver」は、Adobeが提供しているソフトです。
長年愛用していますが、とても使いやすいです。
仕事で使用している方も多いのではないでしょうか。

	Dreamweaver単体価格	Creative Cloudコンプリートプラン
月々プラン、月々払い	3,828円/月	10,280 円/月
年間プラン、（月々払い）	2,728円/月	6,480 円/月
年間プラン、（一括払い）	28,776 円/年	72,336 円/年

※2022年7月現在
※全て税込価格

クエスト▸Adobeソフトを安く買う方法