Home > XHTML CSS > がんばろうぜ WEBデザイナー

がんばろうぜ WEBデザイナー

  • Posted by: wu
  • May 20, 2005 2:22 AM
  • XHTML CSS

これからWEBデザインを学びたい人は、一体何を見て勉強すればいいのかなぁ。

HTMLやCSSの書籍は数多く出版されていますが、その多くはチンプンカンプンなものです。HTMLは仕様そのものに"あいまいさ"というものが多くあるため、文章の捉え方によって記述の方法が変わってしまい、「間違いではないけど不適切」といった解説がされやすいからです。僕はHTMLの講義のためのプリントを作る際、例文が必ずしも唯一の正解・使い方ではないことを註訳・補足をしながら作りますが、書籍のように、ページや字数に制限がある中で理解しやすく解説するのは本当に難しいです。しかし、そういったことを考えながら作られている参考書はまだましで、中にはデタラメばかり書いている参考書もあります。制限のために補足を切り捨てる書き方をしたとしても、仕様の"あいまいさ"のために誤解を招かないよう、安パイを通す書き方をすれば良いのですが、"あいまいさ"を隠そうとしているのか、著者が理解していないのか、WEBデザイナーの卵らには、決して目にしてほしくないような毒のあるHTMLを例文として載せていたり、"あいまいさ"とは関係なく、鼻から仕様からそれた書き方を載せている本もあります。(もし、本屋でゲロマブかわいこチャンがそんな本を手にして「ふんふん」頷いてたら、僕は全力で購入意欲をかき消してやります。おっさんは、その限りではありません)

HTMLやCSSを参考書で学びたいと思う人は多いはずです。その人たちは、まず、本屋の「ホームページ作成」棚一面に並ぶ参考書を前にして、どれを購入しようか迷わなければいけません。 彼らにどの本が"良書"であるかどうかを見極める目があるわけでもなく、表紙や派手な内容で購入を決定する人がほとんどでしょう。もし、それが最初に購入する1冊だとしたら、その書籍の内容はとても大きな影響力を持っています。人間は13才までに口にする食物を「おふくろの味」や「好きな食べ物」としてインプットするそうですが、その書籍の内容も同じように、「おふくろの知識」として深く深く記憶に残るでしょう。新品の白いシャツについた色は落ちにくいものです。もし、ここで悪い書籍を購入してしまった場合、真っ白なシャツが簡単に泥や油で汚れてしまいます。僕も最初に油をかぶった一人です。3年間、自分が油まみれなことにも気づかず、ただただやっかいな世界だなと愚痴りながら、沼地にめり込んだ足元を見てノロノロ歩いてきました。これからWEBを勉強する人に同じような道は歩かせたくありません。

僕はStorageのRayという人に、良い道しるべを見せてもらいました。そして色々教えてもらいました。正しく親切にHTMLを解説して下さっている沢山の先輩方も参考にしました。今、そうやって得た知識を、今度は自分が誰かに伝える番になった気がします。講師としては前からそういう気持ちで働いていますが、でも、せっかくWEBが使えるのだから、誰でもいつでも見れるWEBという手段を使ってやってみたい!! 今の段階でも、教えれることは沢山あるはず。「勉強したかったらwuのサイトみるといいよ」って言われるような、そんなサイトがあったら、めちゃめちゃ素敵やん。

*午前2:30 眠くなって文章がだんだんおかしくなってるけど、そんな感じだぞ*

Comments:19

Comment Form
wu 2005年5月20日 02:50

XHTMLやCSSに関する最新のニュースや技術を紹介してるサイトは沢山あります。でもそれらの情報は、全体でみたら一部のマニア達だけのものになっていると思いました。初めてサイトを作る人や、CSSを触ってみたいと思っている人に向けた情報がもっとあってもいいんじゃないかなと思います。

ray 2005年5月20日 04:27

更新してないのでリンクが恥ずかしいのですが。

poon 2005年5月20日 09:40

うーたんにはいろいろな刺激をもらっています。道しるべであり新しいドアでもあります。

dicca 2005年5月20日 10:41

