ウェブ技術ネタのままとめ

先週の段階で書きあがってたので、ネタは少し古いです。

TOPはブログヘッダーに関する記事。
フッターも大事ですが、ヘッダーもこだわりたいところ。

Web3.0に関するスライドも面白かったです。
（【ネタ帳】では、海外記事のみ扱っています。タイトルのみ日本語にして、リンクを集めただけです。）

AMNのキャンペーンに当選して、マロンの香る 焼きいもクーヘンをいただきました。

グレープストーンという会社さんの商品で、西武池袋店で限定販売されているようです。

形が独特で、しっかりとした食べごたえがあっておいしかったです！甘すぎなくていいかんじでしたね。

西武池袋に行かれたときは、ぜひ覗いてみてください。

焼き菓子バームクーヘン ねんりん家

ヴィダルサスーンのTV CMで、アンジェラベイビーが起用されてすごく刺激的なCMになっていますが、サイトの方もすごくかっこいいです。

titleに「FASHION, MUSIC, VIDAL SASSOON」とあって、このブランディングはとてもいいですね。

スクロールするとコンテンツが遷移するとともに、アンジェラベイビーの全身が見られるという・・リッチな設計になっています。

タイポグラフィーのアニメーションがとても美しくて刺激的なのと、随所の動きがかっこいいです。

アンジェラベイビーは上海出身の20歳のモデルさんのようですね。

キャンペーンも行われていて、一番下に情報があります。

一度見てみてください。

ヴィダルサスーン｜FASHION, MUSIC, VIDAL SASSOON

美しい和のサイトを作りたい。

そんなときに参考になるのが、『白えび屋』。上品な色使いとレイアウトが美しい和のサイトです。

トップには、width="958" height="536"のFlashが置かれています。ファーストビューにロゴと縦書きのメニューのみ、という構成で、とても美しいですね。

中ページではメニューが横並びになり、うまく情報を伝えていると思います。注文フォームがあって、サイトから商品の注文ができますね。

「ページの先頭へ」がスクロールに合わせてついてきますが、「jquery.scrollFollow.js」が使われています。

デザイン性と情報設計、機能性に優れたサイトだと思うので、一度見てみてください。

白えび屋

動きのある静的なサイトを作りたい。

そんなときに参考になるのが、『G2』。jQueryでアニメーションさせたレストランのサイトです。

ロード時に、ロゴが上から落ちてきてぼよーんとなりますが、「jquery.rotate.js」を使ってアニメーションしているようですね。フェードインの動きは、「g2geogeske.js」の中にシンプルに書かれています。ちょっとフェードするだけでも気持ちいいですね。

画像には透過PNGが使われていますが、「DD_belatedPNG」を使ってIE6へ対応させています。

背景にぼけた画像が使われていて、フォントの大きさにメリハリがあっていいですね。さりげなく使われているテクスチャもいい感じです。

一度見てみてください。

G2

このデザインはかなり見づらい
デザイン変えるのはいいが他のデザインにして欲しいな

Xxxxxの彼は矛盾したことを言っていますね。

In our 30th episode, we talk with Chris Coyier of CSS-Tricks. Chris also works for Wufoo, an online form builder service.  Chris talks about his inspiration for writing for CSS-Tricks and we look at his jQuery snippets, freebies and screen casts.  We learn what Wufoo is and talk about the new API for Wufoo.  Chris shows us the new Wufoo jQuery API Wrapper and we talk about  the choice of putting the plugin on the jQuery namespace verses making it its own global object.  Finally, we talk about how designers and developers responsibilities are becoming more blurred as it evolves and changes.

You can subscribe to the show in iTunes or via the raw RSS feed or you can download the MP3.

Links from this show…

• CSS-Tricks
• Anything Slider
• jQuery Snippets
• jQuery Tweetify Text Snippet from CSS-Tricks
• Wufoo – online form builder
• Wufoo jQuery API Wrapper
• Dig into WordPress

Plugin of the week

jQuery.Validity

Very light weight Validation plugin for simple forms with simple validation rules. Here’s an example of the jQuery needed to make a couple of fields required and match a specific format.

$("form").validity(function() {
    $("#vehicles")                      // The first input:
        .require()                          // Required:
        .match("number")                    // In the format of a number:
        .range(4, 12);                      // Between 4 and 12 (inclusively):

    $("#dob")                           // The second input:
        .require()                          // Required:
        .match("date")                      // In the format of a date:
        .lessThanOrEqualTo(new Date());     // In the past (less than or equal to today):
});

We still feel that Jörn Zafferer’s Validation plugin is the best as it will provide the most robust and customizable solution to your needs but felt that this light weight plugin would work well in smaller forms.

