ＨＰ作成のスキルについて

質問

ＨＰ作成にあたって、必要なスキルについてお伺いしたいのですが・・・

２年ほど前にＰＧをしておりまして、使用言語はＪａｖａ，ＳＱＬ，ＸＭＬ，ＪＳＰ，ＪａｖａＳｃｒｉｐｔ，ＣＳＳ，ＨＴＭＬとさまざまでした。
といいましても、一人でプログラミングが出来るほどではナイのですが・・・

結婚、出産で退社をして、今子供が８ヶ月なのですが、ちょっと家計が苦しいので、子供も小さいし在宅ワークをしようと思いまして、問い合わせたところＨＴＭＬなどが出来るのであればホームページ作成のお仕事が一番いいと言われました。
自分のＨＰをテキスト打ち（ＨＴＭＬ，ＣＳＳ，ＪａｖａＳｃｒｉｐｔ）で６年ほど運営していたので、ある程度ＨＰ作成にあたってスキルはあるつもりなのですが、やはり独学なので少し自信がなくて・・・

フラッシュや、イラストレータ、ＰＨＰなどの知識はなかったので今フラッシュから勉強している所です。

在宅ワークで、企業から書類（仕様書ではナイかと・・・）が送られてきてそれにしたがってＨＰを作成するみたいなのですが、雛形はなく、企画からコーティングまで１から１０まで自分の頭で作らないといけないみたいなので、一通りＨＰ作成がきちんと出来るようになるには、どういったスキルをまず身につけたら良いでしょうか？昨日からネットでフラッシュを勉強しだした所なので、本当にフラッシュから勉強していいのかな？と迷っています。企業さんによって使う言語は違うと思いますが、みなさんが雇う側としたら、どういったスキルを持った在宅ワーカーを使いたいと思いますか？覚えていると有利な言語などを教えてください。

そして、それを独学で勉強するには、どういった方法が一番良いでしょうか？人材派遣の企業では講習があるのですが、１２万とかで結構高いので、出来れば独学で出来たら嬉しいなぁ・・・と。
今、閉鎖していたＨＰを再開して、バージョンアップさせるような形でフラッシュなどを、取り込んで慣れていこうと思っています。

最後に、これはそんなにたいした悩みではないんですが、テキストエディタではインデントあわせにくいので秀丸を購入しようか迷ってます・・・。前の会社のプロジェクトでは開発ツールに秀丸を使ってましたｗ（ツールというのか？）

回答No.3

shady-me · ベストアンサー

それほど経験もないのですが、お手伝い的にサイト制作に関わったことがありますので、ご参考までに。

言語は、ＸＨＴＭＬ＋ＣＳＳが必須でした。
JavaScriptも必須ですが、良く使う機能って限られるので、基本的なパターンだけ覚えればよいと思います。

フラッシュのアニメーションは、専門のデザイナーに単品で外注することが多かったです。
（だいたい２万～１０万以上してました）
フラッシュは、専門性が高いので素人がいきなり習得するのは難しいような気がします。
逆に習得できれれば、多少は稼げるみたいです。

言語ではないのですが、フォトショップ（と、できればイラストレータも）はWEBデザインするなら必須ソフトです。
ただ、フォトショップとかアドビの製品は価格が（異常に）高いので、全員のPCにはインストールされておらず、
代わりにコーレルのPaintShop Pro（安いソフト）をインストールして使ってることも多かったです。
慣れるとフォトショップとそれほど変らないので、「フォトショップいらない」っていう意見のヒトも割といたので、
在宅ワークされるならコーレルのソフトでもいいのではないでしょうか？

イラストレータ（これも１０万くらいします）は、あったほうがいいですが、なくてもなんとかなるかもしれません。
アクアボタン一つ作るのでも、フォトショップ（またはPaintShopPro）を使うより、イラストレータの方がキレイにできます。
（フォトショップでもキレイに作れるひとは作れますが）
ただはっきりいって１０万円は高いので、やはりコーレルの COREL DRAW X2 （３万くらい）をインストールしてるPCの方が多かったです。
（ソフト環境は無茶苦茶でした。普通のデザイン事務所ならそんなことはありえないと思います）

あと、Dreamweaver（ドリームウェーバー）というソフトがあるのですが、これはデザイン事務所によって使うところと使わないところがあるみたいです。
自分でごりごりXHTML+CSSでコーディングできるなら、Dreamweaverはなくても大丈夫だと思います。

まとめると、（私の意見では）一番重要な技術は、

１．XHTML+CSS
２．JavaScript
３．フォトショップ＋イラレ（又は PaitShopPro＋COREL DRAW）

