miau's blog?

| 1 |

2006年 7月 03日 (月曜日)

CSSクックブック―Webデザインのための活用テクニック集

- 読了@技術書 on miau's blog?
Amazon.co.jp の紹介ページ(アソシエイトあり)へ
CSSクックブック―Webデザインのための活用テクニック集 - Amazon.co.jp

知りたいことがあったので、ぱらぱらと読んでみました。

まあクックブックということで予想通りの内容。
一つ一つを真面目に読んだわけではないけど、どんなレシピが載っているか頭の片隅にとどめておくと色々便利そうです。

ちなみに知りたかったのは、タブみたいなUIを効率的に実装する方法。
いいサンプルが見つからなかったけど、

サービス&ソリューション | NTTデータ

みたいなイメージで、
・選択されているタブは他のタブとスタイルが変わる
・選択されているタブのリンクが無効になる
という処理を一つのテンプレートで実現できないかなと。

読んでみると、「3.12 現在のページを明示するメニューの作成」にそのまんまの処理が載っていた。
ただ、今回はグローバルナビとサブメニューにこの処理を入れたいから、さらに一工夫必要かも。
デザイナーさんに無断で CSS とかいじるのも気が引けるし、どうしたものやら。
06:29:55 - miau - No comments - No Trackbacks - Permalink

WEB+DB PRESS Vol.32

- 読了@技術書 on miau's blog?
Amazon.co.jp の紹介ページ(アソシエイトあり)へ
WEB+DB PRESS Vol.32 - Amazon.co.jp

Perl 業界的に結構話題になったので買っていたのですが、このたびようやく読みました。

個人的に役に立ちそうなのは Perl っぽい部分ではなくて、
・Subversion+TRAC のわかりやすい説明
・prototype.js の基本的な部分
・Zend Framework の説明
かな。

prototype.js に関しては script.aculo.us 使ったときに「$() って便利だなー」くらいに思ってたのに、これが prototype.js の機能だと知らなかったりして。その他の関数群もいろいろ便利そうなので、JavaScript 使うとき&適切な状況ならいつでも使いたいくらいですね。

それにしても、雑誌ってのは
・ふつうの書籍に比べると情報量が少ない
・blog に比べると情報が遅い
ということで、今までは「買ったら負け」くらいに思っていたところがあります。
ちゃんと書籍読んで勉強して、blog で最新の情報を追っている人には不要なものなので。
※当然「○○を知りたいなら○○の何号を読め」と言われるほど優れた記事もありますが、それはさておき。

ただ、仕事が忙しいとそうも言ってられないですね。最低ラインの知識を短時間で得るには雑誌という形の妥協も必要かなということで、とりあえず WEB+DB PRESS は今後しばらく買おうかと。
06:30:52 - miau - No comments - No Trackbacks - Permalink

ウェブユーザビリティの法則―ストレスを感じさせないナビゲーション作法とは

- 読了@技術書 on miau's blog?
Amazon.co.jp の紹介ページ(アソシエイトあり)へ
ウェブユーザビリティの法則―ストレスを感じさせないナビゲーション作法とは - Amazon.co.jp

私が UI とかにこだわるのは以前書いたと思いますが。
気に入っているサイトに 使いやすさ研究所 というのがあります。
身近なインターフェイスの良し悪しを批評するということで、誰のためのデザイン?とかに通じるところがあります。

その中で、使いやすさ日記 『102. 図書紹介『ウェブユーザビリティの法則』』として紹介されたので、これは読まねばということで・・・でも絶版だったので Amazon のマーケットプレイスでわざわざ入手。ちなみに価格は定価。

読んでみたところ、確かに面白い本でした。
構成は面白いし、論理的に「この神話(?)は間違っている」というような点が説明されているし、普段は触れることのないユーザビリティテストの様子も載っているし。
でも個人的には「現在では広く知られている」部分も多いせいか、感激というほどではなかったです。「うんうん」と読み進める感じ。