Tutorial of the week

Enterprise jQuery

A site, from appendTo, geared to help corporations that are just now adapting jQuery. It helps them learn how to use jQuery with best practices in mind so that their code is easy to maintain in a team environment.  We mention a few articles from the site:

• Mock Your Ajax Requests with Mockjax for Rapid Development
• Configuring UI widgets and interactions with .live() and .delegate()
• Multipart Series articles

We want to thank MediaTemple for hosting jQuery and the podcast files and we’d like to thank BrandLogic for the podcasting studio.

Follow the show on twitter for up to date information regarding upcoming guests at http://twitter.com/jquerypodcast. Follow Ralph and Rey on Twitter as well.

You can send feedback about this episode or send in questions to podcast@jQuery.com or use the call-in number (804) 4jQuery, (804) 457-8379.

“jQuery Theme” created by Jonathan Neal

？私が開発した訳ではありませんが。友人の開発したもので、色々な事情がある上で、必要としている人が多いであろう当方のサイトで紹介しているだけです。

？私が開発した訳ではありませんが。友人の開発したもので、色々な事情がある上で、必要としている人が多いであろう当方のサイトで紹介しているだけです。

InputNotes jQuery Plugin automatically adds notes below textareas and input fields based on regex patterns. The patterns are normal JavaScript regex patterns and you are free to create and style any type of notes and note texts as you want. Note texts can contain HTML. It has been tested on IE 6 and 7, Firefox 3.5, Safari 4, Google Chrome, Opera 9.6.

Requirements: jQuery Framework
Demo: http://fredibach.ch/jquery-plugins/inputnotes.php
License: License Free

普段オープンソースで食べてんだから、オープンソースにするのが筋では？

トイ・ストーリー３、おもしろかった。まだ見ていない人は是非ｗ。

それはそれとして、おもちゃ専用の旅行代理店が登場したようだ。

ToyTravlingではあなたが大事にしているおもちゃを連れ出して旅行をさせてくれるサービスを展開している。もちろん旅先で撮った写真やらパスポートやらも提供してくれる。

さらにオプション料金を払えば、おもちゃにマッサージなどをうけさせることもできるようだｗ。

あなたが旅行に行くことはできないが、好きなおもちゃと一緒に旅行気分を味わうことができるかもですな・・・。

風が吹けば桶屋が 曰く、

最近、鉄道係員に対する暴力行為が年々増加しているそうなのですが、その原因は PC の普及のせいらしいです (MSN 産経ニュースの記事より) 。

駅員への暴行の一つの要因としてセロトニン欠乏が考えられるそうで、セロトニンは運動や太陽光を浴びることで分泌が促進されるが、東邦大学医学部の有田秀穂教授は、IT 革命やネットカフェなどの広範な普及により人々が運動不足と昼夜逆転生活になった結果セロトニン欠乏に陥っていると考えているようだ。

/.Jer は PC を使う人が多いと思いますが、PC の長時間利用の所為で切れやすくなっていると感じますか ?

すべて読む | サイエンスセクション | IT | 交通 | サイエンス

今なら「infoドメイン」が１０円！サーバー同時申込なら無料！【お名前.com】

今回は、今までとは多少毛色を変えてセキュリティに関しての話題です。
15年以上前は、今よりもセキュリティに関しての考え方は緩く、「重要だよね」という意見が多い一方で、実際には何もしていないという状況が多くありました。
たとえば、暗号化が行われるsshではなく、通信内容がそのまま見えてしまうtelnetを利用して遠隔ログインしたり、ルータなど各種機器の設定が行われたり、というのが普通でした。
パケットキャプチャをすればパスワードが丸ごとバレてしまうような通信方法が標準的に使われていました。

しかし、ウィルスやワームが爆発的に広がるようになったり、ネット犯罪が商業化するにつれて徐々にセキュリティに関連する話題がインターネット全体に大きな影響を与えるようになっていった気がしています。

■ マイクロソフトのSIR

セキュリティに関連する文書は、各企業が色々と出していますが、今回はマイクロソフトによるSecurity Intelligence Reportを紹介します。

Microsoft Security Intelligence Report (SIR)

Microsoft SIRは、世界中の5億台以上のコンピュータからの情報を分析しています。
どのようなウィルスやマルウェアが駆除されたかや、どの地域でどのような感染傾向があるか、どのような感染経路があるのか、迷惑メールの傾向など、様々な情報が詳細に公開されています。

30ページほどにまとめられた概要は日本語で提供されていますが、約250ページほどの本文は英語です。

■ 2009年に発表されたVolume 6