だと思います。これだけ習得されていればキチンとしたサイトを制作できます。
（FLASHは１～３まで習得してから、余裕があれば勉強すればよいのではないでしょうか）

お礼

ご回答ありがとうございます！
すごく参考になる内容でした。自分的に何が出来れば通用するのかわからずモヤモヤしていた状態だったので、ご回答を読んで、これから取得していく分野がはっきりしたので、助かりました。

お話を伺ってるところだと、Dreamweaverはなくても大丈夫そうなので、その分XHTML+CSSに更に力を入れて勉強していけたらな・・・と思います。XHTML+CSSをしっかり習得していれば、いざDreamweaverを使うとなっても、習得しやすいかな、と。

必須ソフトは頑張ってある程度自宅で出来る範囲で揃えれたらいいな、と思っています。
本当に高いですよね、はじめて見たときぶったまげました・・・（汗）。
しっかり技術、デザイン力、営業力を身につけて、将来的には本気でWEBデザイナーを目指していけたらいいと思っています。
本当にありがとうございました！

回答No.2

ぜ り～（@-Jelly-）

お、サクラ良かったですか～。
自分のお気に入りを認めてもらえると嬉しいですね～（笑

で、
>やはり、ＪａｖａＳｃｒｉｐｔとCGIは外せないですよね
自分も言ってしまってから、ウ～ンとなったんですが。
ＪａｖａＳｃｒｉｐｔはさておきCGIは…

何かの「注文」とかが絡んでくる商用サイトでもない限りは使わないかも…。
「会社のPR」としてのウェブサイトなら、CGI使うかぁ？って感じですねぇ…。

文章を見る限りでは自分より知識も経験もおありのようだから
要らん心配でしょうけど（笑

一応、１日に１人訪問するかしないかの趣味サイト（爆）を
ちまちまやってみて使えたサイトを挙げておきます。

↓５・６年生にもわかるやさしいＪａｖａＳｃｒｉｐｔ
http://www.sky.sannet.ne.jp/masapine/java_top.html
ドロップダウンとか、コピーしてそのまんま使える小技があるんで
ＪａｖａＳｃｒｉｐｔを理解してない状態でもそれなりに使える

↓まりのいろえんぴつ
http://iroempitsu.net/
カラーチャートおすすめ。

↓デザインテンプレートkomachi
http://www.sys5jp.net/komachi/
スタイルシートの勉強にどーぞ。

↓Webデザインテクニック
http://technique.eweb-design.com/
こんなサイト作ってみたいわ～。

↓700km
http://www5b.biglobe.ne.jp/~dmw65z4e/
素材屋。趣味（死

↓KENTWeb
http://www.kent-web.com/
CGIで有名らしいから一応。
検索かけたらトップだと思うからもうご存知かな。

↓NINJATOOLS
http://www.ninja.co.jp/
レンタルCGI（死

お礼

すごい！！ありがとうございます！！！

全部見せて頂いたのですが、とっても役に立つサイトばかりでした！
特に、Webデザインテクニックのサイトなんかは、目指せこんなサイトってな感じで、目標のひとつになりました＾－＾

どこのどいつかも分からない私に色々、教えてくださって本当にありがとうございました！！ちょっと、本気でWEBデザイナーを目指して、独学で２～３年頑張ってみようと思います＾－＾（最初の趣旨が違くなってる・・・）
子供が大きくなって幼稚園にでも行き始めた頃は、週１でも出勤が出来るようになったら在宅のWEBデザイナーになんかなりたいな・・・と、、、
甘いですかね（笑）。
本当にありがとうございました。

回答No.1

ぜ り～（@-Jelly-）

サクラエディタ結構良いですよ。

秀丸からサクラに乗り換えました。
無料ですし。

JavaからHTMLまで言語もサポートしてます。
↑命令語の色が変わるだけですが。
（自動インデントも付きます）

ＪａｖａＳｃｒｉｐｔとCGIかなぁ。。。

参考URL：

http://members.at.infoseek.co.jp/sakura_editor/snapshot.html

お礼

ありがとうございます！！！
さっそくダウンロードしました！すこし書いてみたのですが、とても使いやすく、昨日も充実していて、こんなエディタがほしかったのでとっても嬉しいです＾－＾
無料というのが、また有り難い話です。

やはり、ＪａｖａＳｃｒｉｐｔとCGIは外せないですよね、CGIの方はちょっと難しくてあまり触ったことがないので、CGIも含めて勉強したいと思います。
ありがとうございました！＾－＾