マニアだけっていうのすごい理解できる~。
こないだ地元の同人女友達が2chで”服や化粧品のブランドの名前を覚えるくらいならCSSでもできるようになれっつの”とかなんかわけのわからない叩かれ方をしたらしく、いやそれはちがうだろ、とかつっこみながらCSSをある程度おしえたんだけど、まずidとclassの理解するところからすごいむずかしいみた~いよね。わかっちゃえば簡単なのに。
んで、簡単!初心者用!とかいってるCSS講座っていうのは大体ページ全体に指定する、とかそういうのを教えてるんじゃなくて、タグ単体に装飾するCSSをおしえてて、益々ソースがごっちゃごちゃになってるんじゃないかなと思ったよ、よくある女の子が作ったサイトって…。

lego 2005年5月20日 13:21

泥まみれになっちゃいそうな道に進みかけてうーたんに助けられた一人です。bazookaとStorageさんは自分の中で教科書サイトで、この2サイトでシコタマ勉強しました。ええ、かなり。

勉強してみようかなーって人にいつもbazooka薦めてるよん。『ここ見て勉強して間違いない!!!』って。

ある程度わかってきてから昔買った参考書など読み返してみると、本当にびっくりするような事書いてありますね。『なんやこれ!もういらへん!』つって、こないだ子ども会の新聞、雑誌の集団回収に出しちゃったわ!!アハン。

dobu 2005年5月20日 19:18

初めまして、wuさんの隠れファンです。htmlを友人に少し教わり、それから参考書を見ながら初めて6年くらいが経ち、tableからの脱出をしようとcssの参考書を買いました。1冊買い、また1冊と合計6冊…。私の理解能力不足のせいか、成長していません。部分的基礎・裏技?っぽい内容がほとんどで、それを理解したところで応用するヒントが見つかっていません。wuさんなら私みたいなデキの悪い人間でも分かるように教えてくれそうな気がしました。

wu 2005年5月20日 20:07

>ray
更新してなくてもいいの!そこにあれば。

>poon
新しいドアだなんて! ちょっと恥ずかしい(@.@)

>dicca
そうそう、初心者用と謳ってる勉強サイトは、CSSの部分部分を並べているだけで、CSSとはどういうものかっていう全体的なことを教えないからおかしくなっちゃう。でもそういうサイトってどうしてか凄い魅力的に見えちゃうんだよなー。w

>lego
legoは一言声かけたら、勝手に舞空術ですっ飛んでいったようなきが。でもlegoの成長みて、ちょっと自信ついた。抜かされそうでこえええ。

>dobuさん
わかるわかる! 脱出したいけど脱出できない。超本気になれそうでなれない。やっぱりキッカケも大事だしなー。HTMLとCSSって二つでひとつで、右足がHTMLで、左足がCSS、まっすぐ前進むには両方きちんと動かさないといけないんだよね。テーブルから脱出させる自信あるから、まってて!

wu 2005年5月20日 20:19

独立した内容の濃いサイトを作るつもり。書きたいことが沢山あるから時間はかかっちゃうとおもうけど、完成したら色々な人に役に立つって確信してる!! 講師をやってるノウハウが生かせるきがするんだわあl

アサノ 2005年5月20日 20:48

私は常々 wu さんがそのような事をやってくださったら万々歳だなあとか勝手に思ってたわけです。だって技術だけじゃなくてデザイン力がすげーから。これがあるから説得力がもの凄い。
とゆう事でがむばってくださいませ!

wu 2005年5月20日 21:12

うおお、やっべ調子に乗ってきそう!!
もし完成したら、突っ込めるところは是非突っ込んでください。ボクより凄い人たちからの目が、これまた緊ちょる。

ヒナ 2005年5月23日 19:03