現時点での最新版はVolume 8ですが、2009年4月に発表されたVolume 6が話題になっていました。
話題になったのは、電子メール全体の97％は迷惑メールであるという部分です。

97.3％が迷惑メールであるという点と同時に、その半年前のレポート時(98.4％)から急激に下がった理由も話題になりました。
McColoという、SPAM業者が良く利用されていると言われていたホスティングプロバイダがインターネットから切り離されたことが理由として挙げられていました。

なお、他社による報告書では、97％よりも小さな値が迷惑メールの分量として公表されていましたので、あくまでマイクロソフトの調査方式による結果である点にご注意下さい。

■ 詐欺的なセキュリティソフトウェア

Microsoft SIR Volume 8では、最近の傾向として、詐欺的なソフトウェアの増加が紹介されています。
日本語版の概要には、以下のように書かれています。

===
詐欺的なセキュリティソフトウェアは、標的となるコンピューター上の感染または脆弱性について偽の、または誤解を与える警告を表示し、仮定の現象の修正を有償で提供するというものです。これは、攻撃者が犠牲者から資金をだましとるために悪用される最も多く見られる方法のひとつになりました。
===

同時に、別の章では業界全体として脆弱性公開件数が緩やかに減少していることを紹介しています。

詐欺的なソフトウェアの増加と、脆弱性公開件数の減少の間の直接的な関係が報告書内に記述されているところは発見できませんでしたが、個人的には脆弱性をつくのが困難になりつつあるので人間を騙す方法へとシフトしているのではないかという感想を持ちました。

■ 最後に

Microsoft SIRには、非常に多くの情報が掲載されています。
興味を持たれた方は、是非原文をご覧下さい。

今回紹介したマイクロソフトの報告書は、全体的な傾向を示したものですが、実際にどのようにネット犯罪が行われているのかに関していまいち実感が湧きにくい場合もあると思います。
次回は、もう少し直接的にネット犯罪が「商業化」しているのが解りやすい記事(各種ネット犯罪代行のお値段)の紹介を行います。

(今年も) twitter のタイムラインを眺めていて思い出しましたが、7 月最終金曜日、つまり今年の場合は本日 2010/7/30 がシステム管理者の日です。

「残りの 364 日にはほとんど敬意を払われていないシステム管理者に対し、そのシステムの利用者等がプレゼントを贈るなどして感謝の意を表する日」ということですので今日もあと 14 時間しかございませんが (注: 日本の場合) 、感謝を受けた幸福なシステム管理者は、pay it forward してみてください。

ちなみに去年のストーリーの中で最も秀逸だったコメントは、Solar System Administrator 様のシスアド日記かなと勝手に選ばせて頂きます。

すべて読む | ITセクション | 変なモノ | IT

関連ストーリー：
7 月最終金曜日 (つまり今日) はシステム管理者の日 2009年07月31日
7月最終金曜日はシステム管理者の日 2005年07月24日
７月第４週の金曜日はSysadminday 2001年07月23日

Satyam (Daniel Barreiro) wrote last week about his experience writing YUI 2.8: Learning the Library, the new YUI 2 volume now available from Packt.

Packt has generously offered a few free electronic copies to YUIBlog readers. Suggest a question or tutorial you’d like to see from Satyam on a YUI 2.8-related topic as a comment on this post, and if Satyam picks your suggested topic for one of his three “Ask Satyam” blog posts Packt will make an electronic copy of Satyam’s book available for you to download.

Satyam will be posting answers to his three favorite questions here on the blog over the next month or so.

美しいグリッドデザインがしたい。

そんなときに参考になるのが、『Pline Studios of Architecture』。1ページの中をスムーススクロールで移動するグリッドデザインのサイトです。

ラインに密接したタイポグラフィーが、緊張感と安定感があって美しいですね。また、ファーストビューに入る要素がかなり設計されているのではと思います。

全体が1ページのサイトになっていて、メニューをクリックすると、スムーススクロールしますね。MITライセンスのscrollto.jsが使われています。

見出しにボールドなフォントが使われていて、ジャンプ率がすごく高いので気持ちいいですね。本文にはきっちりデバイスフォントが使われていて、メリハリがあっていい感じです。

一度見てみてください。

Pline Studios of Architecture

はじめまして。ウォーターフォール型は取り扱っておりません。
また、プロジェクト管理についてはリモートでの管理単価になります。常駐型ではありませんのでご了承ください。通常、1.5〜2回/週程度のミーティング＋メールおよびチャットで管理します。

ご検討下さい。

いい感じにマニアックなのでご紹介。

Sylightsは撮影関連器具の配置を設計するためのツールだ。

