第 3 回 sugamo.css

2009年4月18日 土曜日

sugamo.css に参加してきました。今回は巣鴨駅すぐそばのルノワールの会議室を借りて行いました。注文できるお弁当やドリンクなどはルノワールクオリティーな価格でした。参加者は kotarok さん、mii さん、Sig. さん、Tak さん、Takazudo さん、あやさんと自分の 7 名でした。少ない !!

当日は夕方まで頭痛が続き、悶えながら参加してきました。そのせいもあり、demo をさせていただいたのですが、途中から適当になってしまって… ごめんなさい。後日 Blog の記事にします。

• Takazudo さんから、HTML でつくったサイトマップ / ワイヤーフレームについてのお話
• Tak さんから、プログラムを動かせないサーバー環境や、サーバーにお金をかけられない場合のための Rails によるローカル環境の CMS のお話
• html 要素は DOM 完成前 (onload 前) に操作できる
• 意外と html 要素の存在を忘れている
• SVG エフェクトを HTML の要素に適用した demo
• フォントの設定はクライアント側に任せるべき。JavaScript をつかった振り分けについて
• テキストエディターの話
  • TextMate は今どきのテキストエディター !?
  • 秀丸エディタのアウトライン解析が便利
  • grep 置換について
• dropbox は SVN っぽい
• HTML には要素が足りない → div 要素で補間 → これは div 厨ではない。div を使って表を作るようは人が div 厨な人
• microformats の abbr-design-pattern はおかしい (e.g. <abbr class="dtstart" title="20090418T1000+0900">2009 年 4 月 18 日 土曜日 10 時</abbr>)。 マシンリーダブルを優先しすぎではないか ? microformats より GRDDL のほうがよさそうだけど、難しくて学習量の問題がありはやらないかも
• 萎える UI (デザイン) の話し
  • 通常時は電話番号、ロールオーバーすると FAX 番号のボタン。その導線の先はお問合せフォーム…。
• フロントエンド実装技術者はバックエンドや他の職域の技術も理解してコードをかける人のほうがいいよね。逆に Web 関連の職種の人も CSS はともかく、HTML は理解してもらいたいよね

その他いろいろと意見の交換などをしてきました。

あと… 『html 要素は DOM 完成前 (onload 前) に操作できる』ことについて気になる節があったので調べてみたのですが、html 要素には style 属性や class 属性は指定できませんでした

http://www.w3.org/TR/html4/loose.dtd

<!ELEMENT HTML O O (%html.content;)    -- document root element -->
<!ATTLIST HTML
%i18n;                               -- lang, dir --
%version;
>

html 要素に指定できる属性は %i18n (lang, dir), version のみ

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

<!ELEMENT html (head, body)>
<!ATTLIST html
%i18n;
id          ID             #IMPLIED
xmlns       %URI;          #FIXED 'http://www.w3.org/1999/xhtml'
>

html 要素に指定できる属性は %i18n (lang, xml:lang, dir), id, xmlns のみ

style 属性や class 属性は指定できないきまりになっていますが、実際に試してみると各 Web ブラウザーの実装では

• html[@class="test"] 対して、.text.test のようなセレクターに設定したスタイルは有効になる
• html[@style="color:red;"] のような時、body 内のテキストは赤くなる

という結果でした。

html 要素を操作するとしても document.documentElement に style や className は付与しないほうがいいのかな…。あといまさらですが、HTML 4.01 では html 要素に id 属性を指定できないけど XHTML 1.0 ではできるんですね