WEBデザイナーやプログラマーについて

Question

WEBデザイナーやプログラマーを目指しているのですが、HTMLやCSSを手打ちで、打って勉強しているのですが、実際の職場の為にそのような勉強をする必要があるのでしょうか？

また、今は手打ちでHTML、PHPなどを打ってWEBサイトを作成することはあるのでしょうか？
それともコピペはドリームウィーバーなどでやってしまって実質そのような事は行っていないのでしょうか？

LancerVII · Accepted Answer

こんにちは。

私の会社ではデザインはソフトでやっています。

ただし、細かい調整は手でやっていますので勉強しておいて損は無いです。
というか、このCSSが何をやっているのか最終的には理解していないといけませんし。

コピペがDWってのがどういった意味だかわかりませんが、PHP等のサーバ側の処理やクライアント側で動くのJavaScript等は便利なライブラリ等がありますが、もちろん手打ちです。
デザインはソフトで出来ますが、動的な処理等は手打ちです。

4610-37564 · Answer

そうだろうね　もちろん２つの仕事が理解できて　一人で１件のプロジェクトやっちゃったほうが
メンテナンスにおいても手間掛からないからいいけど

絵描きか　プログラマーか　どっちかの能力が秀でていればいいんじゃないの
絵描きならWeb以外でもちょっと組み方とルール覚えれば広告やPOP製作もできるし
プログラマならデーターベース構築なんかのファイルメーカーでの製作とかもできるでしょう

専属でこれしかやらせないなんてことは、何十人もその仕事に従事している
GreeとかYahooとかそういうとコしかないから
一般のデザイン会社や、事務機屋、ソフト開発ならそういう人材がいるでしょう。

うちもデザイン会社経営してますけど
おれは誌面デザインしかやんねーWeb？わかんねーとか抜かしたら即首切りますよ
一人前に指名も受けてないくせに向上心がない証拠ですから。
口を滑らすというのは本心の言葉です

4610-37564 · Answer

>超大手でもない限り、jquery、デザイン、HTMLコーディング、画像編集アイコン作り、FLASHでの動画編集はWEBデザイナー一人がするのが当然ということですね。お客さんと話し合うこともやるのが普通でしょうか？

まあディレクションに置いては、絵をかく本人がいったほうが、客のカラーもわかるでしょうし
具体的なラフ案のイメージもつかみやすい
営業がいって又聞きするよりは、確実にビジュアル面の完成は早くなります。

ビジュアル系の製作の流れとしては、イラストレータやフォトショップで外装デザインを作り
その状態でビジュアルめんの打ち合わせをしてカラーなどを決め
テンプレートにしてから
記事のみのページを作って行って流し込む。
プログラムもビジュアルも出来るような完璧超人がいればいいが、大概は、どちらかの能力があるのが
普通なので、製作中に別件でプログラム部分は作らせる。　入力画面などの画面はMTML+CSSにて
ベースを作っておいてから、ソースをプログラマーに投げて　テストまで行ってもらった後
外装のテンプレートに差し込む。

一人でどちらもできたとしても、結局仕事は1個しか人間できないんだから
仕事の効率が落ちるのでその点だけは服数人で作業する。

FLASHに関しては絵があって　動いて動作するので、1セットなので、これは1人で任せる。
絵がかけるがスクリプトが・・・というえらい面倒な仕込みのものなら、2人がかり
もちろん　オールフラッシュなんて進めないが　クライアントがどうしてもと言って金を出すなら
やる。

ORUKA1951 · Answer

＞オーサリングツールだと崩れたりすることはないのかと思っていましたが、　微妙にニュアンスが違うので補足させていただきます。　オーサリングツーだろうが手書だろうがこの点については差はありません。そうではなく、・デザインはCSSの問題です。HTMLは文書構造をマークアップするものです。・きちんとしたHTMLやCSSの知識がないと、ツールを使おうと手で書こうとちゃんとしたものが出来ない。　ということです。これは、先のコメントで書いた『HTMLエディタで作成するシンプルなコードはSEO（検索エンジン最適化）にも効果的であることから、』--HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )より　と同じような意味です。　たとえば、HTML5の場合、文書は次のようにマークアップされるでしょう。

見出し

　　

見出し

tracer · Answer

手打ちが主体になるか、あるいは、何かツールを使って結果的にソースを書くのかは、職場の環境に左右されると思います。
しかしながら、手打ちを全く行わずに、ツールを使ってWEBサイトを作るのだとしても、手打ち出来る技術があるかどうかで、ものすごく能力に差がでますよ。
HTML/CSSも含め、プログラム作業の大半は、「エラーを取り除く」という作業です。つまり、手打ちせずとも、どのソースが原因でエラーが起きているのかを理解できる能力が必要になるわけです。従って、DreamWeaverを使うからと言って、HTML/CSS/JS/PHPなどの文法を覚える必要がないということはありません。

ORUKA1951 · Answer

学習としては、それで良いと思います。
　大規模なサイトでは、ページのデザインは統一されていますが、それはすべてのページを手書で作成しているわけではなく、テンプレートひとつをきちんと作成して、データの流し込みはサーバーサイドで行われています。
　したがって小規模なサイトよりも製作は容易な部分も多々あります。

