という、よくあるナビゲーションボタン用のActionScript(2.0)。

ボタン用ムービークリップを作成し、各フレームを以下のように設定。
フレーム1：初期状態（stop();）
フレーム2：状態1
フレーム3：状態2

ボタンMCに以下のASを記述。

on (rollOver) {
if (_root.iName1 != this) {
this.gotoAndStop(2);
}
}
on (press) {
if (_root.iName1 != this) {
this.gotoAndStop(3);
_root.iName1.gotoAndStop(1);
_root.iName1 = this;
}
}
on (rollOut, dragOut) {
if (_root.iName1 != this) {
this.gotoAndStop(1);
}
}

以上、覚え書き。

Yahoo JAPAN! や ニコニコ動画など、エイプリルフールネタを掲載していたサイトの多くがネタを下げていく中、Google は Google ストリートビューのアイコンはまだ下げられていないようですが、各解説ページを見るといつの間にやらこんなコメントが。

川柳

なんだってー？

ガチャピン＠ストリートビュー

いつの間に

昨夜の記事を見てもらえばわかる通り、公開間もない時はエイプリルフールの記述は一切なかったのに。
問い合わせが多かったのでしょうか？両コンテンツとも赤字でエイプリルフールの文字が入っていました。

個人的には、マップはともかく川柳は「まさか・・いやもしや・・？？」と思わせるものがあったのに・・あったような気がするのに・・・・・・・ないな。

楽しいエイプリルフールでした。
たった1日のためにがんばった人達に心から

お疲れ様でした。

そして

ありがとう

• Impresso Watch Headline
• MemoLi – News – 画像補整ソフト『occhocochoi』リリースのお知らせ
• IREM Homepage
• 映画のことならeiga.com
• スネ夫チャンネルへようこそ！
• 『週刊　AfterBurner』　パニャゴスティーニ
• @nifty：デイリーポータル Z
• ニコニコ動画(βββ)

今日一日限定なので、ご利用はお早めに。

本気ですか？

本日より、検索結果に川柳が表示されるようになりました。

東京 R&D センターでは、より日本に適したサービスを提供するため、日本の文化に関する研究を行っています。その一環として、昨年より俳句/川柳の自動生成技術を研 究してきました。瞬間を切り取り、短い表現に落とし込むという俳句/川柳の作成に必要な作業は、従来コンピュータにはできないと考えられていたものです。 しかし本日、Google が新しく開発した CADIE テクノロジーを利用することで、みなさまに川柳をお届けすることができるようになりました。

えーと・・・エイプリルフールですよね。
CADIEテクロノジーって何？

巷では、川柳が表示されるキーワードを探すのが流行の兆し。

例えばこのあたり：
ブログ、日本、東京、横浜、ドラえもん、情報、技術、検索、中学生、名言

