用意すべきソフトウェア

このページでは、ウェブデザイナーになるために揃えておきたいソフト(ソフトウェア)についてご紹介します。

独学!未経験からWebデザイナーになる!! > Webデザイナーになる > 学習環境を整えよう > 用意すべきソフトウェア

用意すべきソフトウェア

 Yahoo!ブックマークに登録

Web制作に使用するソフト一式は、Webデザイナーを目指すと決めたなら必ず揃えておきたい所です。無くても書籍などで操作方法を学習することはできますが、実際の行動を伴わない知識はなかなか身につきません。ソフトは安いものではありませんが、是非とも揃えておくことをお勧めします。

さて、それでは揃えておきたいソフトウェアを順に見てみましょう。

このページでは、Web制作の業界スタンダードであるAdobe製品を紹介しています。バージョンは執筆時点の最新であるCS5シリーズをご紹介しています。一部価格が記載されているものがありますが、執筆時点のアドビストアのものです。最新の情報&価格はオフィシャルサイトでご確認ください。

購入しておきたいソフト一覧

このサイトでも繰り返し触れていますが、用意しておきたいソフトは以下のものになります。

Adobe Dreamweaver CS5
Adobe Dreamweaver CS5

価格-49,875 円 (税込)

いわずれと知れたWeb制作ソフトです。


Adobe Illustrator CS5
Adobe Illustrator CS5

価格-84,000 円 (税込)

ベクター形式で最も定評のあるソフト。イラストなどを書くのに使われます。


Adobe Photoshop CS5
Adobe Photoshop CS5

価格-99,750 円 (税込)

ビットマップ形式で最も定評のあるソフト。フォトレタッチなどによく使われます。


Adobe Fireworks CS5
Adobe Fireworks CS5

価格-39,900 円 (税込)

ビットマップ形式&ベクター形式の両方をほどほどに使えるソフト。Webに関するデザイン全般に使われるソフトです。


Adobe Flash CS5
Adobe Flash CS5 Professional

価格-88,200 円 (税込)

フラッシュを制作するソフトです。

単純計算するとなんと合計は361,725円。もちろんお店によって多少安く買えることもあるかもしれませんが、やはりこうやってみると高い!ですよね。たしかにAdobe製品は単品で見るととても高いんです。それではもう少し安く買える方法をご紹介しましょう。

ソフトを安く購入する方法

安く購入する方法1-Adobe Creative Suite(パッケージ)を購入する

Adobe Creative Suiteというのは、簡単に言えばパッケージ製品です。Adobeでは、用途別に複数製品を組みあわせたパッケージ製品を販売しています。一式揃えるのであれば、こちらを選ぶ方が圧倒的に安上がりです。パッケージ製品は複数出ていますが、当サイトでお勧めしているのは以下の2製品です。通常のWebデザイナーにはこれで十分と言えるでしょう。他のパッケージと詳しく比較したい方はオフィシャルサイトの比較ページもご覧になってみてください。

それではお勧めのパッケージを見ていきましょう。

Adobe Creative Suite 4 Web Premium
Adobe Creative Suite 5 Web Premium

価格-236,250円 (税込)

Adobe Creative Suite 5 Web Premiumには、以下のソフトウェアが含まれます。

  • Adobe Photoshop® CS5 Extended
  • Adobe Illustrator® CS5
  • Adobe Acrobat® 9 Pro
  • Adobe Flash® Catalyst™ CS5
  • Adobe Flash Professional CS5
  • Adobe Flash Builder™ 4 Standard
  • Adobe Dreamweaver® CS5
  • Adobe Fireworks® CS5
  • Adobe Contribute® CS5
  • ------------その他付属ソフト-------------------
  • Adobe Bridge CS5
  • Adobe Device Central CS5

なお、「その他付属ソフト」と表記しているところから下のソフトは、あまり使うことはないかもしれません。(私が普段使っているCS3にも同じようなソフトが入っていますが、少なくとも私はほとんど使っていません)

Web Premiumは、その名の通り、Web用には全く問題ないくらいのソフトが揃っています。ですので、これを買っておけば他のAdobeソフトは必要ないでしょう。意外なところではAcrobat(PDF作成ソフト)もとても便利なんですよ。


Adobe Creative Suite 5 Design Premium
Adobe Creative Suite 5 Design Premium

価格-249,900円 (税込)

Adobe Creative Suite 5 Design Premiumには、以下のソフトウェアが含まれます。

  • Adobe Photoshop® CS5 Extended
  • Adobe Illustrator® CS5
  • Adobe® InDesign® CS5
  • Adobe Acrobat® 9 Pro
  • Adobe Flash® Catalyst™ CS5
  • Adobe Flash Professional CS5
  • Adobe Dreamweaver® CS5
  • Adobe Fireworks® CS5
  • ------------その他付属ソフト-------------------
  • Adobe Bridge CS5
  • Adobe Device Central CS5

