基本は基本でしかないけど大事だということ


珍しくアフィリエイト以外のセミナーに行ってきました。
CSS Niteビギナーズ仙台版
CSS NITEビギナーズですが、一部セションを地元のWEB制作者が担当するという、少しローカライズしたセミナーになってました。

かなり場違い感が強かったし、ビギナーズということで物足りない感もあるけど、他の業界の雰囲気を感じられたのは良かったかな。
たまにはこういうセミナーへ参加してみるのも楽しいですね。

感想としては、基本は基本でしかないけど、その基本をできるだけ守ったうえで実務的な手法を使う。割り切ってW3Cからあえて外れることも選択肢の1つだと感じた。

全体的にW3C準拠するのは当然にしても、一部、デザインやアクセシビリティの面などで割り切る場面もある。
個人的にそれを一番感じたのはimg要素のalt属性かなぁ。

一部ASPのアフィリエイトタグで、img要素のalt属性が「”"」だけのことがある。このままだとHTML LINTなんかでエラーにされてしまうので、「”*”」のような形にしてきた。
けど、それはHTML LINTのエラーをなくすだけで、何も代替テキストがないなら「”"」のほうが正しいようだ。
これはちょっとした発見だったかな。
[1/12追記]
tahataさまのご指摘により認識が古いとわかりました。
HTML4.01の仕様書に「alt=”"」の記載があるそうです。
参考URL:

http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/struct/objects.html#adef-alt

それと、サイトの表示を確認するためのワークフロー。
セミナー全体がMacで行われていたので、表示についての評価はそのままWindowsでは当てはまらないけど、サイト表示の確認をする方法は同じだと思うので、これからの作業に活かせる内容だったと思う。

基本は最新のFirefoxで確認すること。
CSSを正しく理解するブラウザエンジンなので、これで表示を確認するのが1番目だそうです。

次に、Safari、Google Crome、Operaなどで確認する。
ようするに、ブラウザエンジンにMozillaやWebkitGeckoやAppleWebKit、Prestoを使っているものですね。同じブラウザエンジンでも少しクセが出るので、その辺はハックなどを使って微調整かけていく。
※[1/12]tahataさまに間違いを指摘いただいたので修正

で、Internet Explorerに取り掛かるわけですが、これは最新から順番に確認していくほうがいいようです。
IE8、IE7と確認したら、コーヒー飲んでねじり鉢巻してからIE6に取り掛かる。

セミナーじゃそういう言い方はしなかったけど、それくらい腹をくくってから表示確認しなさいということですね。
IE6のシェアは35%くらいまで下がってきたけど、まだ残っているからキッチリとハックなどを駆使して対応しましょう。ということでした。

最後に、今回のセミナーに参加して、これからサイト作成時に気をつけようと思ったこと。
・CSSをはずしても意味が通じるXHTMLソースにすること。
デザインが崩れても上から下へ見ていけば理解できること。
・HTMLLINTは商用サイトで70点が目標
もちろん100点が望ましいけど実務的にはそれで充分。
ちなみにYahooのトップは-35点でした。

【番外編】
・セミナー会場での抽選会でOpera9.5のTシャツが当たった

・懇親会の抽選会でAdobeの扇子が当たった

アフィリエイトのイベントじゃ当たったことないのに、場違いなとこに行けば当たるようだ。




同じカテゴリの記事

coded by nessus
カテゴリー: CSS NITE   パーマリンク

基本は基本でしかないけど大事だということ への4件のコメント

  1. tahata より:

    私もCSS Niteビギナーズ仙台版に参加した者です。
    CSS Niteビギナーズ仙台版公式blog(http://cssnite.bluebeck.jp/archives/399)から来ました。
    本記事を拝見して気になった点を,若干書かせていただきます。
    私がAnother HTML-LintでHTML4.01でチェックした時は,「alt=""」でエラーが出た事はありません。
    あしおかさんがチェックされた時はエラー表示されたとのことですが,何ででしょうね?XHTML1.0でチェックするとエラー出るのでしょうか?
    なお,「alt=""」は,HTML4.01の仕様書にも書いてあります(http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/struct/objects.html#adef-alt)。
    ご存知かと思いますが,CSS Niteビギナーズ仙台版で説明ありませんでしたが,Another HTML-Lintの商用利用は有料です。(http://openlab.ring.gr.jp/k16/htmllint/faq.html#payment)
    最後に,Mozilla FirefoxのレンダリングエンジンはGeckoです。
    ちなみに,OperaのレンダリングエンジンはPresto,IEのレンダリングエンジンはTrident(ただし,IE for Mac5のレンダリングエンジンはTasman)です。(http://ja.wikipedia.org/wiki/HTML%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3)

  2. あしおか より:

    > tahataさま
    公式blogに掲載されたとはお恥ずかしい。
    また、認識が古い点や間違いのご指摘ありがとうございます。
    このように指摘いただけるのもセミナーへ参加したおかげですね。
    ・「alt=""」は,HTML4.01の仕様書にも書いてあります
     この点は完全に認識が古かったようです。
     本文にご指摘内容を追記いたします。
    ・Another HTML-Lintの商用利用は有料です
     ご指摘ありがとうございます。
     前項でお分かりいただけるように、使っていたのは
     かなり以前に運営していた個人サイトになります。
     今後商用利用する必要が出た場合には対価を支払う
     つもりです。
    ・レンダリングエンジンの件
     完全に間違えていました。
     ご指摘のように記事を修正いたします。
    最後になりますが、今回のセミナーは個人的にサイト制作技術を向上させたく参加いたしました。
    正月から今回のテキストだった本を読み、これから再勉強を始めようと考えています。
    今年は個別に勉強会も開催されるとのことですので、その折にはまた末席で参加させていただければと考えています。
    いろいろご指摘ありがとうございました。

  3. tahata より:

    私も,webページ作成当初は,「alt="*"」とやってた口です。
    たまたま参加したアクセシビリティ研修で「alt=""」を知った次第で,その研修を受けていなければ,今回のCSS Niteビギナーズ仙台版で初めて知った,となっていたかもしれません。
    私はXHTMLもCSSも基本を少しかじった程度で,多少ともステップアップできればと思い今回のセミナーに参加しました。
    こちらで指摘させていただいた点は,私の少ない知識の中に入っていた項目だっただけです。
    今後もこのようなセミナーがあれば,私も参加して少しずつでもステップアップしていきたいと考えています。
    そういえば今日,今回のセミナーのフォローアップメールが届きました。
    今後開催予定の勉強会,私も関心がありますので,もしかしたら同じ会場で勉強していることもあるかもしれませんね。

  4. あしおか より:

    > tahataさま
    今年は都合がつく限り地元の勉強会へ参加したいと考えています。
    もし機会がありましたらご挨拶させてください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">