WEBノーマル

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

村長
村長
ホームページ制作に必要なソフトを1つずつ説明しますね♪
  • デザイン制作ソフト
  • 画像編集ソフト
  • HTMLエディタ
  • ファイルを転送するソフト

デザイン制作ソフト

新人
新人
デザイン制作ソフトは、デザイナーが持つべきソフトで、コーダーには必要ないのではないでしょうか?
村長
村長
コーダーにも必要です!
もらったデザインデータから、パーツ画像を切り出すために使います。
新人
新人
切り出したものをいただけないのでしょうか?
村長
村長
コーディングでどう組み立てるか考えながら切り出さないと、苦労しますよ。
コーディングの知識があるデザイナーさんだったらまだいいですが、出来ない人も多いんです。
だから、私は自分で切り出すことがほとんどですね!
新人
新人
なるほど!
では、どのようなソフトが良いのでしょうか?
村長
村長
無料ソフトと有料ソフトがあるので、それぞれ説明します!

無料デザインソフト

Inkscape(インクスケープ)

村長
村長
このソフトは、『Illustrator 代替えソフト 無料』で調べると、よく出てくるソフトです!
新人
新人
そうなんですね!
村長
村長
私は、使ったことはありますが『Illustrator』のデータが開けなくて使えませんでした。
ちなみに、いただくデータは大半が『Illustrator』です!
新人
新人
なるほど!
村長
村長
今は、Illustratorのデータも開けると聞きますが・・・。
互換性は、まだまだ良くないようです。
新人
新人
そうなんですね・・・。
村長
村長
自分がデザインしてホームページ制作を行う分には良いでしょうから、使い分けてみてくださいね!

Gravit Designer(グラビット デザイナー)

村長
村長
「Gravit Designer」は、アカウント登録をして、ダウンロードをすれば使えます!
新人
新人
無料版と有料版があるみたいですね!
村長
村長
無料版と有料版の違いは、以下です。
無料版有料版
クラウドストレージ500MB無制限
PDFエクスポート72および150dpi最大300dpi
色空間RBGのみCMYK、HSB、RGB
オフライン作業×
タッチスクリーンのサポート×
高度なエクスポートオプション×
バージョン履歴×
村長
村長
無料版だと、RGBカラーのみしか使えないとか制限があるみたいですね。
新人
新人
RGBカラー?
村長
村長
RGBカラーは、印刷物には使えないので注意が必要です!
印刷物は、CMYKカラーで作成するって覚てくださいね♪
ホームページ制作だけなら、大丈夫です!
新人
新人
分かりました!
村長
村長
有料版は、年間11,000円です。
私が確認した時は、割引で5,500円になっていました♪

※2022年7月現在

有料デザインソフト

Affinity Designer(アフィニティ デザイナー)

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

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

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

※2022年7月現在

Illustrator(イラストレーター)

村長
村長
「Illustrator」は、Adobeが提供しているソフトです。
デザインの仕事をしたいなら「Illustrator」を使用すれば、とりあえず間違いないですね!
仕事では、「Illustrator」のデータを渡されることが多いですよ。
新人
新人
なるほど!
最初から「Illustrator」を準備しておいた方が、損はないですね!
村長
村長
昔は買い切り型で、かなり高価なソフトだったんです。
でも今は、サブスクリプションになって、手に入りやすくなっています。
新人
新人
サブスクリプション?
村長
村長
定額料金を払うことで一定期間、製品やサービスを使用することが出来る仕組みのことです。
以前より手に入りやすくなったとはいえ、決して安くない値段なんですよね・・・。
Illustrator単体価格Creative Cloudコンプリートプラン
月々プラン、月々払い3,828円/月10,280 円/月
年間プラン、(月々払い)2,728円/月6,480 円/月
年間プラン、(一括払い)28,776 円/年72,336 円/年

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

新人
新人
え~!
まだ見習い中なので、ちょっと厳しいですね・・・。
村長
村長
安心してください!
実は、Adobeソフトを安く購入する方法があります!!

画像編集ソフト

村長
村長
次は、画像編集ソフトの説明です。
画像編集ソフトは、画像のサイズを変更したり、色味を修正したりするためのソフトです。
新人
新人
スマホのアプリだったら使ったことあります!
村長
村長
コーダが使う要素はあまり無いかもしれないですが、切り出した画像のサイズ変更を頼まれることもあるので、持っていて損はないですよ♪