Web Premiumとの違いは、Flash Builder 4 Standardと、Contribute CS5が無くなって、代わりにInDesignが入っている点です。将来DTPもやってみたい方・または興味がある方には、DTP業界のデファクトスタンダードに成長した、InDesignが入っているこちらを選択するのもありと言えるでしょう。

安く購入する方法2-アカデミックパッケージを購入する

Adobeでは、教育機関向けの特別価格パッケージも用意しています。対象者は、超激安価格でAdobe製品を購入することができます。

Creative Suite 5 Web Premium アカデミック版
Creative Suite 5 Web Premium アカデミック版

価格-100,380円 (税込)

Creative Suite 5 Web Premium アカデミック版には、通常のWeb Premiumと同じソフトが入っています。

Creative Suite 5 Design Premium アカデミック版
Creative Suite 5 Design Premium アカデミック版

価格-100,380円 (税込)

Creative Suite 5 Design Premium アカデミック版には、通常のDesign Premiumと同じソフトが入っています。

なんと価格は50%以上の割引!これ以外にも、最上位パッケージのMaster Collectionというパッケージでさえも、アカデミックなら125,790円です(なんともうらやましい限りです)。学生の方や、スクールに通っている方などは、是非ともチェックしてみてください。

アカデミック版の注意点

アカデミック版の対象者でないのにアカデミック版を購入&使用することは、ライセンス違反になります。

ソフトは言うまでもなくAdobe社の知的財産です。Webデザイナーは常に知的財産を生み出す職業なのですから、Webデザイナーやそれを目指す人も、著作権に関する高い倫理観を持っていなければならないと思います。だって、自分が一生懸命作ったイラストやコードを不正に使われたらイヤですしね。不正は「ダメ、ゼッタイ。」です。

安く購入する方法3-指定校学生向けライセンス版を購入する

Adobe指定の学校・スクールでは「指定校学生向けライセンスプログラム」というパッケージもあります。こちらはアカデミックパッケージよりもさらに安い!というより、普通に買うのがばからしくなってしまう程の超激安価格です。一例を挙げれば、Creative Suite 5 Web Premiumが約8万なんて価格もあるんですよ!

ただし指定校学生向けライセンス版は、受講期間が最低三ヶ月以上のコースを契約しないと購入することができません。スクール代金を考えたら、結局安くなかった……ということにもなってしまいます。

Eラーニング形式で解決!

しかし、この問題をクリアして、激安販売を実現させるスクールが最近増えてきました。受講期間が三ヶ月以上のEラーニング(オンラインでの教材)コースを受講してもらうことで、指定校学生向けライセンス版を購入できるようにしているのです。もちろんEラーニングなので、スクールに通う必要はありません。スクールでEラーニングを申し込んでソフトがついてくるというよりも、ネット通販でソフトを買って、おまけでEラーニングがついてくる……という感覚の方が近いと言えるでしょう。

当然Eラーニング代はプラスでかかるので、純粋なアカデミックパッケージよりは高くなってしまいますが、それでも普通に買うのに比べたら断然お得です。Eラーニングコースを単品で付けて、Creative Suite 5 Web Premiumが11万~13万程度のところが多いようですね。

スクールからしても、自社の教材と抱き合わせで売れるのでメリットがあり、ユーザからしても、普通に買うより安いのでWin-Winの関係を実現できるというわけですね。

購入方法

Adobeからの(仕入れ値の)割引率が実績により異なるのと、スクール独自の教材の価格もありますので、各スクールの価格は異なります。GoogleかYahoo!で[ Adobe Creative Suite ]と入れて検索すれば、複数の指定校学生向けライセンス対応スクールが広告で出てくると思いますので、気に入ったところで購入されるといいでしょう。

このページをはてなブックマークに追加 Check  Yahoo!ブックマークに登録

コメント

ぐり さん 2010年05月13日11時16分
4人の子供のママです。

初めて独学でやってみようと思っています。とにかく初めてなので、いろいろ見て迷うより馬場さんのHPを頼りに!!と思ってやっているのですが、最初に買うべきソフトは何がいいのか迷っています。

AdobeHPで見たらどんどんわからなくなりました・・・。

ホントに初心者ですが、田舎でフリーで仕事したいと思っているので、とっても難しい仕事はないと思っています。田舎ではHP制作会社がないので、難解な仕事よりはとにかくHP制作してほしいという話ばかり聞きます。依頼もされたりしましたが、私にはまだ全然知識がなくて、是非仕事としてやりたいんです。

最初に買うソフトとして何が必要でしょうか?書籍は「はじめての」関係でホームページ作り、CSS、SEOなど買ってみました。