Google のエイプリルフールは、本気かどうか判断に迷います。
ネタならネタと(ry

エヴァ実写ドラマ化計画 – Yahoo! JAPAN

またマニアックなネタを・・・映画のPRですかそうですか。。

エヴァ実写ドラマ化計画！？

ガチャピン ムックのGoogle マップの使い方講座

これはいったい・・ネタなのか本気なのか。

ガチャピン ムックの Google マップ使い方講座

ネタならネタと・・・
深夜のガチャピンドアップは、正直厳しいものがあります。

・・・ん？

ガチャピンッ！！

ガチャピンがストリートビューのアイコンに！！？？
ちーさいｗ　かわいいｗｗ
でもわかりづらいよｗｗｗ

カスタマイズ機能とかで、このガチャピンアイコンを使えるようにしてくれないかな。。

おまけ：ガチャピン上陸

みんな逃げてぇ?

経緯は・・・ここでは言いますまい。

そこで、差分ツールの２大巨頭「DF」「WinMerge」でこの要望に応える方法をメモ。

※ググったところ、まさに！というソフトを見つけましたが、動かず。
必要そうなランタイムを入れてみたもののダメ・・・原因をさぐるより他のツールを探したほうが早そうなので放置。

DF.exe

1. 『DF.exe 』に比較したいHTML を D&D。
2. ファイル＞比較結果をファイルに保存・・・結果が保存される（.txt）。
3. 『DF支援』を使って、txt をエクセルデータに変換。自動色付けも可能。
4. 大量のデータ処理時は、『DFの「比較結果をファイルに保存」を自動で実行する』で自動処理させることもできる

※DF.exe の推奨設定

• オプション＞設定＞印刷・保存：「ファイル保存時の一行のバイト数」を200前後に変更

WinMerge

1. 『WinMerge』に比較したいHTML を D&D。
2. ツール＞レポートの生成・・・結果が保存される（.htm）。
3. この結果.htmをエクセルで開き、.xls として保存。

※WinMerge の推奨設定

• 表示＞行番号を表示
• 編集＞設定＞比較
  • 空白：比較を無視する
  • 空行を無視する
  • 改行文字の違いを無視する

もっといい方法があれば、情報提供お願いします！

• IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル

（以下、まとめの抜粋）

1. 必ず『DOCTYPE』を指定する。指定はHTML 4.01を採用する場合もXHTML 1.0を採用する場合もStrictを用いることが望ましい
2. 不可視化や狂ったボックス配置といった多くの問題を避けるために『position:relative』を使うようにする。絶対位置指定を使う場合には子ノードの位置を注意深く確認すること
3. マージン指定のあるフローティング要素でおこる”IE6ダブルマージンバグ”を回避するため、『display:inline』を使うようにする
4. IE6のレンダリング問題を解決するために『hasLayoutプロパティ』を設定する
5. フローティング要素に配置された最後の方の文字列がおかしくなる問題に対処するために『フローティング要素でdisplay:inlineを使 う』『最後のフローティング要素でmargin-right:-3pxを指定』『フローティング要素の最後のアイテムとして条件付きコメントを指定する』 『コンテナの最後の要素として空のdiv要素を指定する』といった対処を実施する
6. IE6はCSSホバー効果をa要素にしか適用できない。クリック可能部分やホバー効果を持たせる要素にはa要素を使う
7. IE6に特化した指定をおこなうために!important指定を使ったり、Advanced Selectorを使う
8. パーセント指定はIEでは混乱をきたすため避けるようにする
9. 完成するまでIE6で試験を行わないと修正に長い時間がかかる。早期にそして頻繁に試験をおこなうべき
10. コードのリファクタリングを実施する

概ね知ってたけど、一部知らなかったこともあったり（汗）

例えば 4 の『hasLayoutプロパティ』。
早速調べてみたら、コリスさんのところでど真ん中の記事発見。

• IEでのCSSのバグを回避するhasLayout | コリス

ふむふむ。
私は、今までこの問題に悩まされたことはあまりなかったですね。
IE でレイアウトに問題が起こったら、まず width 値を設定することにしているので（大抵はこれで解決できる）、この hasLayout を意識せずにすんだということでしょう。

尚、次期 IE のバージョン８では、このプロパティがなくなるそうです。
なくても CSS 対応の不具合によるレイアウト崩れがなくなったから、というのが原因のようで。
IE8 は概ね歓迎できそうな雰囲気ですね。

IEは、セキュリティソフトのように、バージョンアップしなかったら常に警告アイコンが表示されるようになるなど、「バージョンアップするのが当然。しないのは自己責任。（＝旧バージョンではレイアウトが崩れても当然）というような対応をしてもいいと思う・・・。

jQueryでちょっと小粋なアニメエフェクトを追加するテクニックが紹介されています。

流行の lightbox（Labrid WP でも使っている、画像をクリックすると周囲が暗くなり画像だけが画面中央にハイライト拡大表示されるエフェクト）もいいですが、猫も杓子も・・・的なところがあります。
こういったエフェクトをオリジナルに付け加えられる技術はぜひ持っておきたいところです。

jQuery 関連情報

• jQuery 1.3.2 日本語リファレンス
• jQueryサンプル集 | DesignWalker
• All About：タグ「jQuery」の記事一覧

こんなに便利なのに、IE6以前では A 要素にしか対応していない。不便。

例えば、フォームの input ボタンに マウスオーバー効果を付加したい。

なんて時には、泣く泣くCSSは諦めて、マウスオーバー用の画像を用意してonmouseover=”this.src=’button_over.gif’”
なんて事をしないといけなかった。

が、ここで朗報！
この問題だけをクリティカルに解決してくれる素晴らしい方法がありました。

• IEでa要素以外に:hover擬似クラスを適用させる

要するに、
Whatever:hover で配布している csshover.htc をダウンロードして、
これを body { behavior:url(“csshover.htc”); } で読込む。以上！

なんて簡単な・・いや、この htc を開発した開発者さんに感謝。

このファイル名が

（元ファイル名）-150x150.jpg

のように、ファイル名の後にリサイズされたサイズが付くのです。

これをどうにか自由にしたい！

thumb-（元ファイル名）.jpg

のようにしたい！

なんとかならないものかと調べまくってますが、なかなか情報がない。
とりあえず、今後の課題としてメモ。