Numb.

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

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

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

4 月ぐらいに bluewind というコマンドランチャーを制作・配布していた CSpace さんが閉鎖してしまったらしい。今は使っていないけれど、かつて bluewind にはお世話になったしとても残念。

bluewind＆単機能ツール集 再配布所 ができたようなので、リンクしておきます。

Firefox のメニューバーやブックマークツールバーって、常に表示しなくてもいいけど使いたい時には瞬時に出て欲しかったりします。色々試して、最近ベストと思える形にたどり着けたので書いておきます。

こちらの記事を参考に、keyconfig で「ブックマークバー表示切り替え」に「Page Down」を割り当て、「ツールバー表示切り替え」に「Page Up」を割り当てました。便利！

後でコピペで環境復活させるために自分の設定をメモ。（「ブックマークバー表示切り替え」と「ツールバー表示切り替え」はコメントアウトした箇所が違うだけです。）

ブックマークバー表示切り替え

/* ツールバーなどの表示/非表示を切り替える */

/*
表示を切り替えたいツールバーのIDを以下に追加。
「ツールバーのカスタマイズ」から自分で追加した場合は、
"__customToolbar_★"
の★の部分をツールバー名に置き換えて追加。
表示を切り替えたくないバーはコメントアウトしておく。
*/
var id = [
        // メニューバー
        //"toolbar-menubar",
        // ナビゲーションツールバー
        //"nav-bar",
        // ブックマークツールバー
        "PersonalToolbar",
        // Googleツールバー（拡張機能）
        //"gtbToolbar",
        // Yahoo!ツールバー（拡張機能）
        //"yahoo-toolbar",
];

for(var i=0, bar; i<id.length; i++) {
        if(id[i]) bar = document.getElementById(id[i]);
        if(bar) bar.collapsed = ! bar.collapsed;
}

// ステータスバー
// (表示を切り替えたくない場合は以下をコメントアウト)
//document.getElementById("cmd_toggleTaskbar").doCommand();

メニューバー表示切り替え

/* ツールバーなどの表示/非表示を切り替える */

/*
表示を切り替えたいツールバーのIDを以下に追加。
「ツールバーのカスタマイズ」から自分で追加した場合は、
"__customToolbar_★"
の★の部分をツールバー名に置き換えて追加。
表示を切り替えたくないバーはコメントアウトしておく。
*/
var id = [
        // メニューバー
        "toolbar-menubar",
        // ナビゲーションツールバー
        //"nav-bar",
        // ブックマークツールバー
        //"PersonalToolbar",
        // Googleツールバー（拡張機能）
        "gtbToolbar",
        // Yahoo!ツールバー（拡張機能）
        "yahoo-toolbar",
];

for(var i=0, bar; i<id.length; i++) {
        if(id[i]) bar = document.getElementById(id[i]);
        if(bar) bar.collapsed = ! bar.collapsed;
}

// ステータスバー
// (表示を切り替えたくない場合は以下をコメントアウト)
//document.getElementById("cmd_toggleTaskbar").doCommand();

この方法の良いところは、即座に表示・非表示を切り替えられることはもちろん、「マウスオーバーで表示」タイプだと予期せぬ時にヒョコッと出て目障りだったり、ツールバーのカスタマイズをしたい時に勝手に隠れちゃって Ahhhhh みたいなことがない点です。便利です。

firefox の add-on、keyconfig の設定をメモ。
（インストールの際、再設定が面倒くさいので）
prefs.js に設定が保存されるので、「user_pref(“keyconfig.main.～」を、以下の内容で上書き保存。
[Read more]

以前「Skype を複数のアカウントで同時ログインする方法」（Skype3.xで多重起動する方法）を書きましたが、Skype4 以降この方法では多重起動できなくなりました。

そこで調べて見ると Skype ヘルプで以下の内容を発見。

多重起動して使うためのショートカットを作っておけば簡単。手順をざっくり書いておきます。

1. Skype のショートカットを作る
2. Skype のショートカットを右クリック ＞ プロパティ
3. リンク先を以下のように指定

   "C:\Program Files\Skype\Phone\Skype.exe" /secondary
   

この Skype のショートカットから起動すれば多重起動ができます。

vbs を利用してこれをやっているものも見つけましたが、ショートカットを作ってしまうほうが簡単明快でいいかな～と思います ;)