INTRODUCTION にも書いてますが、薄くて読みやすい本なので、忙しい人が片手間に読むのにもお薦めできます。


(2006/07/21 追記)
せっかく手に入れたのに、最近 Safari Bookshelf に追加されたっぽいです・・・。

O'Reilly Network Safari Bookshelf - Don't Make Me Think!: A Common Sense Approach to Web Usability

会員登録してる方はこちらで読んでもいいかも。


(2007/08/09 追記)
第2版出てるので、今から読むならこっちのほうがいいと思います。
Amazon.co.jp の紹介ページ(アソシエイトあり)へ
ウェブユーザビリティの法則 改訂第2版 - Amazon.co.jp

06:31:39 - miau - No comments - No Trackbacks - Permalink

2006年 7月 08日 (土曜日)

Netscape 4.x の対応とか

- Work on miau's blog?
今保守してるサイトの要件が IE5.0/NN4.7 以上での閲覧を保証しないといけないとかで、NN4.78 で動作検証してたんですが、JavaScript が動作しないことが判明。
ちょっと手が空いたので原因を調べたところ、今回の問題は 2 点。

(1) フォーム名等を参照する場合、普通 frmHoge とだけ書けばいいところも document.frmHoge として記述する必要がある
(2) input type="image" では onClick イベントが動作しない。A タグ+IMG タグに置き換えて、A タグの onClick で処理してやる必要がある。

NN4.x なんて Web 黎明期のブラウザだから、今検索しても情報少ないから困った。(1) に関しては言及されているサイトも多いけど、(2) に関しては情報が少なすぎ。

input type=image onClick doesn't work in Netscape - Dev Shed

Input Type = "Image" - JavaScript

このあたりに載ってたけど、確かに Netscape 4 DOM Reference(Internet Archive)によると onClick の説明に

Event handler for
Button, document, Checkbox, Link, Radio, Reset, Submit

とか書いてある。IE の仕様書と厳密に比較したら面白そうだけど、今度サイトのリニューアルで NN4.7 のサポートが必要なる予定だからやらなくていいか。

で、動かない原因を調べたのはいいけど、結局デザインにも関わる部分だとわかったので、今回は変更を保留。会員向けサイト(みたいなもの)だけどクレームが入ってないってことは、NN4.7 使ってる人いないってことでしょ。
09:33:47 - miau - No comments - No Trackbacks - Permalink

ダブルクリックの抑止

- Work on miau's blog?
ちょっと前の話。
今やってる案件で、「Web フォームで submit ボタンをダブルクリックしても、2 回 submit されないようにしてください」との要望(実際には不具合呼ばわりされた)がありまして。
先日読んだCSSクックブックにもそういうレシピ「5.5 1回限り有効な送信ボタンの設定」があったけど、これは onSubmit 時にボタンに display: none なスタイルを適用する強引な方法。これだとキャンセルボタンとか押されたときにどうしようもなくなるでしょ・・・。

もっとまともな方法がありそうなのでググってみると、やっぱりありました。

onsubmit で disable にするやつ

へー。共通の .js に入れるだけで自動的に使えるようになるわけか。
ということで、お客さんに「1 時間くらいで対応できると思いますよ」と伝えたんだけど、これがまずかった。実際組み込んでみるとちゃんと動作しない。

原因は 2 点。
・<body> で onLoad イベントを指定していた。<script>→<body> の順で記述してたから、イベントが上書きされちゃったみたい。
・submit 動作を行うのが <input type="image"> なボタンだったんだけど、type="image" な要素は form.elements として取得できない。

前者の問題は、とりあえず <body> の onLoad イベントにも DisableSubmit.set(); を追記することで対応。
後者の問題は、this.elements の代わりに document.getElementsByTagName('input') を渡すことで対応、と。

ちなみに、setTimeout(〜, 1) を使っているので通常のダブルクリックには対応できるけど、「クリックと同時に Enter」みたいな意地悪をすると二回 submit されるみたい。まあ、

