Home 〓特集〓 ホームページデザインのプロになってみない？！
- 技術者向 コンピューター
- ヘッドライン
次のページ>> スレッド一覧はこちら
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
フォームのインターフェースデザインを考える
わかりにくいフォームはユーザーを戸惑わせ、離脱させてしまう。フォームのインタフェースデザインで利用できるセレクタと、各ブラウザの対応状況をまとめた。フォームのインターフェースデザイン
フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。
CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。
ユーザーのアクションに応じてフォームのデザインを変更する
:hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の３種類となっている。
:hover
項目にカーソル（マウスポインタ）を重ねているときにスタイルシートを適用する。
:active
項目をクリックしたとき（項目部分でマウスボタンを押してから放すまでの間）にスタイルシートを適用する。
:focus
項目を選択したときにスタイルシートを適用する。フォームのテキストボックスの場合、選択すると文字を入力できる状態になる。
--------------------------------------------------------------------------------
いずれもCSS 2から定義されているセレクタだが、フォームでの利用に対応していたのはFirefoxとOperaだけだった。しかし、Safariがバージョン3で対応し、Internet Explorerもバージョン7や8で部分的に対応するようになったことで、ようやく実際に利用する目処が立ってきたと言える。
http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0...
2: あぼ〜ん あぼ〜ん
あぼ〜ん
3: あぼ〜ん あぼ〜ん
あぼ〜ん
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
拡大するアフィリエイト市場
Web広告で成果保証型広告のひとつであるアフィリエイトサービスの普及が進んでいる。アフィリエイトは、Webサイトやメールマガジンなどが企業サイトへリンクを張り、閲覧者がそのリンクを経由して商品を購入したりすると、リンク元サイトの主催者に報酬が支払われる手法である。
このたび矢野経済研究所では、アフィリエイトサービスプロバイダー（以下、ASPと表現する）やアフィリエイトサービス提供企業、消費者調査などから、アフィリエイトサービス市場の動向を取りまとめた。
拡大するアフィリエイトサービス市場
アフィリエイトサービスの市場規模は大きく拡大しており、2007年度（07/04〜08/03）には697億9000万円（対前年比135.0％）に達している。今後も市場規模は拡大するとみられ、2010年度には、1325億4000万円まで拡大する見通しだ。
市場規模拡大の大きな要因としては、参入企業の増加、広告主の増加、アフィリエイトパートナーの増加、モバイルアフィリエイト市場の拡大などが挙げられる。
今後も、ほかの広告との組み合わせによる広告利用者／掲載者の増加と成約率のアップ、ASPと自社アフィリエイトを併用するマーチャントの増加、自社媒体を保有するASPの増加による売上の拡大、ナショナルクライアントのさらなる増加、CGMサイト閲覧時間の増加、モバイルアフィリエイト市場の拡大などの要因から、さらにアフィリエイトサービス市場は拡大すると見ている。
http://www.itmedia.co.jp/enterprise/articles/0806/13/news062...
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
“クラウド・アクセラレータ”出現予報
ネットワーク機器に仮想化技術がどう取り入れられているのかをまとめる記事を書いた。その記事はユーザーの視点からネットワーク機器の仮想化を概括する内容だったが，今回はネットワーク機器ベンダーの視点から整理してみたい。ネットワーク機器ベンダーにとってネットワーク機器の仮想化技術とは，将来のクラウド時代にハードウエア市場を総取りするための布石になるのではないかと考えるようになった。
想定する時期は今日明日ではなく，データセンターへの集約が進み，手元にはその端末だけが残る2010年以降のシステムである。今でこそクラウド・コンピューティングと呼ばれている形態だが，基本的な構造はメインフレームの時代と変わらない。巨大な計算資源があり，ユーザーはネットワークを通じて端末から情報を入出力する。この形態でのデータセンターの中身は，サーバー群とその足回りとなるネットワーク機器の集合だ。そこから通信事業者の網を経て，ユーザー側のネットワーク機器とパソコンへと至る。
まずデータセンター側のネットワーク機器の仮想化は，集約したサーバー群を支える足回りとして，複数ユーザーでの共用や動的な設定変更に使われる。今日でもシスコの「Nexus」シリーズを始めとするコア・ネットワーク向けのネットワーク機器にとっては，当たり前の機能となっている。コンピューティングは計算機たるサーバーの仕事で，この個所においてはネットワーク機器が出しゃばる余地はほとんどない。将来もネットワーク機器ベンダー同士が，「ウチの方が信頼性が高いです」「あのベンダーは最近OSを変えたので不安定です」といったこれまでと変わらない戦いが繰り広げられるだろう。
その一方で，ユーザー側のエッジでは，サーバー・ベンダーとネットワーク機器ベンダーの競争が激化する。ユーザー宅のネットワーク機器（CPE：customer premises equipment）に仮想化機構を乗せると，比較的簡単にサーバーの役割を取り込める。まずは小規模なサーバー・アプリケーションの取り込みから始まり，クラウド・コンピューティングの進展に伴ってクラウドのサービスをキャッシュや同期，プロトコル最適化によってアクセラレートするデバイスへと姿を変えていく。こうなると，ネットワークの利用にはモデムやルーターが欠かせない以上，ネットワーク機器ベンダーが有利だ。ネットワーク機器がサーバーを取り込むことがあっても，サーバーがネットワーク機器を飲み込むのは不可能と考える。
「CPE」とは，ADSLモデムや通信サービスのエッジ・ルーターの総称である。当然コスト面での制約が多く，CPUはMHz台，ストレージ資源はMB台が今の相場である。とはいえ，何年かすればCPUの動作周波数はGHz台かつマルチコアに，ストレージはフラッシュ・メモリーの大容量・低価格化によりGB台になる。スロットを一つ付けておいて，SDなどのメモリー・カードを増設できるようになっていても構わない。こうなれば仮想マシンや仮想OSを搭載する余裕が生まれ，小規模なサーバー・アプリケーションをバイナリのまま乗せられるようになる。わざわざソースコードのレベルからカスタマイズして機器に組み込む必要はない。
http://itpro.nikkeibp.co.jp/article/OPINION/20080603/305830/
想定する時期は今日明日ではなく，データセンターへの集約が進み，手元にはその端末だけが残る2010年以降のシステムである。今でこそクラウド・コンピューティングと呼ばれている形態だが，基本的な構造はメインフレームの時代と変わらない。巨大な計算資源があり，ユーザーはネットワークを通じて端末から情報を入出力する。この形態でのデータセンターの中身は，サーバー群とその足回りとなるネットワーク機器の集合だ。そこから通信事業者の網を経て，ユーザー側のネットワーク機器とパソコンへと至る。
まずデータセンター側のネットワーク機器の仮想化は，集約したサーバー群を支える足回りとして，複数ユーザーでの共用や動的な設定変更に使われる。今日でもシスコの「Nexus」シリーズを始めとするコア・ネットワーク向けのネットワーク機器にとっては，当たり前の機能となっている。コンピューティングは計算機たるサーバーの仕事で，この個所においてはネットワーク機器が出しゃばる余地はほとんどない。将来もネットワーク機器ベンダー同士が，「ウチの方が信頼性が高いです」「あのベンダーは最近OSを変えたので不安定です」といったこれまでと変わらない戦いが繰り広げられるだろう。
その一方で，ユーザー側のエッジでは，サーバー・ベンダーとネットワーク機器ベンダーの競争が激化する。ユーザー宅のネットワーク機器（CPE：customer premises equipment）に仮想化機構を乗せると，比較的簡単にサーバーの役割を取り込める。まずは小規模なサーバー・アプリケーションの取り込みから始まり，クラウド・コンピューティングの進展に伴ってクラウドのサービスをキャッシュや同期，プロトコル最適化によってアクセラレートするデバイスへと姿を変えていく。こうなると，ネットワークの利用にはモデムやルーターが欠かせない以上，ネットワーク機器ベンダーが有利だ。ネットワーク機器がサーバーを取り込むことがあっても，サーバーがネットワーク機器を飲み込むのは不可能と考える。
「CPE」とは，ADSLモデムや通信サービスのエッジ・ルーターの総称である。当然コスト面での制約が多く，CPUはMHz台，ストレージ資源はMB台が今の相場である。とはいえ，何年かすればCPUの動作周波数はGHz台かつマルチコアに，ストレージはフラッシュ・メモリーの大容量・低価格化によりGB台になる。スロットを一つ付けておいて，SDなどのメモリー・カードを増設できるようになっていても構わない。こうなれば仮想マシンや仮想OSを搭載する余裕が生まれ，小規模なサーバー・アプリケーションをバイナリのまま乗せられるようになる。わざわざソースコードのレベルからカスタマイズして機器に組み込む必要はない。
http://itpro.nikkeibp.co.jp/article/OPINION/20080603/305830/
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
Mixxビジター数倍増で100万人
5月は、ソーシャルニュースサイトのMixxにとって良い月だった。月始めに CNN.comがすべての記事の最後に「Mixx it」ボタンをつけたのだ。その結果Mixxのユニークビジター数は、4月の38万人から5月には倍以上の90万4000人へと増加した。全体的に見ると、2007年9月に始動して以来、Mixxを訪れた人はわずか240万人だ。これを言い換えれば、これまでMixxに来たことのある人の1/3以上が先月訪れたことになる。
この数字はMixx自身からのもので、Google Analyticsのページの画面イメージを送ってきてくれた（上の画面をクリックで拡大）。ホッケースティック型の最後の部分はCNN効果だ。Compete、 ComScore、Quantcastといったサードパーティー測定サービスは現在4月までのデータしかないが、同サイトに関する数値は大きくずれている（米国ユニーク数がそれぞれ16万8000、6万5000、5万3000）。しかし、今年に入ってから4月までの成長はそろって横ばいを示している。5月のデータが追加されたときに、CNNによるピークが出るかどうか見てみたい。
MixxがライバルのDiggに追い付くまでには未だに長い道のりがある。comScoreによるDiggの4月のビジター数は米国内600万人、全世界で1380万人だ（Diggの自社発表では2600万ユーザー）。
http://jp.techcrunch.com/archives/20080602the-cnncom-effect-...
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
リアルタイム株価情報を無料提供
インターネット上でリアルタイムに株式取引データを入手するのは容易でないものの、Google、CNBC、The Wall Street Journal（WSJ）は米国時間6月2日、ウェブサイト上でリアルタイムにNASDAQ株価を表示することが可能になったと発表した。
以前は、NASDAQの株価情報は、サイト上で15分遅れでのみ入手可能であった。
「インターネットへのユニバーサルアクセスと、リアルタイムが特性のウェブを活用して、投資家はリアルタイムで株価情報を入手したいと願っており、それがいまや無料で可能になった」と、Nasdaq OMX GroupのエグゼクティブバイスプレジデントであるAdena Friedman氏は語っている。
いつもながらGoogleは威勢がいい。グループプロダクトマネージャーであるKatie Jacobs Stanton氏は2日、Google Financeの公式ブログ上で「最新の市場データを入手するのは重要である。株価情報は、現在の市況を反映するために、自動的に毎秒更新される」と説明した。
Yahooは、対抗するGoogleに先行して「Yahoo Finance」を提供しているが、BATS Tradingとの提携を先週発表し、サマリーページにて無料でリアルタイム株価情報を提供すると発表した。この株価情報は今後数週間で、ポートフォリオなどそのほかのファイナンスページに拡大される、とYahooは述べる。
Googleは、ニューヨーク証券取引所のリアルタイム株価情報を表示していない。「われわれは現在、NASDAQで実施された取引を表すリアルタイムデータを提供できるだけである」と広報担当のAnne Espiritu氏は声明で述べている。
http://japan.cnet.com/news/media/story/0,2000056023,...
以前は、NASDAQの株価情報は、サイト上で15分遅れでのみ入手可能であった。
「インターネットへのユニバーサルアクセスと、リアルタイムが特性のウェブを活用して、投資家はリアルタイムで株価情報を入手したいと願っており、それがいまや無料で可能になった」と、Nasdaq OMX GroupのエグゼクティブバイスプレジデントであるAdena Friedman氏は語っている。
いつもながらGoogleは威勢がいい。グループプロダクトマネージャーであるKatie Jacobs Stanton氏は2日、Google Financeの公式ブログ上で「最新の市場データを入手するのは重要である。株価情報は、現在の市況を反映するために、自動的に毎秒更新される」と説明した。
Yahooは、対抗するGoogleに先行して「Yahoo Finance」を提供しているが、BATS Tradingとの提携を先週発表し、サマリーページにて無料でリアルタイム株価情報を提供すると発表した。この株価情報は今後数週間で、ポートフォリオなどそのほかのファイナンスページに拡大される、とYahooは述べる。
Googleは、ニューヨーク証券取引所のリアルタイム株価情報を表示していない。「われわれは現在、NASDAQで実施された取引を表すリアルタイムデータを提供できるだけである」と広報担当のAnne Espiritu氏は声明で述べている。
http://japan.cnet.com/news/media/story/0,2000056023,...
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
C2D E8500 & E7200のオーバークロックを試す
今年の初め、インテルの45nmプロセス採用デュアルコア・プロセッサ「Core 2 Duo E8xxx」(開発コードネーム:Wolfdale)シリーズの販売が開始され、争奪戦になるほどの人気を集めたというのは既報の通り。このシリーズ、発売からだいぶ時間がたっても秋葉原の店頭などでは"入荷→即完売"を繰り返すなど、品薄で入手が困難という状況が続いていた。その後、同じ45nmベースのクアッドコア版「Core 2 Quad Q9xxx」シリーズの販売が始まり、45nm製品全体の流通量も徐々に潤沢になってきたことから、両新シリーズの店頭販売もいよいよ本格化。加えて、4月のラインナップ改定では45nmデュアルコアの最廉価モデルとして、1,000個ロッド時の単価が133ドルと格安な「Core 2 Duo E7200」も投入された。
続きを読む
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
87％のWebサイトに何らかの脆弱性、MBSDが検査レポート
三井物産セキュアディレクション株式会社（本社：東京都千代田区、代表取締役社長：大橋 竜、以下：MBSD）は、「Webアプリケーション脆弱性検査サービス」の最新統計レポートを公開しました。現在Webサイトは、企業からの一方的な情報発信だけに止まらず、利用者同士のコミュニケーション手段として、あるいはオンラインバンキングやオンラインショッピングなどに代表されるように、企業活動を発展させる中心的な役割を担っています。Webサイトの重要度が増すのに応じてセキュリティに対する要求も高まり、セキュリティを意識したWebアプリケーション開発が多くなってきました。
しかしセキュリティ対策を行ったつもりでも、脆弱性検査の結果は未だ多くのWebサイトで脆弱性が発見されており、実際に脆弱性を悪用されてしまった例も後を絶ちません。
このWebアプリケーション脆弱性検査レポート(以下、本レポート)はMBSDが、2007年度(2007年4月1日〜2008年3月31日)に実施したWebアプリケーション脆弱性検査サービスの結果と、2002年からの統計を集計し、Webサイトのセキュリティ対策状況を分析したレポートです。
本レポートが、皆様のセキュアなWebサイト構築の参考となり、社会全体のセキュリティ向上の一助となることを
2007年度Webアプリケーション脆弱性検査レポート(PDF 693Kbytes)
http://www.mbsd.jp/newsrelease/pressrelease_20080526.html
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
グーグル、ヤフーがアイスランドに引っ越しへ
グーグル、ヤフー、マイクロソフトなどの大手インターネット企業が、相次いでそのグローバル・ネットワークの中心拠点をアイスランドに移している。
アイスランドは、膨大なデータセンターを置くのに理想的な場所なのだ。寒冷な気候と安価な電力がその理由。データセンターでは莫大な電力を消費するのだが、その半分が設備の冷房に使われる。このため、年間を通じて寒冷な土地に移転するだけで、莫大な電気代の節約になるのだ。さらに、地熱発電が盛んなアイスランドでは、電力が安価に手に入る。今後は、銀行やその他の一般企業でも、データセンターをアイスランドに移転させる例が多くなるだろう。
しかし、過剰な外国投資の流入による景気の過熱を恐れて、アイスランド中央銀行は、インフレと投機バブルを防止するために、利上げ介入を余儀なくされている。
アイスランドの電力のほとんどは、再生可能なクリーンなエネルギー。これは企業イメージ向上のためだけでなく、現実にCO2排出量削減の必要に迫られている企業にとって、進出の大きな理由になっている。
同国は大西洋の真ん中にあり、米国と欧州の双方と接続する上では便利な位置にある。そればかりか、既に光ファイバー・ケーブルを北米とも欧州とも敷設済みのため、新たに企業が進出しても既存のケーブルを拡充するだけで済む。法人税はたった15％で、行政機構も効率的だ。
スタンパ（イタリア）より
http://courrier.hitomedia.jp/contents/2008/05/post_299.html
アイスランドは、膨大なデータセンターを置くのに理想的な場所なのだ。寒冷な気候と安価な電力がその理由。データセンターでは莫大な電力を消費するのだが、その半分が設備の冷房に使われる。このため、年間を通じて寒冷な土地に移転するだけで、莫大な電気代の節約になるのだ。さらに、地熱発電が盛んなアイスランドでは、電力が安価に手に入る。今後は、銀行やその他の一般企業でも、データセンターをアイスランドに移転させる例が多くなるだろう。
しかし、過剰な外国投資の流入による景気の過熱を恐れて、アイスランド中央銀行は、インフレと投機バブルを防止するために、利上げ介入を余儀なくされている。
アイスランドの電力のほとんどは、再生可能なクリーンなエネルギー。これは企業イメージ向上のためだけでなく、現実にCO2排出量削減の必要に迫られている企業にとって、進出の大きな理由になっている。
同国は大西洋の真ん中にあり、米国と欧州の双方と接続する上では便利な位置にある。そればかりか、既に光ファイバー・ケーブルを北米とも欧州とも敷設済みのため、新たに企業が進出しても既存のケーブルを拡充するだけで済む。法人税はたった15％で、行政機構も効率的だ。
スタンパ（イタリア）より
http://courrier.hitomedia.jp/contents/2008/05/post_299.html
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
Rubyで特定URLの画像パス一覧を表示する
問題あるWebサイトをブックマークする際に、そのURLで表示されている画像の一覧から1つの画像を選択した上でブックマークしたいという要望を受け取ったとします。
そこで、画像選択用のサムネイル表示のために、URL上に表示されている画像URLの一覧を配列として提供したいのですが、どのようなメソッドで提供すべきでしょうか？
ここでは、ごく簡単ではありますが正規表現を使って画像URL一覧の取得を行ってみます。
仕様
画像ファイルは「jpg, jpeg, gif, bmp, png」を取得する
URIスキームが「http」の場合のみ画像を取得する
http://builder.japan.zdnet.com/sp/ruby-doukaku-panel/story/0...
広告 : 〓特集〓 ホームページデザインのプロになってみない？！
検索サイトの舞台裏--グーグル幹部が明かす改善手法
サンフランシスコ発--Googleは、こと検索クオリティに関しては複数の顔を持っているようだ。Googleは、ABスプリットと呼ばれる手法を使って、同社のメイン検索ウェブサイト（簡素な検索ボックスと検索結果の両方について）どのような変更を加えるべきか検討している。Googleの検索プロダクトおよびユーザーエクスペリエンス担当バイスプレジデントであるMarissa Mayer氏は米国時間5月29日、サンフランシスコで開催されているGoogle I/Oカンファレンスで講演した。その中で同氏は、上記の手法について、Googleはユーザーに対し、デザインの異なる複数のページを表示し、その反応を測っていると説明した。
Mayer氏によると、例えばGoogleは、ユーザーに対して表示する検索結果を何件にすべきかを探りたかったという。通常は、10件か20件、25件か30件といったところだろう。この点についてユーザーに直接質問すると、彼らはより多くの検索結果を表示して欲しいと答えた。しかし、実験では全く別の結果が出た。
Mayer氏によると、検索結果の件数を1ページ当たり30件に増やしたところ、ユーザーの検索は全体的に20％減少したという。Googleがサーバーログを綿密に分析した結果、この検索の減少は、検索リストが長いと表示におよそ2倍の時間を要するためだと分かった。つまり、表示速度が重要なのだ。
「表示速度が上がれば人々はより多く検索し、逆に速度が下がれば人々の検索は減少する」（Mayer氏）
これと同じ現象がGoogle Mapsでも見られた。Googleが120Kバイトのページサイズをおよそ30％縮小したところ、地図のリクエストがおよそ3割増加したのだ。「表示速度と利用率の関係は、ほぼ比例する。より素早く製品を提供すれば、利用の増加という形で返ってくる」（Mayer氏）
またGoogleは、ABスプリットテストの結果を受け、同社のロゴや検索結果ページに表示される他の要素の周りの余白部分の割合も改めた。さらに、業界では広告の背景の色は淡いブルーが通例だが、Googleはそれを淡黄色に変更した。Mayer氏によると、その結果、広告のクリック回数が増えただけでなく、一般に検索率も向上したという。
これらがMayer氏にとって関心の高いテーマであることは間違いない。同氏はエンジニアだが、設計の芸術的部分にも関心を持っているからだ。
Mayer氏は、「一般にウェブ上では、（ウェブサイト制作は）芸術よりも設計の要素の方がはるかに大きい」とし、「細かな違いが数多く見つかり、どちらが正しいかを数学的に知ることができる」と付け加えた。
http://japan.cnet.com/special/story/0,2000056049,203...
- About
-
Blog Antenaとは：人気キーワードのコンテンツを扱ったブログの最新の更新情報を収集し、発信するアンテナです。
【超おすすめ！】
エックスサーバー
★★★★★
[月額1,050円,Perl,PHP,MySQL,Cron,マルチドメイン,サブドメイン,.etc]
ここまで至れり尽くせりのサーバーは他にみたことありません。初心者からコアユーザーまで間違いなく満足できるサービスだと思います。またXoops,WordPress,Pukiwikiなど有名CGIがコントロールパネルから自動でインストールできる便利さ。お試し期間も10日もあるのでその機能やレスポンスを十分検討することが出来ます。 - Recent Entries
-
- はてなアンテナ ページが更新されました 2008年11月21日
- [WEBプログラミング] Alchemyの紹介文を翻訳してみる 2008年11月20日
- プログラミングのセオリー 2008年11月19日
- KEN スクールってパソコンスクールだよ！ 2008年11月18日
- [プログラミング]PHPやJavaScriptでのwebプログラミングに使 ... 2008年11月17日
- [PHP][Javascript]PHPとJavascriptの勉強用の本を紹介してい ... 2008年11月16日
- ウェブ人間論 (新潮新書) 2008年11月15日
- はてなアンテナ ページが更新されました 2008年11月14日
- zzz 2008年11月13日
- ウィルス対策 2008年11月12日
全アーカイブ
- Search