高いので迷います。どうか教えてください。
馬場誠 さん 2010年05月13日20時38分
ぐりさん、はじめまして。

ソフトって高いですし、分かりづらいですよね。

実は極論を言えば、PhotoshopやFireworksだけでも、
Web制作をすることは一応できます。
(コーディングはフリーのテキストエディタでもできますので)

しかし、やはりいろいろなソフトを
使いこなせた方が便利ですし、
単品で買うのはちょっともったいない気もします。

ですので、本ページでもお勧めしているように、
Adobe Creative Suite x Web Standard
Adobe Creative Suite x Web Premium
のどちらかにされるといいのではないでしょうか。

もし余裕がなければ、ぐりさんの文面からして、
Web Standardの方もありかもしれません。

Web StandardにはIllustratorとPhotoshopがついていませんが、
Web制作会社を目指すのではなく、
しかもそこまで高度な品質を要求されないのであれば
十分なパッケージと言えます。

もちろん余裕があればWeb Premiumをお勧めしますが、
状況におうじてじっくり検討されてみてはいかがでしょうか。

いずれにしても、もう少しでCS5シリーズが発売するので
少し待ってみるといいと思います。

体験版で動作が問題なければ新しいのを買ってもいいですし、
もしCS4が在庫処分価格で販売しているお店があったら
それもありかもしれませんね。
馬場誠 さん 2010年05月15日09時52分
今回私はアップグレードする予定が無かったので
パッケージの内容までは見ていなかったのですが、
CS5ではWeb Standardは廃止されるようですね。

今Adobe Creative Suite 4 Web Standardを購入すると、
Adobe Creative Suite 5 Web Premiumにアップグレードできる可能性もあるようです。
これが本当ならお得ですが、すでにあまり売っていないようですね。
馬場誠 さん 2010年05月20日20時07分
上記の件、本当だったようです。
現時点ではまだ売っています。
詳しくは私のブログCreative Suite 5 Web Premiumを激安で手に入れる方法をご覧ください。
nora さん 2010年12月18日11時22分
初めまして。
興味深く拝見させていただいております。

これからホームページの作成など勉強しようと思っているのですが、ソフトのことがなかなかわかりません。

独学ですので、必要なものから少しずつそろえていきたいと思っています。

Adobe Dreamweaver というのは言わばwebの骨格を作っていくためのもので、必須ということですよね?
一方、Photoshop、Illustrator というのは画像を処理するためのソフトですよね?
画像処理ソフトはGimp等のフリーソフトで代用することは可能でしょうか?

現在就職活動中ですが、簡単なweb管理、ホームページ管理の能力を身につけたいと考えております。

何分知識がないもので、的を射ない質問かもしれませんが、ご教示いただければうれしいです。
馬場誠 さん 2010年12月18日12時45分
noraさん、はじめまして。
> Adobe Dreamweaver というのは言わばwebの骨格を作っていくためのもので、必須ということですよね?
Dreamweaverは(X)HTML/CSS等の各種コーディングをするソフトですが、それが必須かどうかは、何を目的とされているかによると思います。 ただのテキストエディタでもWebサイトは十分作れますから、専門のWeb制作者として就職を目指しているわけでなければ、必ずしも必須ではありません。 (プロでも他のテキストエディタを愛用している人はいます) 逆に、専門のWeb制作者を目指すなら、事実上の業界標準ソフトなので、必須に近いといってもいいでしょう。
> 一方、Photoshop、Illustrator というのは画像を処理するためのソフトですよね?
> 画像処理ソフトはGimp等のフリーソフトで代用することは可能でしょうか?
こちらも、先ほどと同じ感じです。 GIMPでもWebサイト用の画像は加工できますので、簡単なWebデザインが目的であれば十分使えると思います。 しかしWebデザイナーを目指すなら、Photoshop, Illustratorができないと就職自体が難しく、これらはほぼ必須です。 まとめると、専門のWebデザイナー・Webクリエイターを目指すならDreamweaver, Photoshop, Illustratorはほぼ必須。 逆にそれらの就職を目的とせず、あくまで簡単なWebサイトを作れるようになりたい、ということであれば、フリーのテキストエディタ+GIMPということでもいいかもしれません。
nora さん 2010年12月18日13時34分
さっそくのお返事ありがとうございます。
そしてとてもわかりやすく教えていただき、ありがとうございます。

求人情報に「簡単なホームページ管理、Htmlの管理」とあるので、そこまで専門的なことは要求されていないのかもしれません。

時間とお金の制約がありますが、楽しみながら勉強していこうと思います。

ありがとうございました。
馬場誠 さん 2010年12月19日00時18分
特にソフトの指定がないようでしたら、すぐにはAdobe製品を用意しなくてもいいのかもしれませんね。