naoyaのはてなダイアリー - submit ボタン disable 技の罠

の対策だろうし、目的は「ついうっかりダブルクリック」を防ぐことだからこれで十分か。
あと、setTimeout(〜, 1000) だと 1 秒後に復活しちゃうけど onStop で実装したほうがしっかり作れるんじゃ?とか思って調べてみたら onStop って IE 特有のイベントみたいで納得。


(追記)

そういえばもう一点変更してたんでした。

if ((elm.type == 'submit' || elm.type == 'image') && !elm.disabled) {
...
}

・・・でしたっけ?なんかすでに変更していただいているような。
とりあえずこれだと引っかからないものが出てくるので、

if (elm.type.match(/^(submit|image|file|button)$/i)) {
if (!elm.disabled) {
...
}
}

こんな感じに。
正規表現で条件判定するのは Perl 厨の悪い癖かもしれないけど、こっちのほうが楽に拡張できるから好きだったり。
10:08:05 - miau - 2 comments - No Trackbacks - Permalink

2006年 7月 11日 (火曜日)

PCサイトビューアで style.display='none'

- W41CA on miau's blog?
スモールスクリーンモードだと効果なしで、PCスクリーンモードだと有効らしい。
これがわからなくて 2〜3 日(30分くらい)ハマった。仕様公開してくれないかな、このへん。

・・・にしても普通の W41CA ユーザや JavaScript プログラマには一生必要にならなそうな情報ですね。


折角なので軽く www.opera.com を見てみた。

Products featuring the Opera Mobile Browser

Opera 搭載機種一覧。PCサイトビューアと呼んでたけど、Opera for BREW と呼ぶのが正しい?

CSS Mobile Profile 1.0

スモールスクリーンモードの CSS はこれに従ってる?
だったら display='none' は効きそうなもんだけど。
07:34:01 - miau - No comments - No Trackbacks - Permalink

2006年 7月 17日 (月曜日)

Subversion実践入門達人プログラマに学ぶバージョン管理

- 読了@技術書 on miau's blog?
Amazon.co.jp の紹介ページ(アソシエイトあり)へ

Subversion実践入門達人プログラマに学ぶバージョン管理 - Amazon.co.jp

出版社(オーム社)

ずっと VSS から Subversion に移行する機会を窺ってたんだけど、ようやく現実的なものになりそうなので購入。仕事の合間を縫って 2〜3 日で読了。

タイトルどおり実践的な内容です。Subversion の特徴についてはそこそこ理解してたつもりだけど、
・リポジトリの構成はどうすべきか
・ブランチやタグを実際にどのように使うと良いか
・バックアップの方法
・運用上の注意点
等が載っていたので、自信を持って移行できそうです。

あと git とか Mercurial との違いがよくわかってなかったんだけど、分散型のバージョン管理システムの特徴も載ってた(※ 1パラグラフ程度)のでその点でも安心しました。普通の仕事に使うぶんには分散型のシステムは必要ないですね。

薄い本ですし、結構気軽に読めると思います。trunk しか使わないような運用ならともかく、ちゃんとブランチとか使って運用したいのであれば読んでおいたほうがいい本だと思います。


(2007-06-04 追記)

第2版が出てます。間違って第一版買わないよう注意。
Amazon.co.jp の紹介ページ(アソシエイトあり)へ
Subversion実践入門:達人プログラマに学ぶバージョン管理(第2版) - Amazon.co.jp

09:21:59 - miau - No comments - No Trackbacks - Permalink

Ubuntu + Trac

- General on miau's blog?
VMware Player 上で Ubuntu を動かして、Trac の動作検証とかしてましたので簡単なメモ。


10:31:19 - miau - No comments - No Trackbacks - Permalink

2006年 7月 18日 (火曜日)

萌えろ営業マン―悩める営業マンへの営業指南書

- 読了@その他 on miau's blog?
Amazon.co.jp の紹介ページ(アソシエイトあり)へ
萌えろ営業マン―悩める営業マンへの営業指南書 - Amazon.co.jp