無料画像編集ソフト

Pixlr(ピクセラ)

村長
村長
ブラウザ上で画像編集できるソフトです!
使用してみましたが、とても使いやすいです♪
新人
新人
ダウンロードしなくて良いので、楽ですね!

Photopea(フォトピー)

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

有料画像編集ソフト

Affinity Photo(アフィニティ フォト)

村長
村長
有料デザインソフトで紹介した「Affinity Designer」の画像編集ソフト版です!
新人
新人
買い切り型のソフトで、料金も安かったですよね!
村長
村長
そうです!
PC版は7,000円、iPadは2,440円の買い切り型です。
動画編集ソフトとHTMLエディタが出れば、こちらに変えてみようと思っているほど、注目しています♪

Photoshop(フォトショップ)

村長
村長
Adobeが提供している画像編集ソフトです。
とても有名ですね!
私は、仕事でずっと使っています。
新人
新人
そうなんですね!
村長
村長
長年ユーザーと共に成長しているソフトだからオススメです!
もちろん、これも安く買う方法を教えます!
Photoshop単体価格Creative Cloudコンプリートプラン
月々プラン、月々払い3,828円/月10,280 円/月
年間プラン、(月々払い)2,728円/月6,480 円/月
年間プラン、(一括払い)28,776 円/年72,336 円/年

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

HTMLエディタ

新人
新人
「HTMLエディタ」って何でしょうか?
村長
村長
コードを書くためのソフトです。
HTMLは、WEBサイトを作成するために開発された言語のことです。
新人
新人
これが、コーダーの仕事ですね!
村長
村長
そうです!
これが無いと、先に進まないですね!

無料のHTMLエディタ

TeraPad(テラパッド)

村長
村長
有名なソフトです。
私自身も、簡単なコードや修正などは、こちらを使うこともあります!
新人
新人
とてもシンプルですね!

Liveweave(ライブウィーブ)

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

有料のHTMLエディタ

Dreamweaver(ドリームウィーバー)

村長
村長
「Dreamweaver」は、Adobeが提供しているソフトです。
長年愛用していますが、とても使いやすいです。
仕事で使用している方も多いのではないでしょうか。
Dreamweaver単体価格Creative Cloudコンプリートプラン
月々プラン、月々払い3,828円/月10,280 円/月
年間プラン、(月々払い)2,728円/月6,480 円/月
年間プラン、(一括払い)28,776 円/年72,336 円/年

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

ファイルを転送するソフト(FTP)

村長
村長
ファイルを転送(送受信)するためのソフトのことを「FTP(エフティーピー)」と言います。
サーバーを契約したと思いますが、FTPにサーバー情報を入れて、ファイルを送受信します。
新人
新人
何だか、難しいですね・・・。
村長
村長
とりあえず、HTMLデータなどをサーバー上にアップすれば、ホームページが見れるようになると覚えてください♪
新人
新人
分かりました!!
村長
村長
基本的には全て無料なので、メジャーなものを紹介しますね♪

FFFTP(エフエフエフティーピー)

村長
村長
多分、一番人気に上がるのがこのソフトです。
数年前に使用したことがありますが、少し使いづらい印象でした。
現在では、進化していて使いやすくなっているのかもしれません!
新人
新人
人気なんですね!
村長
村長
かなり前からありますが、現在でもバージョンアップされているみたいですよ!
ただし、Windows向けです。

WinSCP(ウィンエスシーピー)

村長
村長
こちらも、かなり昔からあるソフトです。
こちらも使用したことがありますが、やはり使いづらい印象です。
Windows向けです。
新人
新人
まだバージョンアップされているみたいなので、これも良くなっているかもしれませんね!
村長
村長
そうですね!

FileZilla(ファイルジラ)

村長
村長
最近ずっと使っているのがこちらのソフトです。
エクスポート・インポートする機能が使いやすかったので、使用し始めました!
転送スピードが早いのも気に入っています♪
新人
新人
なるほど!
村長
村長
現在は、どのソフトも使いやすくなっていると思いますので、自分が使いやすいものを選んでみてくださいね♪
村長
村長
「FileZilla」は、macでも使えるFTPです。
使い方を詳しく学びたいのであれば、クエストをクリアしましょう♪

まとめ

新人
新人
ホームページ制作に必要なソフトが全て揃いました!!
村長
村長
おめでとうございます!
では『WEBノーマル トップページ』に戻りましょう♪
新人
新人
はい!