2006年04月21日
JavaScriptのDomにおいて、エレメントの属性値を取得するメソッドはgetAttribute('属性名')
<a class="foo" href="#">bar</a>なエレメントにおいてclassの値を取得するには、通常obj.getAttribute('class')でいいのですが、IEは属性値をclassNameにしないととれません
var attr = obj.getAttribute('class'); //IE以外
var attr = obj.getAttribute(className); //IE
二つまとめると、下記のように書けます。
var attr = obj.getAttribute('class') || obj.getAttribute(className);
[関連記事]
JavaScript++かも日記
IE の getAttribute / setAttribute: Days on the Moon
2006年04月06日
RightFields - Turn your MT into Google Base! - blog.bulknews.net で紹介紹介されていた
Movable Typeのフィールドを自由に追加するプラグイン、試してみました。
インストールは簡単でhttp://www.staggernation.com/mtplugins/RightFieldsからDLしてきたアーカイブを解凍~pluginフォルダ以下を、MTのpluginフォルダに入れるだけです。特に設定も必要ないかと思います。
インストール成功すると、MTのエントリー投稿画面に「RightFields settings」メニューが現れます。

Standard Fieldsは元々MTにあるフィールド名やカラムタイプを変えてしまうもの。
Extra Fieldsは元々MTに存在しないフィールド名やカラムタイプを追加するもの。
使い勝手はどうかなと、以前に作ったCGIによる簡易ショッピングカートのカタログとマスタデータ部分をこの機能から編集してみました。
http://cms.trapple.net/
項目の追加はすごく簡単で使いやすかったです。StandardFieldsの項目は元々MTの機能で表示非表示ができるので、エントリー名=商品名、BODY=商品内容説明とし、あとはExtraFieldsとして拡張追加しています。

今回はMTで言うところのインデックスページのみの生成ですが、当然MTなのでパーマリンクを個別商品のページに使う、カテゴリーを有効に使う、トラックバック・コメントをプロモーションに生かす、など使い方は膨らみまそうです。
さらに改善されるとうれしいポイントとしては、入力フィールドの必須・ユニーク属性や、初期値などが機能追加されれば、もはや下手なCMSより安心で使いやすい、という感想です。
http://www.staggernation.com/mtplugins/RightFields
2006年04月03日
http://ietab.mozdev.org/
Firefoxのブラウザウィンドウ内を、ワンボタンでIEに変えてしまうExtension
インストールするとウィンドウ右下にFirefoxアイコンが現れます。

FirefoxアイコンをクリックすればIE表示に。

IEアイコンをクリックすればFirefox表示に。
CSSコーディングする場合は、まめにIEで確認しないと、あとでショックをうけますね。
そんなショックを少しだけ和らげてくれる一品です。
Extension(機能拡張)を追加することによって、どんどんカスタマイズすることができるFirefox
自分でも利用するExtensionの数が増えてきたので、何個かメモ代わりに紹介します。
『Web Developer』
http://www.infoaxia.com/tools/webdeveloper/
WEB制作やプログラム開発時に役に立つヘッダーやCookie、CSSなど、様々な情報を見たり編集したりできます。
まずはこのExtensionを入れて、それでも足りないものは探せば他でフォローされている、といった感じ。
よく使う機能は以下
・CSS編集機能
現在開いているページのCSSをサイドバーに表示し、それを編集するとリアルタイムで反映されます。
・無効化機能
CSS・Javascript・リファラー送信などをワンボタンで無効に出来ます
・Dom Inspector
HTMLの構造をツリー状に表すDOM(DocumentObjectModel)
複雑になったHTMLや、JavascriptによるDOM操作などの作業時に、非常にありがたい
他にもいろいろありがたい機能が豊富なので、WEB制作者にはもはや当たり前?と言えるExtensionでした。
公式サイトはhttp://chrispederick.com/work/webdeveloper/ですが
日本語版Firefoxにはこちら(http://www.infoaxia.com/tools/webdeveloper/)がよいかと思います。