HTMLやCSSは、オーサリングツールには限界があります。
　今後HTML5が一般的になると、canvasやvideoなどの要素は別にして、マークアップはより人の手が必要になります。なぜなら、HTML5ではHTML4.01以上に、厳密に文書構造に従ったマークアップと、プレゼンテーションとの住み分けが徹底されています。

HTML4.01では、
「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」
「World Wide Web Consortium は、HTMLのプレゼンテーション関連要素・属性を、段階的に縮小させていくこととする。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.5 )」
　と予告されていましたから、それがついに実行される時代が来るということです。
・3.5. 不在の要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#absent-elements )
・3.6. 不在の属性 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#absent-attributes )

HTMLは、その結果、文書の内容を読み解き、理解して最適なタグ(要素名)を選択するという作業が必須になりますが、高度な人工知能を持っていないオーサリングツールには、それはまったく期待できませんし、期待してはなりません。この作業は手作業にならざるを得ません。

スタイルシートも、手で書くのなら、本文中の章の項の余談の文字は95%程度のサイズにする・・場合、手書でしたらsection>section>aside p{}と簡単にかけますが、オーサリングツールでは無理ですから、適当にidなりclass名をつけてしまいます。オーサリングツールは原理的にスタイルシートに完全対応することは不可能でしょう。

もちろん、著者がHTMLやCSSの仕組みを理解していれば、オーサリングツールを使いこなせますが、そうでなければとんでもないページを作ってしまいます。

手で書けば、SEO的にも最適なHTMLを作成できますし、スタイルシートもシンプルになります。以前、ある大規模なサイトのマルチメディア対応で再構築を行ったのです(テンプレートとCSSを作成しなおすだけ)が、HTMLとCSSの文書量は1/10以下になりました。
・HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )

Webオーサリングツールは、決して無駄ではありません。サイト管理などには極めて有効ですし、手書では無理な作業--たぶんcanvasやvideo関連は、何らかのツールに依存することになるでしょう。

本当のところ・・・HTMLやCSSを知っていて、簡単なプログラムが書けるとと、オーサリングツールを使ってデザインするのが、とってもまどろしくなります。

オーサリングツールの話は本題ではありませんからここまでにしておいて、CGIをはじめとしたSSP(サーバーサイドプログラミング)や、データベースとそれを操作するPHP、そしてajaxの知識は必要になります。

・文書構造に従った(デザインとは独立した)ただしいHTMLを作成すること
・そのHTMLを対象にスタイルシートをかけること
　ここまでは手作業
　それとは別に、XML+XSLによるデータからHTMLへの変換、ないしSSPによるHTML作成
・そして、javascript,PHP,perlやrubyなどのプログラム、MySQLなどのデータベース、apacheなど関連した技術や知識も必要になってくるでしょう。
　
＞今は手打ちでHTML、PHPなどを打ってWEBサイトを作成することはあるのでしょうか？
　今後ますます必要になってくるでしょう。Webサイト全体ではなくWebページには・・

sendaifuji · Answer

うちの会社もNo.1さんと一緒ですね。
ページの構成はDWで作り、Javascriptは手入力になります。

LancerVII · Answer

こんにちは。

#1です。
うちはDWですが、他は実際のところわかりません。
シェアが高いのでほぼそうだとは思いますが。

Webデザインのソフトはソフトの使い方を理解すればいいわけですので、今は手打ちで勉強しているのが良いかもしれません。
会社に入れば嫌でもソフト使うことになると思います。

ソフトは使っていれば慣れてきますがCSS等についてはソフトを使っているだけでは覚えられません。

いろいろなデザインのサイトのソースを見てみて、ここをいじったらどなるか？
とか見ていたほうが勉強になると思います。

4610-37564 · Answer

100％手打ちでやるようなウスッペライページは今時ないでしょう
オールFLASHのぺーじならHTMLのソースなんて数行ですから手打ちかもね。

最低でも、ビジュアル重視だからね商業デザインは
Zインデックスを踏まえるレイヤー構造のデザインなら、
目打ちで座標きめなんてこんなめんどくさいことはない

製作においてコピペっての意味がまったく解りませんが、
よっぽど大きな会社じゃなければデザインとコーダーは一人でやるものであるし
物によっては前任者のデザインをこの部分は残して変えてほしいとソース持ち込まれることになるので
そのばあい、CSSの何たるかとか読み解けないといけなくなります。

小学生や中学生が漢字覚えるために方眼用紙に同じ字をたくさん書くのと一緒
手打ちでかいて意味を覚えるためです　１から100まで全部これだけを実用しろなんて考えるほうが
そんな凝り固まった頭では時代やクライアントのニーズに合ったもの何ぞ作れるはずがありません

WEBデザイナーやプログラマーについて

こんにちは。

そうだろうね もちろん２つの仕事が理解できて 一人で１件のプロジェクトやっちゃったほうが

>超大手でもない限り、jquery、デザイン、HTMLコーディング、画像編集アイコン作り、FLASHでの動画編集はWEBデザイナー一人がするのが当然ということですね。

＞オーサリングツールだと崩れたりすることはないのかと思っていましたが、

手打ちが主体になるか、あるいは、何かツールを使って結果的にソースを書くのかは、職場の環境に左右されると思います。

学習としては、それで良いと思います。

うちの会社もNo.1さんと一緒ですね。

こんにちは。

100％手打ちでやるようなウスッペライページは今時ないでしょう

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

そうだろうね　もちろん２つの仕事が理解できて　一人で１件のプロジェクトやっちゃったほうが