2005年03月の記事一覧 | 七鍵＠楽天

はてなと楽天？

http://internet.watch.impress.co.jp/cda/news/2005/03/30/7058.htmlポイントなんてあったのですね。なにをどれだけやったら1ポイント（1円）もらえるのでしょう。いえ、ポイントが欲しいわけではなく興味本位で。http://internet.watch.impress.co.jp/cda/news/2005/03/30/7042.html色々な意味で残念な記事。ブログに入場者制限をかけるのであればブログである必要ってないような。会員制掲示板ではだめなのでしょうかね。http://www.yomiuri.co.jp/main/news/20050330i115.htmリアリティのある言い訳がなんとも。http://www.itmedia.co.jp/enterprise/articles/0503/30/news046.html早い話が何も変わらないってことですね。http://www.itmedia.co.jp/enterprise/articles/0503/30/news055.htmlhttp://www.itmedia.co.jp/enterprise/articles/0503/30/news022.htmlこんな感じで明後日からも。

インラインフレームもどきの中の文字色を変えてみよう

本日は以前紹介しましたインラインフレームもどきの文字色を変える方法を紹介します。例）<p style="width:170px;height:170px;overflow:scroll;border:solid 1px #9999ff;color:#0000ff;">文章（省略）</p>表示結果）うちのハッカーは見積もりを出してくれません。あなたのとこのハッカーは、まだその問題の困難さの程度を解析しきれていません。大部分の労働者と違い、ハッカーは問題を確かに理解したと納得できるまで、見積もりを出すことに大きな抵抗を示すでしょう。時には、理解しようとしている間に問題を解いてしまうことさえありえます。優秀な技術者は、決して95%以上の確信を持ちません。そして大抵のハッカーは優秀な技術者です。もしあなたが、無理に見積もり通りにやらせたりはしないと言えば（しかも本気で！）、大抵の場合は、おおまかな見積もりを出してくれるんじゃないでしょうか。この見積もりはえらく高く思えたり、あるいはえらく低く思えるかもしれません。実際、その通りなのかもしれません。結局それは見積もりでしかないんですから。でもそれがあなたの欲しかったものでしょ。もちろん背景に画像を載せることも可能です。例）<p style="background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);width:170px;height:170px;overflow:scroll;border:solid 1px #9999ff;background-attachment:fixed;color:#0000ff;">文章（省略）</p>表示結果）うちのハッカーは見積もりを出してくれません。あなたのとこのハッカーは、まだその問題の困難さの程度を解析しきれていません。大部分の労働者と違い、ハッカーは問題を確かに理解したと納得できるまで、見積もりを出すことに大きな抵抗を示すでしょう。時には、理解しようとしている間に問題を解いてしまうことさえありえます。優秀な技術者は、決して95%以上の確信を持ちません。そして大抵のハッカーは優秀な技術者です。もしあなたが、無理に見積もり通りにやらせたりはしないと言えば（しかも本気で！）、大抵の場合は、おおまかな見積もりを出してくれるんじゃないでしょうか。この見積もりはえらく高く思えたり、あるいはえらく低く思えるかもしれません。実際、その通りなのかもしれません。結局それは見積もりでしかないんですから。でもそれがあなたの欲しかったものでしょ。これを応用すれば、文字のサイズを変えたり、文字のスタイルを変えたりもできると思います。色々試してみて下さいね(￣▽￣人)

インフルエンザ

今日なんとなく体調が優れないので滅多に行かない病院に行きました。いえ、その辺りからなんとなく予感があったのですがインフルエンザと診断されてしまいました。どことなく身体がだるい気がするだけで気分的にはまだまだいけそうなのですがうつされたら困るといちゃもんをつけられ会社を追い出されました。行くとこもないので自宅で療養中。キーボードがまともに打てない辺りが病人っぽい(´･ω･`)まぁ、インターネットを通して感染するウィルスでは無さそうなので皆様ゆっくりして行ってくださいm（_ _）mとここまで入力してひとしきり考えたのですがインフルエンザにちなんだ「小技」って思いつかないですね。インフルエンザなんかいまいち(´･ω･`)

IE7の仕様一部明らかに