照明はここにおいて、カメラはここで、被写体はここね、あとレフ板はこちら、といった感じに部品を置いていくことができる。

もちろんそうして作った図はみんなと共有することもできる。

その中から自分が参考にしたい配置を探すこともできるだろうし、他の人からアドバイスを受けるのも簡単そうだ。

写真をうまくとるにはこうした戦略的な配置図が必要だ。このツールをつかってスキルアップを目指したいですな。

Stashboard is a status dashboard for APIs and software services. It’s similar to the Amazon AWS Status Page or the Google Apps Status Page. Stashboard was originally written by Twilio to provide status information on its Voice and SMS APIs. Stashboard is designed to provide a generic status dashboard for any hosted service or API. The code can be downloaded, customized, and run on any Google App Engine account.

You are able to Track multiple different API or SaaS services, Set custom status messages and icons such as Up/Down, Show historical status for each service, CNAME to http://status.yourapp.com. Stashboard is written in Python and hosted on Google App Engine.

Requirements: -
Demo: http://www.stashboard.org/
License: MIT License

やはり「赤」が強いのか 曰く、

YOMIURI ONLINE の記事によると、鉄系超伝導関連物質をお酒につけて加熱・冷却することによって超伝導状態が発現することを物質・材料研究機構 (NIMS) の研究グループが発見した (NIMS のプレスリリース、より詳しい JST のプレスリリース) 。成果は 8/1 から開催される ASC2010 で発表されるそうだ。

背景として、2008 年に新たな高温超伝導体の系列として鉄系超伝導体 LaFeAs (O, F) が発見された。これは、鉄と砒素 (FeAs) もしくはそれと構造が似ている FeP, FeSe がつくる二次元構造が超伝導の起源と考えられている。しかし、同様に結晶構造が似ている FeTe では超伝導は発現せず、S をドープした FeTe_1-xS_x のうち FeTe_0.8S_0.2 を空気中に暴露すると超伝導体になることが見出されていた (JST のプレスリリース) 。これは空気中の水分・酸素により発現したものと考えられるが、発現までの期間が数ヶ月かかっていたそうだ。そこで研究グループは、試料を一昼夜、70 ℃ の赤ワインに浸して超伝導体 (超伝導転移温度 T_c 〜 8K) が作り出せることを見出した。そしてさまざまな酒 (赤ワイン、白ワイン、ビール、日本酒、ウイスキー、焼酎) を比較した結果、赤ワインが最も強く超伝導が発現し、焼酎がもっとも弱かった。研究グループは焼酎は蒸留が進んでいるため、水・エタノール以外の成分が少なかったためではないかと考えている。今後、どの成分が効いているのかを調査する予定だそうだ。

それよりも、どうして赤ワインに浸そうと思ったのか、その経緯がとても気になります。

すべて読む | サイエンスセクション | Wine | サイエンス

関連ストーリー：
常温での超電導状態を確認 2010年06月29日
超伝導電力線実用化へ 2006年11月06日
室温超伝導の可能性 2002年01月24日

■ mixi、Twitter…そしてFacebook

これまで日本のソーシャルネットワークと呼ばれるサービスでは、まずmixiがブレイクし、SNSという概念を広めました。そしてTwitterがブレイクし、誰かと短いやり取りをすることが流行しました。そして…次に来るといわれているのが、全世界を席巻している最強のSNS、Facebook（フェイスブック）です。

Facebookは全世界で5億人を超えるユーザがおり、日本では100万人ほどが利用していると言われているSNSです。いまだ日本でブレイクしないのが不思議なほどで、今年は来ると思われていますが、今のところは横ばいといった状況でしょうか。

その最大の特徴は、アプリケーションと呼ばれるサービス・プラグインによって様々な機能を実現しているところです。例えば写真をアップロードしたり、Twitterと連携させたり、イベントを立てたり…ここで勘の良い方は「え、それってmixiでもできるじゃん」と思われるかもしれませんが、mixiのそうした機能はFacebookを参考にしたといっても過言ではないところもあるでしょう。いままでのSNSでできたことがほぼ網羅されており、なおかつ日々進化し続けているのがFacebookなのです。

とにかくFacebookは単なるSNSから「様々な機能を備えたプラットフォーム」へと進化していまして、本記事でも扱えるのはほんの些細な部分。ということで、次項ではFacebookの簡単なところだけをおさらいしてみたいと思います。

■ 友達を増やそう

とにかくFacebookで大事なのは、他人とのつながりです。そのためには友人のアカウントを探し出さなければいけません。幸いFacebookは友人らしきアカウントを推薦してくれる機能が非常に優れていますが、まずはGmailとの連携機能を利用するのが早いでしょう。

