私は知りませんでした！
bodyのonloadとかと同じ感じで使用できるらしい。
ただ、あまりいい使い方は浮かびませんが。。。
知っとくと使う時期がくるかも。

使用例などは↓

JavaScriptで画像の大きさを縮小する方法【floatingdaysより】
http://fdays.blogspot.com/2009/11/javascript.html

ただ、Safariでは動きが違たり、gifアニメだとうまく動かなかったりするらしいです。

Safariだけ img要素の onloadの動きが違う【floatingdaysより】
http://fdays.blogspot.com/2009/11/safari-img-onload.html

GIFアニメをロードするIMGでonload使う時の注意　【しろログより】
http://blog.hakoniwa.net/archives/204

K.Y

JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」【phpspot開発日誌より】
http://phpspot.org/blog/archives/2009/10/javascriptjs_bi.html

Javascriptで簡単なサンプルを書いたり、テストをするのは結構面倒なものです。
そんな時にこれを使用すれば、クリック一つで実際の動きを確かめられますし一時的なURLも発行されるようなのでサンプルとして見せる事もできます。
この一時発行？のURL上では日本語は化けてしまうようですが、編集モード時には日本語も使用できるようなので実用上は特に問題なさそうです。

htmlタブの方はタグのハイライトなどはいまいちのようですが、Javascriptタブの方はハイライトもしっかりできているようなので使いやすそうです。
タグの入力補完があったらもっと使いやすいですかね。

K.Y

タイトルの通りですが、IE6でselectタグにdivを重ねると、selectタグが前面に出てきます。（実際の現象は関連記事参照）

関連記事のようにdiv領域の移動をしていた訳でもなく、cssやjavascriptも殆ど使用していなかったので何原因かさっぱりわからず思いっきりはまったので記事にしてみました。
頻繁に目にする事ではないでしょうが、ある瞬間にはまる可能性があるので頭の隅にでも置いといてください。
尚、対応策はあまりいい案がないみたいで、iframeを重ねればいいそうです。
あまりにやるせない対応策なので、私はレイアウトを変更する事になりそうです。。。

IE6でselectタグ(プルダウン)がz-indexを無視する対策【CSS, HTML】【Programming Magicより】
http://www.programming-magic.com/20071107222415/

IE6 の select タグは z-index 非対応　【blog.shimazu.orgより】
http://blog.shimazu.org/archives/10

IE6におけるselect要素とz-index　【ウェブネタブログより】
http://blog.webneta.net/archives/2006/08/22/

K.Y

様々なRIAの技術が氾濫している今日この頃ですが、グラフィカルというのはうまく使わないと乱雑な感じを受ける事が多いです。
実際ぱっと見たときに乱雑な感じを受け、ブラウザ（タブ）を閉じてしまったという事は多々あると思います。

Webデザインの専門家でなくても、ある程度知っておきたい事というのはある訳で。
せめて、ここに書いてあるような事は意識しておきたいものです。

ウェブデザインの見栄えをよくするための7つのキーワード【コリスより】
http://coliss.com/articles/build-websites/operation/design/7-key-principles-that-make-a-web-design-look-good.html

黄金比をサイトのデザインに取り入れる簡単な３つの方法【コリスより】
http://coliss.com/articles/build-websites/operation/design/206.html

ウェブデザインの基本マナー　【嫌われないWebデザインより】
http://www.1000percent-web.com/howto/

K.Y

テキストと画像、どのように使い分けていますか？【ユーザビリティ実践メモより】
http://www.bebit.co.jp/memo/2009/10/post_155.html

確かにWebサイトに訪問した際の動きとして目的のコンテンツを探す場合、ただふらふらと見る場合とありますね。
どういう目的でそのサイトにアクセスしているのか。
目的のコンテンツに案内するためには、画像での誘導が有効な場合と、テキストでの記述が有効な場合があるというのは覚えておく必要があると思いました。
最近はWebサイト構築の際に画像や動画が多く使われる傾向がありますし、気をつけなければいけませんね。

K.Y

ブラウザのサイズに合わせてコンテンツの量を自動調整して配置するスクリプト -Content Scaling
【コリスより】http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-content-scaling.html

