blog.yusukenakanishi.com

Archive : May, 2008

Friday, May 30, 2008

Web業界の職種

Web業界はたかだか十数年足らずの未成熟な業界ですが、下記のようにいろいろな職種があり、WEB業界の多種多様な職種にあるような職種は下記のものと兼任されていることがほとんどだと思います。他にもライター、イラストレーターとかWeb業界に関わる方はたくさんおられるわけですね。

企画・運用・管理
Webプロデューサー
Webディレクター
デザイン制作
Webデザイナー
マークアップエンジニア(HTMLコーダー)
FLASHクリエーター
システム開発
プログラマー
SE(システムエンジニア)
テクニカルエンジニア
データベースエンジニア
ネットワークエンジニア

いろいろな職種がある中で僕も該当する2つの職種について思うことを。下記を引用したのは職種とその説明が思っている通りだったからです。大体どこでもこの職種の方はこんな感じの仕事をされていると思います。作業や職種が細分化されることで、それぞれに作業する線引きが出来るわけですが、間違ったところに線引き(甘え)をしてしまうと将来痛い目にあいます。きっと。

Webデザイナーとは?

※ここではグラフィックデザイナーとされています。

サイトの基本的なデザインフォーマットの作成から、各種情報ページのデザイン全般、ユーザーインターフェースのデザイン等を行います。デザインの基礎とウェブの特性を理解した上で適切な表現ができることが求められます。

採用情報 募集要項:株式会社 ビジネス・アーキテクツより

マークアップエンジニアとは?

※ここではマークアップデザインエンジニアとされています。

HTML/XHTMLのマークアップ、情報設計および文書構造のデザイン、エンタープライズCMSのテンプレート設計・開発、CSSの設計およびコーディング、JavaScriptのライブラリ設計・開発・実装。以下の技術に関する研究・設計・開発:XMLをはじめとする多様なウェブフロントエンド技術全般、アクセシビリティ、ユーザビリティ、各種オーサリングツールや開発プラットフォーム。

採用情報 募集要項:株式会社 ビジネス・アーキテクツより

そこでWebデザイナーに一言。マークアップエンジニアだけでなく、HTML/XHTMLとCSSの知識ってWebデザイナーも必須だと思います。Webの特性を知らないのにWebのデザインが出来ていると言える?紙媒体のデザイナーだったら紙の質や形、スペースなど特性を生かしたデザインしますよね?Webでも同じことだと思うんです。だからWebの特性であるHTML/XHTMLとCSSは勉強しておいた方がいいよと。下記の引用ではWebデザイナーだけでなく関わるヒトみんなとされています。確かに!

「ほぼすべてのWebサイトがHTMLでできてるんだからWebサイトに関わるほぼ全ての人がHTMLの仕様くらい読んでおくのが当然」

【祝】Blogをはじめて一年たったが、そろそろあの件について一言いっておくか:STOPN’ LISTENより

次にマークアップエンジニアですが、HTML/XHTMLとCSSの知識だけにすがると長生きできないよというお話。HTML/XHTMLとCSSって出来て当たり前の現実がもう目の前に広がってるよ。これは1年近く前にマークアップエンジニアはどこへ向かうべきか(を考えてたらカッとなって LL の資料公開)で話題になりましたね。懐かしいなぁ。不安になってしまったヒトはマークアップエンジニアが生き残ると言うことどんな風に書いたところで、あなたのように書けるのはあなただけ。で励まされてください。

もちろん、入る会社によって必要とされるタスクは違うものです。何にしろ仕事の将来設計はしっかりしないといけませんね。このままでいいのかは日々考えておくことが重要だと思います。後は、視野が狭くなったり、好奇心がなくなったりすることが一番怖いことですね。あと第3回 インターネット関連業界の職種別給与調査という安く見られている現状を打破しないと!

Tuesday, May 20, 2008

リセットCSSを使わない?

「リセット用CSSを使わない」ことが流行ってる(らしい)理由CSS Nite in Ginza, Vol.23のまとめを見てショックを受けたというお話。本当に仕事に関係するネタだよ。

  • どのブラウザでも同一の見た目にするのは、テーブルレイアウト時の負の遺産
  • 若干ブラウザ間で見た目に違いがあってもいいじゃない
  • ブラウザ間の見た目の違いよりも、ブラウザが既にもっているスタイルを有効利用しよう

Webサイトはまったく同じ見た目である必要はないにもあるけど、レイアウトが崩れていても良いという意味ではなく“若干”というところがミソなんだろうね。きっと。ブラウザごとの差を生かしてサイトにひと味加えられると格好いいんだろうなぁ。

でもね。クライアントやディレクター、デザイナーがCSSのディフォルトのスタイルを考慮してくれるとは思えないし、しかも納得させる術なんて持ってないよ。。やっぱりこの辺はマークアップエンジニア以前の問題だと思うんだけどなぁ。リセットCSSにしろ、CSSハックにしろ、画像置換にしろ、それらを使わないという設計で進んでこないと、いざコーディングの時にやっといてねと言われて出来るもんでもなし(出来ることもあるけど)。それにねこれを言い訳?にしたらクライアントにサボってるとかアマチュアだとか言われそうかなと。。

リセットCSSは使っていく方向で。様子見。

実は僕、画像置換はすっごく抵抗持ってます。何で画像じゃダメなのかな?
CSSシグネチャを利用する時とかはメリットはあるんだけどもね。
ま、好き嫌いでは仕事できないから納得させる知識が必要なんだよね。

Monday, May 12, 2008

デザインの10原則

「kishin Design」さんの記事にディーター・ラムスが提唱したデザインの10原則が紹介されていました。そしてこんな話、Appleがあのブラウンからパクったグッドデザイン10の原則もあるそうです。これまた見ての通り、モチベーションを上げてくれるステキ原則なわけです。

  1. Good design is innovative.
    良いデザインは、革新的である
  2. Good design makes a product useful.
    良いデザインは、製品を有用にする
  3. Good design is aesthetic.
    良いデザインは、美的である
  4. Good design makes a product understandable.
    良いデザインは、製品をわかりやすくする
  5. Good design is unobtrusive.
    良いデザインは、押し付けがましくない
  6. Good design is honest.
    良いデザインは、誠実である
  7. Good design has longevity.
    良いデザインは、恒久的である
  8. Good design is consequent down to the last detail.
    良いデザインは、あらゆる細部まで一貫している
  9. Good design is environmentally friendly.
    良いデザインは、環境に優しい
  10. Good design is as little design as possible.
    良いデザインは、できるだけ少なく

BRAUN、Appleもかっこいいなと。