以下、2010/04/15 追記
詳しい手順を、画像付きで追記しておきます。どちらも手順が違うだけで、最終的には同じモノができています。

方法 1. Skype のショートカットを作り編集する方法

Skype インストールフォルダ（デフォルトでは C:\Program Files\Skype\Phone ）を開きます。

Skype のアイコンを右クリック＞送る＞デスクトップ（ショートカットを作成）

デスクトップに「Skype.exe へのショートカット」ができているので、それを右クリック＞プロパティ

「Skype.exe へのショートカットのプロパティ」が開く＞「ショートカット」タブの「リンク先」を

"C:\Program Files\Skype\Phone\Skype.exe" /secondary

に書き換える

「全般」タブのタイトル部分を『Skype 多重起動』等、わかりやすいものに変更＞[OK] ボタンをクリック

「Skype 多重起動」というショートカットがデスクトップにできているので、そこから起動すれば多重起動が可能

方法 2. 新規ショートカットを作り、設定する方法

デスクトップの空いている場所を適当に右クリック＞新規作成＞ショートカット

「ショートカットの作成」が開く＞「項目の場所を入力してください」となっているところに以下のように記入して、[次へ] ボタンをクリック

"C:\Program Files\Skype\Phone\Skype.exe" /secondary

「このショートカットの名前を入力してください」となっているところに『Skype 多重起動』等、わかりやすい名前を入力＞[完了] ボタンをクリック

「Skype 多重起動」というショートカットがデスクトップにできているので、そこから起動すれば多重起動が可能

2010/04/15 追記、ここまで。

AutoExternalLink 0.2 をリリースしました。

• WordPress Plugins/JSeries » AutoExternalLink (外部リンク用アイコン追加)

prototype.js を使わないようにしました。

これまでは jquery などを利用している他のプラグインと併用した場合、コンフリクトを起こして上手くうごかないよー！＞＜ という状態になってしまっていたかと思うのですが、0.2 からはコンフリクトを起こさなくなっています。

上記の内容でお困りの方はバージョンアップしてみてください。

CCCP と DivX7 を利用。DivX7 のコーデックを利用するために、CCCP の設定で「DivX」「H.264」「AAC」はチェックを外しておく。
もしくは、Windows Essentials Codec Pack（WECP） と DivX7 を利用でもいいのかも。

• DivX 7 | DivX.com
• Combined Community Codec Pack
• Home of Windows Essencials Codec Pack

参考

• DivX7を使ってみたいんだけどCCCPと共存させる設定方法を教えて。 :教えて君.net
• 最新の動画コーデックをまとめてインストールしたいんだけど、いい方法ない？ :教えて君.net

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

ブログ開始時、パーマリンクを以下のように設定して以来ずっとそのまま使っていました。

/%year%/%monthnum%/%day%/%post_id%

1 回サーバーの移動をしたときに post_id が狂ってしまって。そのときは無理矢理 .htaccess でリダイレクトをかけて対応したものの「post_id じゃなくて post_name で管理したほうがいいなぁ」と痛感。ただ、そうすると過去の記事へのリンクが全部きれてしまうし、どうしよう…と悩んで半年以上経過していました。

そんな状態でずるずると移行できないでいたんですが、さっき twitter を見ていたら Masayan さんが以下のような発言を！

私もまさにそんなかんじだったので「思うことはみんな似てるんだなあ！」と思いましたｗ　その後以下のようなやりとりがあり、とても良いプラグインを教えていただきました！

プラグインの紹介記事

• パーマリンクの変更後、旧アドレスでもアクセスできるWordPressのプラグイン | コリス

さっそくパーマリンクを以下のように変更。

/%year%/%monthnum%/%day%/%postname%

上記のプラグインを導入して、こんなかんじに設定。

これで上手く post_id から post_name へ移行できました。
いいプラグインを教えていただけて助かりました！Masayan さんありがとうございます＞＜