友達メニューを選択すると、アドレス帳から検索という機能があります。普段Gmailを利用している方であれば、Gmailで連絡を取ったことのあるアドレスを元に友人のアカウントを探せます。

ここで1点注意なのですが、こちらから相手が見えるということは、相手からもこちらが見えるということです。もし検索されたくない事情があるのであれば、Gmailで利用したアドレスは使わずに、履歴のないようなまっさらのアドレスを用意するのが良いでしょう。現代は様々なオンラインサービスが横のつながりを見せはじめている為、自分の居場所を隠しにくい世界になりつつあるとも言えそうです。

■ 誰かの発言に「いいね！」しよう

Facebookの良いところが、基本的に「褒める」ためのインタフェースしか持ちえていないところがあります。もちろんコメントの応酬でもめることはあるかもしれませんが、基本的には誰かに対して「いいね！」というポジティブなレスポンスを送ることが中心となります。ワンクリックでできるこの「いいね！」は手軽さもあって多くのユーザに活用されており、いまではブログの記事にさえもこのFacebookの「いいね！」ボタンを設置できるほど。この機能がFacebookでの活動やブログ記事を書くモチベーションを上げているといっても過言ではないでしょう。

この機能も次々に日本のSNSへと導入されていることから、その効果がうかがいしれますね。

■ Twitterと連携させてみよう

おさらいの最後は、Twitterとの連携です。せっかくのFacebookなんだから、Twitterとは別のことを投稿したいよ…と思われるかもしれませんが、最初のうちは複数のサービスにそれぞれログインして使い分けることは困難です。まずは自身がFacebookで活動していることを周知させるためにも、多くのサービスと連携して、アクティブさをアピールしましょう。

やり方は簡単で、上部の検索窓から「Twitter」と検索するだけ。するとTwitterのロゴを表示したアプリケーションが表示されますから、後はアカウント間を連携させるだけです。もちろんTwitterを使っていなかったらやる必要のない作業ですし、管理を切り分けたい場合にも不要な作業ですが、最初のうちは連携をし、様子をうかがうのも間違いではないと思いますよ。

ということで、非常に初歩の初歩レベルですが、Facebookを紹介してみました。もう少し突っ込んだ解説はおいおい行っていきますので、お楽しみに。

ある Anonymous Coward 曰く、

本家 /.「Your Online Education Experience?」より。

自分は現在著名なインターネット・スクーリングを受講している。初めから気乗りしなかったのだが、1 年たった今、ネットスクーリングに申し込んだこと自体を後悔している。「何も学べていない」というのが最大の問題なのである。

ウェブデザインに関わって数年だが、ウェブデザイン 1 の授業をスキップすることは許可されなかった。既に知っていることばかりで新たに学ぶことの少ない授業は他にもあり、お金ばかりがかかっている。もちろん学習意欲には満ちているのだが、中学 3 年生の時点で好成績を修められたであろう授業を受講し続けることに価値は見出せない。またクラスメートの知識も低く、オンラインディスカッションはさながら AOL のチャットルームのようである。

地元の学校に通うことも選択肢としてはあると思うのだが、自分の学習分野を考えるとオンラインの方が媒体として適しているように思う。自分としては情報セキュリティに関する知識を深めたいと思っているのだが、/.er の経験ではどんなインターネット・スクーリングがオススメだろうか ?

本家 /. では「どんな学校にいっても同じことになるから、自分で学んだ方がいい」といったアドバイスや、「教育とトレーニングは違う。どちらが自分の目的に合っているかを考えた方がよい」といったコメントなどが寄せられている。

/.J 諸兄方はインターネット・スクーリングで何か学んだ経験はあるだろうか ? 新たな知識を身につけようとするとき、/.J 諸兄方ならどうする ?

すべて読む | ITセクション | 教育 | インターネット

はじめまして、佐野＠IBSと申します。

１点お聞かせ下さい。
・リーンソフトウェア、アジャイル開発に合わせたプロジェクト管理
とありますが、規模感はどの程度を想定しておりますか？
あくまで「月額40万円～（基本3ヶ月更新）」の人月単価で考えれば、
よろしいのでしょうか？
※通常のウォータフォール系のプロジェクト管理は、サービス対象外ですか？

I am on the lookout for a stylish outdoor thermometer. I thought this would be an easy task and that there would be an overwhelming amount of options available. Boy, was I wrong! Had to search really hard to find some stylish ones. I know that we live in a mass-produced world that doesn't always care for design aesthetics, but I never imagined it would this bad.

