Numb.

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

いつもは XAMPP で一気に入れていましたが、今回は別々に入れてみました。入れたのは、Apache, Perl, PHP, MySQL, phpMyAdmin です。

※公開用サーバーをたてることが目的ではなく、開発用・テスト用環境の構築が目的です。
[Read more]

右クリックで出る、コンテキストメニューを拡張して使ってます。

上画像のようなかんじで、html を右クリック→ g で、すぐ gVim でその html を開けるようにしてあったり。
html, css, js, ini あたりは gVim で開けるようにコンテキストメニューを拡張して、
gif, jpg, png, psd あたりは Photoshop と IrfanView を開けるようにしてあります。

コンテキストメニューの編集は Contexter というソフトを使っていました。
さきほどレジストリがおかしくなったのか html を右クリックした際のコンテキストメニューから gVim が消えてしまっていたので、久々に Contexter を使おうとしたらどうも上手く動かない。

しょうがないのでざっと探していくつか見つけたのでメモ。

• Vector：Kalen (Windows95/98/Me / ユーティリティ) – ソフトの詳細
• FileMenu Tools – ｋ本的に無料ソフト・フリーソフト
• SHCML – ｋ本的に無料ソフト・フリーソフト

Kalen というソフトをとりあえず使ってみました。普通に使いやすかったです。
残り 2 つも時間があるときに試してみようと思います。

【特集】詳解! 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月に正式な勧告としてリリースする予定、これは遅れるかもしれないし、予定通りかもしれないですが、どっちにしても正式な勧告が来てから実務では使うことになるかな。

HighlightAll

「選択した文字列を瞬時にすべてハイライトしてくれるFirefox拡張『HighlightAll』 – IDEA*IDEA ～ 百式管理人のライフハックブログ ～」を見て導入。

最初は「それほど便利でもないかな～？」と思ったのですが、使っているうちに便利さにハマりました。ページ内検索より断然手軽に使えるうえ、選択を解除したらハイライトも解除できたりと操作感もいいです。

ダウンロードはこちらから。

• Mozilla Japan – Firefox 用アドオン – HighlightAll

Table2Clipboard

既存サイトのテーブルをコピーして、CMS のテキストエリアに書き込むのに使用。
普通のコピペだと現在の class や、いらないタグが入ってしまっていちいち消す必要がありました。この addon を使うと、クリーンなソースの html でテーブルをコピペできるので凄く助かりました。

ちょっと前にこの addon はよくレビューされていたんですが、最初は「えーいらなそう」とか思っていました。
実際に必要に迫られて再度使ってみて、便利さを痛感しました。

レビューが見たい方はこのあたりを。

• 【レビュー】ページ上で選択した表の配置を保ったままコピー – Firefoxのアドオン「Table2Clipboard 0.1.1」 (1) Table2Clipboard 0.1.1の概要とインストール | パソコン | マイコミジャーナル

ダウンロードはこちらから。

• Mozilla Japan – Firefox 用アドオン – Table2Clipboard

愛用中の AHK ( AutoHotKey ) スクリプトで、コーディングに関するものをメモ。あるとないとでは、確実にコーディング速度が違う気がする。AHK GJ !
内容：カラーピッカーと、HTML 実態参照変換。
[Read more]

愛用中の AHK ( AutoHotKey ) に関して備忘録かねて色々。

• AutoHotkey – Free Mouse and Keyboard Macro Program with Hotkeys and AutoText

[Read more]

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

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