萌えろ営業マン 「営業のエキスパートが伝授する究極の営業入門書」らしい -

本棚に眠ってたんですが、なんとなく読んでみました。

見た目がアレ&ベタなストーリーですが、内容的には結構まともな本。
私は営業職ではないですが、ヒューマンスキル低いので活かせる部分が多々ありそうです。

脚注がちょっと多すぎて読みにくい感もあるけど、こういう本だと標準くらい。
萌えるか萌えないかで言うと・・・1 モエーくらい?
00:28:58 - miau - No comments - No Trackbacks - Permalink

2006年 7月 20日 (木曜日)

AsciiView.pls

- TextEditor on miau's blog?
例によって PerlScript でサクラエディタ用マクロを作ってみた。

AsciiView.pls

選択文字列中で 7-bit ASCII 以外の部分を \x80 に置換するだけのマクロです。
その文字列が「バイト単位の parse しかしてくれないプログラムからどう見えるか」を調べるのに使います。

Shift_JIS で書かれたスクリプトや設定ファイルでよくわからない挙動が起きたときに便利ではないかと。
[Read More!]
09:10:01 - miau - No comments - No Trackbacks - Permalink

2006年 7月 21日 (金曜日)

Microsoft Office Project 2003オフィシャルマニュアル クライアント編

- 読了@技術書 on miau's blog?
Amazon.co.jp の紹介ページ(アソシエイトあり)へ
Microsoft Office Project 2003オフィシャルマニュアル クライアント編 - Amazon.co.jp

前々から「MS Project を使ってプロジェクト管理しよう」という話は挙がっていたのですが、なかなか導入に乗り出せず。でもアナログな管理に限界を感じてきた&どうも管理面の業務をやらないといけない雰囲気なので、ちょっと真面目に勉強する気になりまして。手始めに会社の人が持っていたこの本を読んでみました。

一通りの機能が画面イメージ付きで説明されている感じで、公式解説書らしい本です。第1章に
・プロジェクトマネジメントとは何か
・Project を使うことでどういう利点があるか
というような説明がちゃんと書いてあるので、「よーしパパ Project 使っちゃうぞ」という気になれるのもいいんじゃないかと。

また、Project の機能を把握することで「プロジェクト管理にはこういう考慮も必要なのか」とか「こういう考え方で管理すればいいのか」という発見があったので、その点もなかなかよかったです。


どうでもいいですが、この手の「画面イメージで機能や操作方法を説明する」系の本はフォトリーディングに向いてますね。Visio の本を読んだときもそうでしたけど、短時間で機能把握できるのでなんだか楽しいです。
09:16:48 - miau - No comments - No Trackbacks - Permalink

2006年 7月 25日 (火曜日)

ピアソンVUEの登録システムがわかりにくい件

- Exams on miau's blog?
また試験受けようと思って申し込みしてたんだけど、半端じゃなくわかりにくかったので、愚痴がてら説明でもしてみます。

結論だけ書くと「VUEでは Zend とそれ以外のベンダとで、別のユーザ登録が必要になる」ということなんですが。
[Read More!]
15:48:44 - miau - No comments - No Trackbacks - Permalink

2006年 7月 28日 (金曜日)

Microsoft Java VM が有効にならない件

- General on miau's blog?
会社の管理システムが Microsoft Java VM じゃないと動かなくて苦労した、って話を 一昨年くらい に書きましたが・・・最近 Java Update をしたら(?)また動かなくなりまして。
今日ようやく解決したのでメモメモ。
[Read More!]
23:57:23 - miau - No comments - No Trackbacks - Permalink

2006年 7月 29日 (土曜日)

PostgreSQL CE 認定試験 Silver

- Exams on miau's blog?
PostgreSQL CE

7/27(木) に午前半休とって受けてきました。
[Read More!]
13:41:36 - miau - No comments - No Trackbacks - Permalink
| 1 |