How to Build a Successful Blog Business is a straight forward guide to building a publishing business online that covers everything from choosing a niche to hiring staff, registering a business to selling it, finding traffic to monetizing it. This is an essential read for web entrepreneurs and online publishers.

Collis is a web veteran with a wealth of experience and an easy to read style. He has founded sites such as the Tuts+ network, the Envato Marketplaces, FreelanceSwitch and AppStorm which combined serve up over 50 million pageviews a month.

In How to Build a Successful Blog Business Collis shares tips from his years of operating kick ass blogs, and reveals stats, graphs, revenue figures and inside details from three real world case studies.

Nowhere else will you be able to find information like this. It costs $39 for Ebook, $47 for Paperback Copy. You can always view a sample of the book here first. I strongly recommend this book to everyone who wants to build a successful blog business.

Source: How to Build a Successful Blog Business

あるAnonymous Coward 曰く、

Googleが提供するVP8エンコーダよりも高速というVP8エンコーダ「ffvp8」が登場した。ffvp8はFFmpegのSVNリポジトリにすでに投入されているとのこと（x264開発者のブログ）。

ブログ上にある性能比較結果を見る限り、Googleのlibvpxと比較して最大で1.5倍以上高速、という結果が得られたようだ。特に64ビット環境で大きく性能が向上している。

すべて読む | ITセクション | オープンソース

関連ストーリー：
VP8 と H.264 の詳細比較 2010年07月13日
FFmpegがVP8のネイティブデコードに対応 2010年06月24日
FFmpeg 0.6、リリース 2010年06月18日
Google の VP8 には H.264 の特許技術が含まれている? 2010年05月28日
GoogleがVP8コーデックをOSSとして公開、「WebM」プロジェクトを開始 2010年05月21日

美しいFlashサイトを作りたい。

そんなときに参考になるのが、『European Culture』。美しい服飾ブランドのサイトです。

落ち着いた、美しいサイトになっています。ゆったりとした動きの映像が綺麗だし、ナビゲーションや商品の見せ方もいい感じですね。

ドラッグして360度回転させることができます。

魅力的なサイトなので、一度見てみてください。

European Culture

boomerang is a piece of javascript that you add to your web pages, where it measures the performance of your website from your end user’s point of view. It has the ability to send this data back to your server for further analysis.

With boomerang, you find out exactly how fast your users think your site is. boomerang comes to you from the Exceptional Performance team at Yahoo!, aided by the Yahoo! Developer Network. boomerang is opensource and released under the BSD license, and they have a whole bunch of documentation about it.

Requirements: -
Demo: http://yahoo.github.com/boomerang/doc/
License: BSD License

･･･と言うタイトルなので、国内の有名サイトに訪問するユーザ属性データを調べてみようと思います。今回も利用するツールは毎度おなじみの「マーケギア」です。実際のところ、ユーザ属性を出してみると、あのサイトには、こういう属性のユーザが多く訪問しているのだな〜などなど、とても参考になります。（もちろん使い道も色々あります。）

さて、早速どのサイトを分析してみようかしらというわけで、今回は旬なサイトでかつ、なんとなく特長的な感じがする3サイトをピックアップしてみました。なお、以下統計データは、マーケギアで算出されたデータにおける"推測値（PCのみ、モバイル除く）"となります。

■ Twitterの属性データを調べてみる

Twitter.comのユーザ属性データ（マーケギア調べ）

男女比（C層,T層を除く）でいうと、男性49%、女性42％とやや男性が多いサイトと思われます。また、M2層+F2層が全体の42％、一方でC層+T層は全体の9％と少なく、比較的オトナが多い媒体ともいえるかもしれません。

Twitter.comの過去3ヶ月流入数（マーケギア調べ）

年月	月間PV数（推定）	ユニークユーザ数(推定)	国内におけるPV順位
2010年6月	370,000,000	9,100,000	25位
2010年5月	340,000,000	8,900,000	28位
2010年4月	300,000,000	8,400,000	31位

やはり、急成長をし続けている媒体だけあって、日本国内においては、推定ユニークユーザは約900万人（重複アカウント含む）、PV数は約3億7000千万PV/月と、国内のサイトでも相当な規模となりました。（参考までに2009年6月は1000万PV/月なので単純に37倍の成長です。）

■ cookpad.comの属性データを調べてみる

cookpad.comのユーザ属性データ（マーケギア調べ）

日本最大のレシピ情報サイトというだけあり、圧倒的に女性ユーザが多いサイトです。F1層、F2層で全体の88％という割合は、他のサイトではなかなかみられない数値といえます。また、C層、T層の割合も少なく、大人の女性に大きな支持をされているサイトといえるでしょう。