http://www.itmedia.co.jp/enterprise/articles/0503/17/news035.htmlどのようなブラウザになるのか今からとても楽しみです。http://www.itmedia.co.jp/enterprise/articles/0503/17/news019.htmlOperaもじゃんじゃん進化しているようですし。タブ機能やRSSリーダ機能など昨今のブラウザは搭載してて当たり前。ぜひともIE独自機能など盛り込んで欲しいものです。

テーブルでこんなことまでできちゃいます

表示結果）今日はいろいろなテーブルへの効果を紹介しましょう(〃⌒▽⌒)ただしどれもIE専用(´･ω･`)記述例）<table style="filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ccccff,endcolorstr=#ffffff,gradienttype=1);width:300px;"><tr><td style="padding:10px;">今日はいろいろな</td></tr></table><table style="filter:progid:DXImageTransform.Microsoft.dropshadow(color=#ccccff,positive=true,offx=20px,offy=20px);width:300px;"><tr><td style="background:#ffffff;padding:10px;">テーブルへの効果を</td></tr></table><table style="filter:progid:DXImageTransform.Microsoft.dropshadow(color=#ccccff,positive=false,offx=20px,offy=20px);width:300px;"><tr><td style="background:#ffffff;padding:10px;">紹介しましょう</td></tr></table><table style="filter:progid:DXImageTransform.Microsoft.Engrave();width:300px;"><tr><td style="padding:10px;background:#666666;">(〃⌒▽⌒)</td></tr></table><table style="filter:progid:DXImageTransform.Microsoft.glow(color=red,strength=10);width:300px;"><tr><td bgcolor="#fffcfc" style="padding:10px;">ただしどれもIE専用(´･ω･`)</td></tr></table>なんとも投げやりな説明…。

楽天で使えるインラインフレームもどきの応用！

今日は質問の内容からです(〃⌒▽⌒)実はこのサイト…随分前からネタ切れ状態なのです。いえ、皆さん口に出さないだけで知っていると思いますが(´･ω･`)なので、質問って形でネタをふって頂くことがどんなに嬉しいか(￣▽￣人)じゃんじゃん質問もらっても確かに対処しきれないのですが他の方にも有益なテクニックであれば紹介していこうと思います。どうぞ遠慮なく質問下さいね(￣▽￣人)前置きはさて置き。インラインフレームもどきの横に文字を書く方法です(〃⌒▽⌒)こちらを応用すれば…横に絵横にインラインフレームもどき横に表なんて色々と使えると思います。え？インラインフレームもどきってなんだ？復習を兼ねて例を(〃⌒▽⌒)例）<p style="background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);width:170px;height:170px;overflow:scroll;border:solid 1px #9999ff;background-attachment:fixed;">文章（省略）</p>表示結果）うちのハッカーは見積もりを出してくれません。あなたのとこのハッカーは、まだその問題の困難さの程度を解析しきれていません。大部分の労働者と違い、ハッカーは問題を確かに理解したと納得できるまで、見積もりを出すことに大きな抵抗を示すでしょう。時には、理解しようとしている間に問題を解いてしまうことさえありえます。優秀な技術者は、決して95%以上の確信を持ちません。そして大抵のハッカーは優秀な技術者です。もしあなたが、無理に見積もり通りにやらせたりはしないと言えば（しかも本気で！）、大抵の場合は、おおまかな見積もりを出してくれるんじゃないでしょうか。この見積もりはえらく高く思えたり、あるいはえらく低く思えるかもしれません。実際、その通りなのかもしれません。結局それは見積もりでしかないんですから。でもそれがあなたの欲しかったものでしょ。さて、こいつの横に何か（今日は文字）を配置するのですが、２列×１行のテーブルに入れちゃうのが最も分かり易いでしょう。ただ、テーブルに入れるのであれば段落タグなんて使う必要無い気がしませんか？次の例を見てください。例）<table><tr><td style="background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);width:170px;height:170px;overflow:scroll;border:solid 1px #9999ff;background-attachment:fixed;">文書（省略）</td><td>ここに文字や絵や表や…なんでも配置してみて(￣▽￣人)</tr></tr></table>表示結果）うちのハッカーは見積もりを出してくれません。あなたのとこのハッカーは、まだその問題の困難さの程度を解析しきれていません。大部分の労働者と違い、ハッカーは問題を確かに理解したと納得できるまで、見積もりを出すことに大きな抵抗を示すでしょう。時には、理解しようとしている間に問題を解いてしまうことさえありえます。優秀な技術者は、決して95%以上の確信を持ちません。そして大抵のハッカーは優秀な技術者です。もしあなたが、無理に見積もり通りにやらせたりはしないと言えば（しかも本気で！）、大抵の場合は、おおまかな見積もりを出してくれるんじゃないでしょうか。この見積もりはえらく高く思えたり、あるいはえらく低く思えるかもしれません。実際、その通りなのかもしれません。結局それは見積もりでしかないんですから。でもそれがあなたの欲しかったものでしょ。ここに文字や絵や表や…なんでも配置してみて(￣▽￣人)なんかおかしいですよね(´･ω･`)Netscapeで見ている方は上記でしっかり思惑通り表示されていると思いますが、IE、Operaなどのブラウザを使われている方には…縦長でスクロールが無いものが表示されたことないでしょうか。実はこれ、ブラウザのバグなんです。本来ならばこれで実現できるはずなのにブラウザが対応していないのでこんな結果となっちゃってるのです。なのでやっぱり万人向けにテーブルでレイアウトをするしかないでしょうね。例）<table><tr><td><p style="background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);width:170px;height:170px;overflow:scroll;border:solid 1px #9999ff;background-attachment:fixed;">文書（省略）</p></td><td>ここに文字や絵や表や…なんでも配置してみて(￣▽￣人)</tr></tr></table>表示結果）うちのハッカーは見積もりを出してくれません。あなたのとこのハッカーは、まだその問題の困難さの程度を解析しきれていません。大部分の労働者と違い、ハッカーは問題を確かに理解したと納得できるまで、見積もりを出すことに大きな抵抗を示すでしょう。時には、理解しようとしている間に問題を解いてしまうことさえありえます。優秀な技術者は、決して95%以上の確信を持ちません。そして大抵のハッカーは優秀な技術者です。もしあなたが、無理に見積もり通りにやらせたりはしないと言えば（しかも本気で！）、大抵の場合は、おおまかな見積もりを出してくれるんじゃないでしょうか。この見積もりはえらく高く思えたり、あるいはえらく低く思えるかもしれません。実際、その通りなのかもしれません。結局それは見積もりでしかないんですから。でもそれがあなたの欲しかったものでしょ。ここに文字や絵や表や…なんでも配置してみて(￣▽￣人)テーブルって本当に便利ですよね(￣▽￣人)

