Numb.

とても分かりやすかったのでメモ。
簡潔にまとまっていて良いスライドだなー。

【特集】詳解! HTML 5と関連APIの最新動向 – 新タグ&API編 (2) HTML 5マークアップについての簡易リファレンス | エンタープライズ | マイコミジャーナル

上記記事の内容は、以下の通り。
(1) はじめに – 本特集の趣旨
(2) HTML 5マークアップについての簡易リファレンス
(3) Video/Audio要素とそのAPI
(4) Canvasタグ
(5) 大幅に強化されたフォーム要素
(6) アウトラインを意識したマークアップ
(7) ドラッグ&ドロップAPI

時間があるときにゆっくり読むためにメモ。

IE8 のことを知るためには以下を一読。

• Internet Explorer 8 開発者向け技術概要
• MSDN　What’s New in Internet Explorer 8

現時点で Dojo Toolkit が IE8 で上手く動いていません。次の Dojo の ver UP で直されそうなのでに期待。

ライブラリが動かない等、過去に制作したサイトが崩れたり問題が起きている場合、レンダリングモードを変更して過去の IE 互換レンダリングで表示させておくことが必要。

IE8 にはレンダリングモードが複数あります。詳細は以下のサイトで。

• 2. 実現可能な相互運用性と互換性 – Internet Explorer 8 開発者向け技術概要

1 年弱前の記事ですが、こちらも参考になりました。

• 【メモ】IE8の3レンダリングモードのまとめ / KOMOREBI || blog
• SummerWind – IE8のEmulateIE8/EmulateIE7モード

ただ、IE8 の互換モードと IE7 は全く同じではないということで、そのあたりも注意が必要ですね。

• IE8互換ビューとIE7はまったく同じではない | エンタープライズ | マイコミジャーナル
• IEBlog : Site Compatibility and IE8

正直レンダリングモードが複雑化しすぎている気がします。せっかく「 hasLayout から IE8 で逃れられた！（＝ IE の面倒なモノはなくなった！）」と思ったのになぁ。まだ面倒ですね。
とりあえず、「Internet Explorer 8 開発者向け技術概要」を片手にがんばります。

以前 HTML5 メモ | Numb. という記事を書きましたが、最近 HTML5 を利用したサイトもぱらぱらと出てきたようなので改めて参考サイトなどをメモ。現在はまだ策定中の仕様なので、仕事で使うのは仕様が固まる来年 2010 年以降だと思いますが、そろそろ覚え出したいな。

HTML5 利用サイト

• livedoor labs EDGE
• アップル – Safari – Safari 4の登場です。 – 目の前にひろがる新しいウェブの世界。

HTML5 利用サイトを見てると、そう遠い技術ではないんだなぁと改めて思いました。

HTML5 を知るには以下のサイトを

• HTML 5 ― HTML 4 からの変更点
• HTML 5
• HTML5.JP – 次世代HTML標準 HTML5情報サイト
• HTML 5 の新要素
• HTML 5 – Wikipedia

上記にもあげた IBM の「HTML 5 の新要素」が、現在のマークアップと HTML5 でのマークアップを見比べやすいです。

HTML5 でサンプルとかも作りたいなあ。

以下、090628 追記
「仕様が固まる来年 2010 年以降」と書いたところの補足。

2010年9月に正式な勧告としてリリースする予定、これは遅れるかもしれないし、予定通りかもしれないですが、どっちにしても正式な勧告が来てから実務では使うことになるかな。

HTML5 は XHTML と互換性がないと思っていたのですが、ばっちりあるんですね。
んーんーこれは、結構楽しみな気がしてきました。

• HTML 5 における HTML 4 からの変更点
  W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日本語訳
• HTML5.JP – 次世代HTML標準 HTML5情報サイト

以前に書いた
Numb. – _blank を使わない新規ウィンドウの開き方
の続きにあたる記事です。一応、もう一度おさらいしてみます。

06/13 追記：
大事な部分を丸ごと書き忘れていることに気付きました orz
javascript 関連の部分を追記いたしました。

新規ウィンドウを開かせる手段を実装したい、という場合は以下の 2 種類が有名だと思います。

• a に target=”_blank” を指定する
• javascript で設定する

しかし「ウィンドウを新たに開くかどうか」はユーザーが決めるべきことなので、作り手が決め手はいけない、という話もあります。
そのためか、XHTML 1.1 や XHTML Basic では target=”_blank” という書き方は準拠していない、とされ NG になってしまいます。
「マークアップ言語である HTML で、ウィンドウ操作をする」という点も問題なのだと思います。マークアップ目的以外になるので。

でもユーザーの中にも新規ウィンドウを開く手段を実装しておいて欲しいという人もいます。
いやいや余計なお世話だから、こっちに決めさせてくれ、そんなことは実装しておかないでくれ、という人もいます。
実装して欲しい・欲しくない、という人が両方いる…ということで、じゃあ両方のリンクを制作しておけばいいんじゃ！と思いまして。今回はそんな方向でやってみました。
[Read more]

ブログを持っている方は、trackfeed を使用している方も多いと思います。
trackfeed とは、ブログへリンクをはってくれたサイトを RSS で知ることができるサービスです。
見てるだけでも結構楽しいですし、お気に入りです。

リンクが張られた瞬時にRSSで通知するアクセス解析ツール – トラックフィード

trackfeed を使用するためには、指定された HTML タグをリンクされる可能性のあるすべてのページに貼り付ける必要があります。
ブログの場合、サイドバーかフッターのテンプレートに貼り付けてしまえば全ページに表示されるようになるので OK です。

しかし trackfeed に登録した際に送られてくる HTML タグは、そのままだと Valid XHTML に通りません。
最近は HTML ではなく XHTML で書かれたブログも多く、このサイトも XHTML で書いてあります。
Valid なほうが気持ちが良いよね、ということで、trackfeed 用貼り付けタグを Valid XHTML に通るようにしてみました。

[Read more]

色々使ってみたなかで、これはいいなーと思えたもの。
＃2/24思い出して色々追記やら修正。

ez-HTML

高機能すぎるほど高機能なので、使いこなすには最初に「ん、これどういうもの？どうするの？」
と多少ヘルプを見ないといけないかもしれません。
でも、自分が便利と思う機能だけ使いこなせればいいと思うので、そんなにたくさん学ばなくてはいけないわけでもないし、
なにより便利なので最初のヘルプを見る作業を加味しても十分使ってみる価値ありかも。

基本的には分かりやすく使いやすいソフトだと思います。
寄与歓迎のフリーウェアとなっていますが、下手な製品よりよほど良さそう :D

[Read more]

リンク先を新規ウィンドウで開くやり方と Markdown との兼ね合いについて書きましたが、今日はその続編です。いくつか気になる点があったので、調べてみました。
気になっていたのは、この2点。

• 先日の javascript では、結局 _blank を後付けで指定しているので、よくないのかも。
• そもそも _blank が推奨されなくなったのは、ユーザーがウィンドウを開くかどうかは決めることであり、サイトの運営者が決めることではない。ということから、らしい。それに沿ってないんじゃないか。

丁度同じようなことを取り上げている方のブログを見つけました。

hori-uchi.com: _blankを使わないで別ウィンドウを開くにはrel=”external”を使うのが美しいと思う。

コメント部分含め、参考にさせていただきつつ整理。

[Read more]