cookpad.comの過去3ヶ月流入数（マーケギア調べ）

年月	月間PV数（推定）	ユニークユーザ数(推定)	国内におけるPV順位
2010年6月	490,000,000	6,600,000	19位
2010年5月	510,000,000	7,300,000	18位
2010年4月	460,000,000	6,700,000	19位

日本国内においては、推定ユニークユーザは約660万人（重複アカウント含む）、PV数は約5億PV/月と、先ほどのTwitterと比較して、月間の平均PV数が約75ページ（一日平均2.5PV）とTwitterよりも多く、レシピサイトならではの特徴といえるでしょう。このようにコンテンツによってPV数は大きく変わりますので、異業種のサイト同士を比較する場合、単純にPVで比較できない側面があります。

■ pixiv.netの属性データを調べてみる

pixiv.netのユーザ属性データ（マーケギア調べ）

特徴的な部分は、T層が21％と他サイトと比較しても多い状況です。この世代はPCよりもモバイルでWebを閲覧する傾向が多いのですが、pixivは、イラストに特化したソーシャル・ネットワーキング・サービス（SNS）であるため、T層世代においてもPCによる閲覧が多いようです。（知り合いが描いた絵を閲覧するため。）

pixiv.netの過去3ヶ月流入数（マーケギア調べ）

年月	月間PV数（推定）	ユニークユーザ数(推定)	国内におけるPV順位
2010年6月	260,000,000	1,100,000	40位
2010年5月	250,000,000	1,100,000	40位
2010年4月	260,000,000	950,000	41位

日本国内においては、推定ユニークユーザは約110万人（重複アカウント含む）、PV数は約2億6000万PV/月で、月間の平均PV数が約236ページ（一日平均7.8PV）とイラストに特化したソーシャル・ネットワーキング・サービス（SNS）であるため、平均PVは前2サイトと比較しても、さらに多くなります。

■ いかがでしたか

今回は、単純に属性データを抽出しただけとなりましたが、これらデータを活用し、自社のWebマーケティングをより定量的かつ、根拠付けられたものとして実施してみるのはいかがでしょうか。

■本日利用したツール

マーケギア

ある Anonymous Coward 曰く、

インターネット上に全てが記録され、Twitter やブログなどへの投稿、写真やその他情報がほぼ永久に保存され「忘れられる」ことが決してない社会で生きるとはどういうことなのだろうか、という NY Times の記事が掲載されている (本家 /. 記事より) 。

ネットでは我々が未だかつて経験したことのないような覗き見行為や露出行為、不用意で軽率な行為が横行していたりする。しかし自分の発言、また自分に関する他者の発言などがデータとして永久に残り、公開され続ける社会に生きることについて我々はまだ理解し始めたばかりであると言えよう。インターネットは「忘れる」ことをしないため、我々はもはや自分のアイデンティティを自身で管理したり、自己改革し新たな出発をきるといった機会が脅かされている状況にある。

「Delete: The Virtue of Forgetting in the Digital Age」の著者である Viktor Mayer-Schönberger 氏は、MySpace にアップした写真がきっかけで教員免許を取得できなかった Stacy Snyder 氏のケースを挙げ「社会的忘却」の重要性を説いている。Mayer-Schönberger 氏によると、社会は外部記憶を消すことによって「人は時と共に変化するもの」であり「過去の経験から学び自身を変化させる力がある」という考えを受容しているという。従来の社会では失敗があったことが認められても、それが記録されるとは限らなかったため人間の記憶の限界によって過去の過ちはいずれ忘れ去られるものであったとのこと。しかし全てが記録される現代社会では人は過去の行動に拘束され、そこから逃げることはできなくなってしまった。

Mayer-Schönberger 氏は「何らかの『忘却』の形がなければ『許す』ことも難しい所業となる」と指摘している。

ちなみに Stacy Snyder 氏の件とは、当時教育実習中だった Stacy Snyder 氏が MySpace にアップした飲酒写真が原因で教員免許を授与されなかったケースのことを指している。この件は「言論の自由を侵害している」として裁判に持ち込まれたが、公職についている Snyder 氏によって掲載された「社会的関心事項に考慮しない写真」は言論の自由の下保護されるものではないとして Snyder 氏の訴えは退けられたとのことだ。

すべて読む | ITセクション | インターネット | テクノロジー

世界の経済・ビジネス情報が満載、最新記事をRSSでも配信。WSJ日本版はこちら。

「ググれ、（ｒｙ」と言いたいのをぐっと押さえて友達のパソコントラブルを解決しなくてはいけないときもあるだろう。

そうしたときに使えそうなのがSupport Detailsだ。