ユーザビリティってなに？

楽天ページって簡単にページのデザインを変えれて便利ですよね。テンプレートを使えば簡単にプロがデザインしたページになりますしオリジナリティを出したければ詳細設定で各パーツの色を個別に変えることもできる。なんて便利な世の中になったのでしょう(￣▽￣人)ただ、ここで一つ忠告。オリジナリティをかもし出すのは大いに結構なのですが、独創的過ぎてユーザビリティが損なわれていないですか？ソフトウェアやWebサイトの「使いやすさ」のこと。様々な機能になるべく簡単な操作でアクセスできることや、使っていてストレスや戸惑いを感じないことなどが、優れたユーザビリティにつながる。また、ユーザが目標の操作を完了するまでに費やした労力などもユーザビリティの指標となる。IT用語辞典 e-Words より抜粋即ち…見てくれている人が行きたい場所にすぐ行けない。リンク文字色が分かりづらい。そもそもリンクがどこにあるのか分からない。こんなことになっていないでしょうか？楽天は全サイト統一的に上部にナビゲーションがあります。# HOMEやBBSなんてあれね。統一的にあるものなので無いと戸惑います。また、リンク文字色は適切でしょうか？リンク上記のような青色に下線がついている文字。これは誰が見てもリンクと分かる表示らしいです。# 各ブラウザの初期設定がこの色だから。例えリンクでもリンクこんなのじゃ初めて来る人は分かりませんよね。分からなければクリックしてもらえる可能性も低くなるというもの。できることであればリンクは青色に下線文字にしましょう。↑クリックしたくなるでしょ（笑逆を言えば、この例のようにリンクでも無いのに青色下線文字を多用するのは止めましょう(´･ω･`)もっともひどいのが何を考えているのかリンク色と背景色を同じにしているサイト。デザインと言うよりは閲覧者と楽天と検索エンジンに喧嘩を売っているようなものです。自己満足なデザインよりも常に見てくれる方の使い易さを最優先に考えたいものですね(〃⌒▽⌒)