確かにこのライブラリは凄いと思うが、それ以前にこの発想が出てこない。
なんらかの一覧を表示する際に決めた数だけ出すのではなく、ユーザの環境に合わせてサイズや数を変更するのがユーザビリティーだと思う訳です。
本来なら画像で出すか、動画で出すか、テキストで出すか、どれだけ出すか、どれから出すかなど色々な情報を駆使してユーザの求めてるものに導くのがいいのでしょうが。
そこまでやると求めているものと違っているとうざったいと感じるわけで。

控えめにかつ使いやすく求める情報に誘導する事が大事。

K.Y

待ちに待ったWindowsの最新バージョンWindows7が発売されて1週間ほどたったが、皆さんの周りの意見はどうだろうか？
私の周りでは興味はあるがSP1が出てからという意見が大半である。
などと偉そうに書いているが、私自身もSP1が出てから導入すると決めていたりしている。
理由は各個人色々あるだろうが、よくまとめられた記事があったため紹介。

Windows 7への移行はSP1まで待つべきか？【ITmedia Newsより】
http://www.itmedia.co.jp/news/articles/0910/29/news014.html

全て納得できる理由であるが、最後の理由として挙げられている「待ったところで困らない」この言葉で私の考えが間違ってなかった事を再認識。
心配事が一つでもある中で、特に困っていないのにアップデートする必要はない。

K.Y

なんとなしに資料のグラフをみていたら、こういうグラフってJavascriptで出来るのかな？と思って探してみたらありました。
（そもそもJavascriptの領域じゃないという突っ込みはおいといて。）

グラフを超キレイに生成するJavaScriptライブラリ「gRaphaël」　【ITキヲスクより】
http://smkn.xsrv.jp/blog/2009/10/graph-create-javascript-graphael/

筆者が物凄いテンションで紹介していますが、これは本当に凄い。
私も実際にライブラリ入れて色々いじってみましたが、↑で紹介されているサンプルをそのまま入れてもマウスオーバーでアップになったり、リンクが張れたりと簡単でしかも綺麗、高機能！
まぁ、IE6、IE7で使えませんでしたが…

ちなみに、グラフ作成のライブラリはかなり一般的なようで探せばいくらでもIEで使用できるものありました。

JavaScript用のグラフ描画ライブラリ色々　【phpspot開発日誌より】
http://phpspot.org/blog/archives/2009/02/javascript_74.html

jQuery でグラフ作成【All About（オールアバウト）より】
http://allabout.co.jp/internet/javascript/closeup/CU20080225A/

K.Y

Googleで検索を行う際に、入力候補が出てきますよね。
あれはGoogleサジェストという機能なのですが、あれと同じような機能を実装するライブラリがあります。

suggest.js - 入力補完ライブラリ
http://www.enjoyxstudy.com/javascript/suggest/

これは、Googleとは違って入力前に入力候補を取得しておき、それに対して入力された文字列と比較し入力補完候補として表示するといったものです。
ライブラリの中を見るとGoogleのように入力されるたびに検索に行くように改良できる要素は残して作成されているのですが、実際に私が使ってみるとレスポンス的に実用には耐えない感じでした。
Googleは凄いですね。

ただ、実際にはGoogleのように入力する候補が無数にある状況というのはなかなかないと思うので、問題はないと思います。
（10000件弱位の件数でしたら特に問題なく使用できました）
何らかの一覧からの入力を求める時などに使用すと、使い勝手が上昇するのではないでしょうか？

Google サジェスト
http://labs.google.com/intl/ja/suggestfaq.html

suggest.jsを使ってAjaxで入力補完 【篳篥日記より】
http://d.hatena.ne.jp/hichiriki/20090416/1239843431

KY

http://www.ideaxidea.com/archives/2009/10/credit_cards_ok.html

顧客の要望によっては、一般ユーザーに広く公開するWebサービスを構築することもあるでしょう。そのサイトで課金制度を用意しようと思ったら、結構大変そうですよね…。

上記記事では実際にクレジットカード課金をWebサービスに導入する為の手順が丁寧に紹介されています。各カード決済代行サービスの比較サイトがリンクされていたり、実際に「イプシロン」というサービスを導入する手順がスクリーンショット付きで説明されていたり、と非常にわかりやすいです。こういうのあると助かりますよね。

SIの場合、課金システムまで踏み込むことは少ないでしょうが、いざ望まれたときバッチリ応えられるのが一流のSEってもんです。是非参考にしてみて下さい。



ヨウイチ