このサイトにアクセスすれば、今使っているコンピュータに関する情報がざっと表示される。

OSやブラウザの種類とバージョン、Cookie利用の有無、IPアドレス、画面の解像度などなど、サポートに必要な情報ばかりなので、あとはそれを読み上げてもらえばOKだろう（それ以前の問題である場合も多いが）。

友達のサポートに限らず、企業のカスタマーセンターでも使えそうではありますな。こうしたツールをうまく使いこなしてさっと問題を解決したいものである。

ある Anonymous Coward 曰く、

Mozilla は現在、Firefox のタブ整理機能「Tab Candy」を開発中だそうだ (本家 /. 記事、開発者 Aza Raskin のブログより) 。

Tab Candy は開いているタブを全て俯瞰で見れるような機能であり (動画) 、Mac OS X の Expose と Spaces 機能を合せたようなものだそうだ。各タブを「仕事用」「脱線用」「いつも開いてるサイト」などに分けてグルーピングすることも可能で、グループごとにウィンドウを開けるため、一度に多くのタブを開くユーザでもお目当てのタブをすぐに探すことができるという。

Tab Candy はまだアルファ版であるが、この機能が組み込まれたFirefox 4 ベータのビルドも公開されているので興味がある方は自己責任でどうぞ。なお、FAQ はこちら。

すべて読む | ITセクション | Mozilla | GUI

関連ストーリー：
ブラウザのタブごと書き換えてしまうフィッシング手法「Tabnabbing」 2010年05月28日
Mozilla Labs、タブに代わる仕組みを考案する「Design Challenge」を立上げる 2009年05月21日

Use the Leaf as the cable-tie. Loose cables with a hint of nature.

Colorful compact cable organizer that includes a short power strip/power surge protector.

Nice and easy way to give or get feedback on a website.

Food lovers some beautiful food pics and recipes launched yesterday. (via)

x-AC 曰く、

朝日新聞などが伝えているが、Yahoo! Japanが今年四半期決算発表の席上で米Google社との提携を発表した（プレスリリース、Google Japan Blog）。これまでYahoo!の独自技術によって運用されていたWebサイトの全文検索機能にGoogleのアルゴリズムを採用し、また同時に検索連動型広告配信システムにもGoogleのものを採用するとのこと。

アメリカのYahoo.comではすでにMicrosoftのBingが採用されており、そのためこれまでは日本でも同様に、すでに日本語対応サービスを開始しているBingを採用すると思われてきたが、結果的にはGoogleを採用することになったようだ。

この決断に至った詳細な経緯は不明で、いつごろ切り替えが実施されるのかもまだ「未定」とされている。Yahoo! Japanは2004年ぐらいまではGoogleを採用していたことがあり、それで変更後もGoogleを使い続けたユーザーも数多いと思われるが、やはりそういった「古参ユーザー」からすれば「出戻り」の印象がある。Yahoo!オークションやYahoo!ショッピングなどの他サービスの検索機能等との今後の関係も不明だが、SEO/SEM業界を中心にしばらくの間はネットで話題になりそうなトピックである。

すべて読む | ITセクション | Google | Yahoo!

関連ストーリー：
MS の検索サイト Bing、開始後初めてシェア減少 2009年10月05日
MicrosoftとYahoo!が検索分野での提携を発表 2009年07月30日
GoogleはBingを脅威とみている？ 2009年06月16日
Bing、一時 Yahoo を抜き検索シェア 2 位に 2009年06月10日

On the exterior of Guru, a design store and gallery co-owned by graphic / type designer Quique Ollervides; Cuauhtémoc, Mexico City.

via Nick Sherman

Kill Your Timid Notion is an experimental festival programmed by Arika and held annually at Dundee Contemporary Arts.

via ShareSomeCandy

Russian illustrator Iv Orlov for Snob magazine.

via grain edit

Today I want to introduce to you the young and talented Romanian-based designer, Stefan Lucut. His work is a mix of photography and vector art, combined with typography, which has a very modern and contemporary feel. He loves to use a vibrant color palette in combination with primitive shapes to create an image that speaks for itself. The result is a bold expressive collage, with a definite sense of imagination, which sets him apart.

Codrops has shown us how to create a Beautiful Background Image Navigation with jQuery. The main idea is to have three list items that contain the same background image but with a different position.

The background image for each item will be animated to slide into place in different times, creating a really nice effect. The background image sliding direction from the list item in the middle will depend on which item the user was before: coming from the right, it will slide from the left and vice versa.

On top of that we will have sub-menus that appear with their semi-transparent background sliding in. These backgrounds create an awesome effect of actually just being one element that slides into place, changing its color.

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/
License: License Free