まずはフリーのテキストエディタ+GIMPで始めてみるのもいいでしょうし、もし一つだけ買うとしたら、GIMPの代わりにPhotoshopを買うのもありかもしれません(GIMPは深く学んでも就職には活かしづらいですが、Photoshopならのちのちまでスキルを活かせるので)

※別途メールでもありがとうございます。こちらのコメント欄はスパム防止のため、管理者による承認制になっていますので、恐れ入りますが即座には反映されません。表記不足で戸惑わせてしまい、大変申し訳ありませんでしたm(__)m。(コメントは最初の方を公開させていただきました)
たつ吉 さん 2011年09月08日20時01分
ただ今、WEB関連で独立を目指しているものです。

方向性はまだ定まっていないのですが、WEBデザイナーとネットショップ経営のどちらかで考えています。

それに向けて、adobeのソフトの購入を考えていますが、独学でも十分勉強できるものなのでしょうか?
それとも、Eラーニングとか専門学校に通学したほうが、より深い知識と技能が身につくのでしょうか?

予算の面から、とりあえずEラーニングを申し込もうとは思っていますが・・・

WEBデザイナーとネットショップ構築とでは、ソフトの習熟度合いの必要性は違ってくるのでしょうか?
なにとぞアドバイスの方、よろしくお願いいたします。
馬場誠 さん 2011年09月09日21時08分
たつ吉さん、はじめまして。
> それに向けて、adobeのソフトの購入を考えていますが、独学でも十分勉強できるものなのでしょうか?
書籍などで学習すれば、独学でも十分に学べますよ! 実際に、独学でWebデザイナーになった人は、私のまわりでもたくさんいます。
> それとも、Eラーニングとか専門学校に通学したほうが、より深い知識と技能が身につくのでしょうか?
必ずしも有料の方がいいというわけではありません。 これに関しては向き不向きもありますので、一概に何が良いとは言えないと思います。 それぞれにメリットやデメリットがありますから、ご自分にあった方法で学ばれるといいでしょう。 すでにお読みかもしれませんが、独学?学校?学習方法についても参考になさってください。
> WEBデザイナーとネットショップ構築とでは、ソフトの習熟度合いの必要性は違ってくるのでしょうか?
独立とおっしゃっていましたので、フリーランス的なWebデザイナーと、ネットショップオーナー兼制作者とを比べた場合、ということですよね。 しいて言えば、前者の方がソフトを使いこなせた方がより素早く多くの仕事ができるので、必要性は高いと言えるかもしれません。 ただしどちらも事業主なわけですから、いかにソフトが使えるかというよりも、いかにビジネスを成功させるかの方が大切なことと言えます(スキルがあっても売り上げが上がらない人もたくさんいる世界ですので)。
myao さん 2012年01月25日19時49分
アドビ欲しくて検索してたどりつきました! 

調べて比較するとここがどこよりも一番安いですね。 
http://www.isa-school.net/webschool/campaign/adobe_cs5_campaign.html 
Adobe CS5.5 激安ソフトキャンペーン|パソコンスクールISA通信講座

アドビとパートナー契約を結んでいるパソコンスクールで激安で購入できるようです。 
内容も製品版と全く同じですし講座もついてくるし簡単に購入できておすすめですよ。 
馬場誠 さん 2012年01月25日21時34分
うわ、安いですね~。
Adobe CS5.5 Web Premiumが10万円切っているとは……。
お得情報、ありがとうございます!
Webデザイナーになる
学習環境を整えよう
├用意すべきソフトウェア
Webデザイン用のPC/モニタ
文字表現を豊かにするフォント
動作&表示チェック用のブラウザを入手しよう
テストサーバーを立てよう
学習前のプランニング
最低限学習しておきたい基本スキル
どんなWebデザイナーになりたいですか!?
独学?学校?学習方法について
目標を明確にし、期限を設定しよう
Webデザイナーの独学学習法
やってはいけないWebデザインの学習法
楽しんでやることが究極の学習法
学習で大切なのは何よりも実践すること
80対20の法則を意識した学習をしよう
Webサイトを作って作って作りまくれ!
情報を発信することで学ぶ
学習TIPS
良いサイトをたくさん見よう
デザインのお手本はWebの中だけじゃない!
Web制作会社で働くことが最強の学習!
一流クリエイターを気にしてはいけない!
学習の効果はすぐには表れない
学習者にとっての強力な教材-本
馬場が読んだWebの学習に役立つ本
上手な本の選び方
上手な本の選び方-ネット編
本の有効活用法
Webデザイナーの就職・転職に役立つ資格
 ホームページへ戻る

独学!未経験からWebデザイナーになる!! > Webデザイナーになる > 学習環境を整えよう > 用意すべきソフトウェア