![](https://webtamamura.com/wp-content/uploads/2022/07/ホームページ制作に必要なソフト.jpg)
村長
ホームページ制作に必要なソフトを1つずつ説明しますね♪
- デザイン制作ソフト
- 画像編集ソフト
- HTMLエディタ
- ファイルを転送するソフト
デザイン制作ソフト
新人
デザイン制作ソフトは、デザイナーが持つべきソフトで、コーダーには必要ないのではないでしょうか?
村長
コーダーにも必要です!
もらったデザインデータから、パーツ画像を切り出すために使います。
もらったデザインデータから、パーツ画像を切り出すために使います。
新人
切り出したものをいただけないのでしょうか?
村長
コーディングでどう組み立てるか考えながら切り出さないと、苦労しますよ。
コーディングの知識があるデザイナーさんだったらまだいいですが、出来ない人も多いんです。
だから、私は自分で切り出すことがほとんどですね!
コーディングの知識があるデザイナーさんだったらまだいいですが、出来ない人も多いんです。
だから、私は自分で切り出すことがほとんどですね!
新人
なるほど!
では、どのようなソフトが良いのでしょうか?
では、どのようなソフトが良いのでしょうか?
村長
無料ソフトと有料ソフトがあるので、それぞれ説明します!
無料デザインソフト
Inkscape(インクスケープ)
![](https://webtamamura.com/wp-content/uploads/2022/07/inkscape1.jpg)
村長
このソフトは、『Illustrator 代替えソフト 無料』で調べると、よく出てくるソフトです!
新人
そうなんですね!
村長
私は、使ったことはありますが『Illustrator』のデータが開けなくて使えませんでした。
ちなみに、いただくデータは大半が『Illustrator』です!
ちなみに、いただくデータは大半が『Illustrator』です!
新人
なるほど!
村長
今は、Illustratorのデータも開けると聞きますが・・・。
互換性は、まだまだ良くないようです。
互換性は、まだまだ良くないようです。
新人
そうなんですね・・・。
村長
自分がデザインしてホームページ制作を行う分には良いでしょうから、使い分けてみてくださいね!
Gravit Designer(グラビット デザイナー)
![](https://webtamamura.com/wp-content/uploads/2022/07/gravitDesigner1.png)
村長
「Gravit Designer」は、アカウント登録をして、ダウンロードをすれば使えます!
新人
無料版と有料版があるみたいですね!
村長
無料版と有料版の違いは、以下です。
無料版 | 有料版 | |
クラウドストレージ | 500MB | 無制限 |
PDFエクスポート | 72および150dpi | 最大300dpi |
色空間 | RBGのみ | CMYK、HSB、RGB |
オフライン作業 | × | 〇 |
タッチスクリーンのサポート | × | 〇 |
高度なエクスポートオプション | × | 〇 |
バージョン履歴 | × | 〇 |
村長
無料版だと、RGBカラーのみしか使えないとか制限があるみたいですね。
新人
RGBカラー?
村長
RGBカラーは、印刷物には使えないので注意が必要です!
印刷物は、CMYKカラーで作成するって覚てくださいね♪
ホームページ制作だけなら、大丈夫です!
印刷物は、CMYKカラーで作成するって覚てくださいね♪
ホームページ制作だけなら、大丈夫です!
新人
分かりました!
村長
有料版は、年間11,000円です。
私が確認した時は、割引で5,500円になっていました♪
私が確認した時は、割引で5,500円になっていました♪
※2022年7月現在
有料デザインソフト
Affinity Designer(アフィニティ デザイナー)
![](https://webtamamura.com/wp-content/uploads/2022/07/affinity1.png)
村長
これは、買い切り型のソフトです。
価格も安いし、アップデートにも無料で対応※しているみたいですね!
Illustratorのデータも開けますし、私も注目しているソフトです♪
価格も安いし、アップデートにも無料で対応※しているみたいですね!
Illustratorのデータも開けますし、私も注目しているソフトです♪
※現在予定はないが、バージョン2が出てアップグレードしたい場合は、追加費用がかかる
新人
そうなんですね!
村長
WindowsとMacは、もちろん、iPadにも対応していますね!
料金も、PC版は7,000円、iPadは2,440円の買い切り型になっていて、とても安いです♪
料金も、PC版は7,000円、iPadは2,440円の買い切り型になっていて、とても安いです♪
※2022年7月現在
Illustrator(イラストレーター)
![](https://webtamamura.com/wp-content/uploads/2022/07/illustrator1.png)
村長
「Illustrator」は、Adobeが提供しているソフトです。
デザインの仕事をしたいなら「Illustrator」を使用すれば、とりあえず間違いないですね!
仕事では、「Illustrator」のデータを渡されることが多いですよ。
デザインの仕事をしたいなら「Illustrator」を使用すれば、とりあえず間違いないですね!
仕事では、「Illustrator」のデータを渡されることが多いですよ。
新人
なるほど!
最初から「Illustrator」を準備しておいた方が、損はないですね!
最初から「Illustrator」を準備しておいた方が、損はないですね!
村長
昔は買い切り型で、かなり高価なソフトだったんです。
でも今は、サブスクリプションになって、手に入りやすくなっています。
でも今は、サブスクリプションになって、手に入りやすくなっています。
新人
サブスクリプション?
村長
定額料金を払うことで一定期間、製品やサービスを使用することが出来る仕組みのことです。
以前より手に入りやすくなったとはいえ、決して安くない値段なんですよね・・・。
以前より手に入りやすくなったとはいえ、決して安くない値段なんですよね・・・。
Illustrator単体価格 | Creative Cloudコンプリートプラン | |
月々プラン、月々払い | 3,828円/月 | 10,280 円/月 |
年間プラン、(月々払い) | 2,728円/月 | 6,480 円/月 |
年間プラン、(一括払い) | 28,776 円/年 | 72,336 円/年 |
※2022年7月現在
※全て税込価格
新人
え~!
まだ見習い中なので、ちょっと厳しいですね・・・。
まだ見習い中なので、ちょっと厳しいですね・・・。
村長
安心してください!
実は、Adobeソフトを安く購入する方法があります!!
実は、Adobeソフトを安く購入する方法があります!!
画像編集ソフト
村長
次は、画像編集ソフトの説明です。
画像編集ソフトは、画像のサイズを変更したり、色味を修正したりするためのソフトです。
画像編集ソフトは、画像のサイズを変更したり、色味を修正したりするためのソフトです。
新人
スマホのアプリだったら使ったことあります!
村長
コーダが使う要素はあまり無いかもしれないですが、切り出した画像のサイズ変更を頼まれることもあるので、持っていて損はないですよ♪
無料画像編集ソフト
Pixlr(ピクセラ)
![](https://webtamamura.com/wp-content/uploads/2022/07/pixlr.png)
村長
ブラウザ上で画像編集できるソフトです!
使用してみましたが、とても使いやすいです♪
使用してみましたが、とても使いやすいです♪
新人
ダウンロードしなくて良いので、楽ですね!
Photopea(フォトピー)
![](https://webtamamura.com/wp-content/uploads/2022/07/photopea1.png)
村長
こちらも、ブラウザ上で画像編集できるソフトですね!
私が使ってる『Photoshop』に、とても似ています。
使いやすいです!
私が使ってる『Photoshop』に、とても似ています。
使いやすいです!
有料画像編集ソフト
Affinity Photo(アフィニティ フォト)
![](https://webtamamura.com/wp-content/uploads/2022/07/affinity3.png)
村長
有料デザインソフトで紹介した「Affinity Designer」の画像編集ソフト版です!
新人
買い切り型のソフトで、料金も安かったですよね!
村長
そうです!
PC版は7,000円、iPadは2,440円の買い切り型です。
動画編集ソフトとHTMLエディタが出れば、こちらに変えてみようと思っているほど、注目しています♪
PC版は7,000円、iPadは2,440円の買い切り型です。
動画編集ソフトとHTMLエディタが出れば、こちらに変えてみようと思っているほど、注目しています♪
Photoshop(フォトショップ)
![](https://webtamamura.com/wp-content/uploads/2022/07/photoshop1.png)
村長
Adobeが提供している画像編集ソフトです。
とても有名ですね!
私は、仕事でずっと使っています。
とても有名ですね!
私は、仕事でずっと使っています。
新人
そうなんですね!
村長
長年ユーザーと共に成長しているソフトだからオススメです!
もちろん、これも安く買う方法を教えます!
もちろん、これも安く買う方法を教えます!
Photoshop単体価格 | Creative Cloudコンプリートプラン | |
月々プラン、月々払い | 3,828円/月 | 10,280 円/月 |
年間プラン、(月々払い) | 2,728円/月 | 6,480 円/月 |
年間プラン、(一括払い) | 28,776 円/年 | 72,336 円/年 |
※2022年7月現在
※全て税込価格
HTMLエディタ
新人
「HTMLエディタ」って何でしょうか?
村長
コードを書くためのソフトです。
HTMLは、WEBサイトを作成するために開発された言語のことです。
HTMLは、WEBサイトを作成するために開発された言語のことです。
新人
これが、コーダーの仕事ですね!
村長
そうです!
これが無いと、先に進まないですね!
これが無いと、先に進まないですね!
無料のHTMLエディタ
TeraPad(テラパッド)
![](https://webtamamura.com/wp-content/uploads/2022/07/terapad1.png)
村長
有名なソフトです。
私自身も、簡単なコードや修正などは、こちらを使うこともあります!
私自身も、簡単なコードや修正などは、こちらを使うこともあります!
新人
とてもシンプルですね!
Liveweave(ライブウィーブ)
![](https://webtamamura.com/wp-content/uploads/2022/07/liveweave1.png)
村長
「Liveweave」は、ブラウザ上でコードが書けます。
使ってみましたが、とても使いやすいです!
無料ですし、ちょっとした練習も気軽に出来ますね♪
使ってみましたが、とても使いやすいです!
無料ですし、ちょっとした練習も気軽に出来ますね♪
新人
たくさん練習します!
有料のHTMLエディタ
Dreamweaver(ドリームウィーバー)
![](https://webtamamura.com/wp-content/uploads/2022/07/dreamweaver1.png)
村長
「Dreamweaver」は、Adobeが提供しているソフトです。
長年愛用していますが、とても使いやすいです。
仕事で使用している方も多いのではないでしょうか。
長年愛用していますが、とても使いやすいです。
仕事で使用している方も多いのではないでしょうか。
Dreamweaver単体価格 | Creative Cloudコンプリートプラン | |
月々プラン、月々払い | 3,828円/月 | 10,280 円/月 |
年間プラン、(月々払い) | 2,728円/月 | 6,480 円/月 |
年間プラン、(一括払い) | 28,776 円/年 | 72,336 円/年 |
※2022年7月現在
※全て税込価格
ファイルを転送するソフト(FTP)
村長
ファイルを転送(送受信)するためのソフトのことを「FTP(エフティーピー)」と言います。
サーバーを契約したと思いますが、FTPにサーバー情報を入れて、ファイルを送受信します。
サーバーを契約したと思いますが、FTPにサーバー情報を入れて、ファイルを送受信します。
新人
何だか、難しいですね・・・。
村長
とりあえず、HTMLデータなどをサーバー上にアップすれば、ホームページが見れるようになると覚えてください♪
新人
分かりました!!
村長
基本的には全て無料なので、メジャーなものを紹介しますね♪
FFFTP(エフエフエフティーピー)
![](https://webtamamura.com/wp-content/uploads/2022/07/ffftp1.png)
村長
多分、一番人気に上がるのがこのソフトです。
数年前に使用したことがありますが、少し使いづらい印象でした。
現在では、進化していて使いやすくなっているのかもしれません!
数年前に使用したことがありますが、少し使いづらい印象でした。
現在では、進化していて使いやすくなっているのかもしれません!
新人
人気なんですね!
村長
かなり前からありますが、現在でもバージョンアップされているみたいですよ!
ただし、Windows向けです。
ただし、Windows向けです。
WinSCP(ウィンエスシーピー)
![](https://webtamamura.com/wp-content/uploads/2022/07/winscp1.png)
村長
こちらも、かなり昔からあるソフトです。
こちらも使用したことがありますが、やはり使いづらい印象です。
Windows向けです。
こちらも使用したことがありますが、やはり使いづらい印象です。
Windows向けです。
新人
まだバージョンアップされているみたいなので、これも良くなっているかもしれませんね!
村長
そうですね!
FileZilla(ファイルジラ)
![](https://webtamamura.com/wp-content/uploads/2022/07/filezilla1-1024x269.png)
村長
最近ずっと使っているのがこちらのソフトです。
エクスポート・インポートする機能が使いやすかったので、使用し始めました!
転送スピードが早いのも気に入っています♪
エクスポート・インポートする機能が使いやすかったので、使用し始めました!
転送スピードが早いのも気に入っています♪
新人
なるほど!
村長
現在は、どのソフトも使いやすくなっていると思いますので、自分が使いやすいものを選んでみてくださいね♪
村長
「FileZilla」は、macでも使えるFTPです。
使い方を詳しく学びたいのであれば、クエストをクリアしましょう♪
使い方を詳しく学びたいのであれば、クエストをクリアしましょう♪
まとめ
新人
ホームページ制作に必要なソフトが全て揃いました!!
村長
おめでとうございます!
では『WEBノーマル トップページ』に戻りましょう♪
では『WEBノーマル トップページ』に戻りましょう♪
新人
はい!