はじめまして。私は小さなイラストサイトを持っているんですけれど、まるっきりテーブルデザインでやってます(泣。IBMのビルダーを使ってちゃちゃっと更新できるから楽なんですが、やっぱりHTMLとCSSでやったほうがいいんですか? HTMLはまるきし勉強しないままきてしまっているので、やっぱり勉強したほうがいいのかなーなんて思ってます。

wu 2005年5月23日 20:38

記事の内容と矛盾してると思われるかもしれないけど、僕はどちらでもいいと思います。HTMLなんて勉強しなくたっていい。
「見てほしいイラストがある」ビルダーを使おうがHTMLを知らなかろうが、WEBを使ってやりたいことができた。それでバッチグですよ。これはヒナさんの言う「小さなサイト」だからじゃありません。どんなサイトであっても、自分の目的を達成させようと考えて作ればバッチグなんです。そこに文句を言える人はいません。

ただ、まだヒナさんが思いつきもしない、もっともっと凄い事がWEBで出来ちゃうとわかったらどうですか? 例えば、自分のイラストを1000人の人に見てもらうのを目標としたとき、もしHTMLを勉強していれば、1000人と言わず、10000人に見てもらえる事ができるかもしれない。10000人も見てくれれば、その中には憧れの絵描きさんがいるかもしれないし、運がよければその絵描きさんとコミュニケーションがとれる機会が生まれるかもしれない。それってめちゃめちゃ素敵やん。

僕がサイトを作る目的はそこなんです。「やい、作るなら仕様を勉強しろや」「やい、W3Cに従えや」なんて微塵も思っていません。好きなようにやっていいと思います。でも、WEBは皆が考えてるより(今の自分もですが)、もっともっと凄いことができる。楽しいことができる。今よりもっともっと繋がることができるんだと信じています!  勉強することで大きな目的を発想できるようになり、そして達成しやすくなる。ボンヤリでいいから、今僕が想像している未来のWEBのカタチを見てもらいたい、これが、僕がこれから作るサイトの"目的"です。

御清聴ありがとうございました。

(^w^)ノシ

sappitsu 2005年5月24日 04:05

やっぱりイラストのような「見せたいもの!」があるページって多少見づらくても惹きつけるものがありますね。
やりたいことを通じて、同じような意識を持った人や尊敬できる人とつながりを持てるなんてスゴイことだと思います。
Bazookaを今こうしてみてるのも何故か不思議です。
wuさんの言ってる事、僕にはスケールでっかく見えるから はっきりとはわかんないですけど、それほど遠い未来ではなさそうですね。僕も努力すれば到達できるだろうか・・・?って、やっべ~何言いたいか忘れちった・・・orz

wu 2005年5月24日 19:11

スケールでっかくないよー(笑
自分たちが知らないとこでいろいろなサービスやらが実用されてるってかんじかなぁ。今はWEBサイトっていうのが島みたいに海に浮かんで独立してるイメージだけど、もう少ししたら、街みたいに1つの家がBLOCKにたくさんひしめき合って、それが全体で街並みを作ってるような、なんかそんなふうになってゆくよ!

ヒナ 2005年5月25日 10:30

なるほどぉー。 これを期にがんばってやってみようと思います。楽しみにしてますね!

wu 2005年5月28日 13:01

んむむむ、サイト全体の構想をダーっと紙に書いてみたけど、これは思ってたより時間かかるかもしれない・・。 精神と時の部屋に入りたい。

jaco 2005年6月 2日 01:54

たしかにとんでもなHTML解説サイトが氾濫してますが、・web kanzaki・Academic HTMLなどなどのきちんと解説されているサイトもありますよね。そういったサイトを紹介するという方法はどうですか? また、そことは別に新しく解説サイトを作る狙いなどがあったら聞きたいです。

wu 2005年6月 2日 16:04

jacoさんの仰るとおり、きちんと解説されているサイトも沢山あり、良書もあります。僕の作るサイトでもそういったサイトへ沢山リンクし、色々な方の解説を参考にできるようにするつもりです。

勉強の入り口を1つ増やしたいです。皆が皆、最初から仕様書や挙げられた解説サイトを見て、興味をもって勉強できるとは思いません。入門者が本屋で派手な書籍を手に取りやすいように、同じ解説でも教科書のようなものより、イラストなどが入って賑やかに見えるほうが覚えやすいだろうと感じる人もいます。そこを拾いあげるのが狙いといえば狙いです。解説とサンプル、そこから沢山の教科書へのハイパーリンクを飛ばすように作れば、到達地点までの入り口を増やせたことになります。

もうひとつ、WEBページに多く見かけるレイアウトや装飾を、パターンとして沢山集めて解説したいです。

jaco 2005年6月 6日 10:26

なるほど、プレゼンテーションの部分が内容に与える説得力ってありますね。 楽しみにしています。

Trackbacks:1

TrackBack URL for this entry
http://3ping.org/mt/mt-tb.cgi/42
Listed below are links to weblogs that reference
がんばろうぜ WEBデザイナー from 3ping.org
資格とか勉強とか。 from The Wind of Following.. 2005-08-16 (火) 13:48
「何かITスキルをもちたいと思うんだけど,どういうのがいいと思う?」と,AET(あしすたんといんぐりっしゅてぃーちゃー)のK先生に相談されましてん。 「ほかの仕事するにも,語学...

Home > XHTML CSS > がんばろうぜ WEBデザイナー

Book

実践 Web Standards Design

拙著「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Search
Feeds

Return to page top