メイン

2006年11月13日

【サイト研究】第7回 Traineo - みんなでダイエットして男前なエンジニアになろう! - (11/2)
このエントリーをブックマークに追加 このエントリーをlivedoorクリップに追加

akano です。

先に紅一点 sasha のエントリで「女性にモテるエンジニア」の条件とありますが、私 akano もここゥン年ほど彼女がおりませぬ。現状として学生に占める男子率が90%を越える工科単科大学の院に所属しており、女性エンジニアが一人しかいない会社でアルバイトしており、4月からの就職先も今までとほぼ変わらない環境ときては、まぁ、しばらくは、絶望かな、と苦しい言い訳も口にしてしまうというもんです。とりあえずは身近にいる人々を見習ってせいぜい「男前エンジニア」にはなろうと精進を続ける日々でございます。

まぁ環境のせいばかりにしてもしょうがないので、週末とかは結構外に出て行ったりとかしていて職場や学校以外では女性に会う機会もなきにしもあらずなのでそのときに男前っぷりをアピールしたいのですが、どうも自分のお腹が気になりまして積極的に出れないウノウ No.2 の巨漢でございます。

そんなあなたに今回ご紹介するのが、この Traineo です。「Fitness & Weight Loss Community」と銘打っているこのサイトは、「ダイエットするモチベーションをみんなで保とう」というコミュニティサイトです。
さて、そのサイトには一体どういう仕組みがあるのかというと、

・目標体重と減量期間を入力することにより、「一日に何キロ落とせば良いか(何キロカロリー摂取したらどれくらい運動すべきか)」を教えれくれる
・毎日の成果が簡単にグラフになって表示される(グラフにされるだけでもダイエット効果ありますよね)
・何人かのモチベータ(友達)を巻き込み、彼らとメッセージを交換したりできる
・コミュニティでダイエット情報の交換ができる

というわけで使ってみました。

最近の流行でしょうか。Ajax を駆使しており、画面遷移が最小限になっているのは嬉しいです。また、そのエフェクトもかっこ良く作ってあるのでかなり気持ちがよかったです。
また目立つ広告等は見受けられませんでしたが、サイト上でオフィシャルグッズを販売しておりそれを収入にしているようです。どれくらいの利率があるのか気になります。

今後は、血圧測定器や体重/体脂肪計などをUSB接続するようになり、これらの情報をより有機的にからめるようになり、必要に応じて専門医と共有したりするのでしょうか。個人情報保護のガイドラインやセキュリティの問題が解決されるのでしたらこれは当然来るべき未来なのかもしれません。

それでは皆さんも

   Happy Shaping !!

1102_1st posted from フォト蔵
1102_2nd posted from フォト蔵

2006年10月17日

【サイト研究】第6回 Lingr - Comet を利用した ConnectiveChat - (10/16)
このエントリーをブックマークに追加 このエントリーをlivedoorクリップに追加

akano です。

今回は、江島健太郎氏のチームが開発した、「ブラウザ上で動くチャット」Lingr の研究を行いました。

チャットという Web アプリは 20世紀から存在するネットアプリです。CGIBOY のチャットは自分もよく使っていました。
チャットというのは複数の人間が同時にアクセスしており、その Web ページはリアルタイムに変化することになっています。そのリアルタイム性を担保するために Web ブラウザは○秒おきにサーバに対してリクエストを送り、サーバは○秒毎の最新のページを生成しブラウザ(クライアント)に送信します(ボーリング)。
それはすなわち、「ただページを表示するだけで」チャットサーバに対して膨大なアクセスがくることを意味します。例えば、1000 ユーザが同時接続している状態で、1秒に1度の間隔でポーリングを行うと、月間で26億ヒットとなり Google のページビュー(12億/月)も超えてしまいます。これではコストが高くチープ革命が達成できません。

開発者江島氏のブログ(前編:機能紹介)(後編:技術解説)によると、この Lingr の特徴として、タグクラウドやプライベートルーム(コミュニティ/アクセス制限)、パーマリンクや画像/動画の貼り付けといういわゆる Web2.0 的な機能の他、お手軽さということを売りにしています。
Lingr は新たにソフトウェアをダウンロードすることなく、firefox 等既存のブラウザ上で、ボーリングによる画面のちらつきや情報の遅延がなくリアルタイムな情報表示が行われます。(ちなみにMSNメッセンジャーは擬似的な P2P モデルで実装されています。)


その仕組みとして、Comet という JavaScript で実現されている仕組みを用いています。

Comet: Low Latency Data for the Browser : 命名者 Alex Russell による Comet の説明
上ページの和訳

ここでいう Comet とは、従来サーバとクライアントの間でぶつ切りで行われている通信を繋ぎっぱなしにする技術です。

As is illustrated above, Comet applications can deliver data to the client at any time, not only in response to user input. The data is delivered over a single, previously-opened connection. This approach reduces the latency for data delivery significantly.

The architecture relies on a view of data which is event driven on both sides of the HTTP connection. Engineers familiar with SOA or message oriented middleware will find this diagram to be amazingly familiar. The only substantive change is that the endpoint is the browser.

上で図示されるように、Comet アプリケーションはユーザー入力に対するレスポンスに限定されず、好きなときにクライアントにデータを配信できる。データは単一の、事前にオープンされたコネクションを通じて配信される。このアプローチを使うと、データ配信の遅延を大幅に削減できる。

このアーキテクチャは HTTP コネクションの両端でデータがイベントドリブンのように見えるということに拠っている。 SOA やメッセージ指向ミドルウェアに馴染んでいるエンジニアはこの図がそれとびっくりするくらい似通っていることに気づくだろう。本質的な違いは、一端がブラウザであることだけだ。


図は Alex Russell のページで確認してください。

Lingr以外にも、実際にComet型チャットを実装し公開している方もいます。
Dojo には Comet 用の API が装備されています。
しかし、Web サーバの側では、「サーバに対してHTTPコネクションを張り続ける」必要性に対応しておりません。Apache では IdentityCheckTimeout( Ident リクエストがタイムアウトするまでの期間)を 30 秒に定めるように RFC 1413 で推奨されています。そのため、Comet の機能をフルに用いたアプリを作るには、以前までの作り方の根本を見直す必要があるようです。

Lingr は Java ベースの Jetty 6 を採用し、独自のメッセージング・ハブを構築する道を選んでいます。Jetty による Continuations(継続)については Collection & Copy さんのまとめが分かりやすいです

江島氏曰く、

チャットというアプリケーションでは、全体のうちかなりの割合の期間をアイドル状態(何もイベントが発生しない状態)が占めます。全体に占めるアイドル期間が長ければ長いほどCometを採用することによる利得が大きくなるということです。
(中略)
従っ先にポーリングだと1000コネクションでグーグルのページビューを超えるほど恐ろしくリソース食いだという話をしましたが、Lingrの現在の見積もりでは、1000同時コネクション程度ならもろもろのアプリケーションオーバーヘッド込みでもLinuxサーバ数台で片付くのではないかと見ています。むしろデータベースへの負荷の方がよっぽど心配です。

とのこと。早速われわれウノウも接続し使ってみました。

使ってみた感想として、確かにリアルタイム性は快適だったのですが、サーバ接続に関しては重いという印象を受けました。これは jetty システムの不適合というよりも DB まわり等、他の問題の可能性があります。

Comet を大々的に取り入れている挑戦的なサービスなので、そのサービスの運営のノウハウは今後の Web 制作の大きな指針となる可能性があると思います。

1016_1st posted from フォト蔵


1016_2nd posted from フォト蔵

2006年10月 5日

【サイト研究】第5回 Piczo - また一風変わった写真共有 - (10/02)
このエントリーをブックマークに追加 このエントリーをlivedoorクリップに追加

akano です。
今回は、我らがフォト蔵とよく似た名前のサービス、Piczo を研究しました。

http://www.piczo.com/

Piczo は1日あたり3万5000人の新メンバー登録追加があり、その75%は13才から16才といったティーンエージャー。月間1000万人のユニークビジター、25億のページビューを持つという巨大サイトです。最大手のflickrには及ばないもののマーケティングにお金を使わずにこの成長をしたのは大変な成功となります。

このサービスの特徴として挙げられるのはデザインの自由さです。
各種blogなりSNSなりを使っている人間にとって、各種サイトのデザインの骨格をいじることができないというのはある種の常識になっています(mixiはテーマの選択すらできません)。

転じて Piczo では、Javascript で実現されたエディタにより、自分の好きな画像やHTMLソースを、自分のサイトの好きな部分に配置することができます。そのため各ユーザごとに共通したデザインのフォーマットが一切ありません。各自が自由にページを作成するため、よく言えば個性的、悪く言えばごちゃごちゃしたサイトがたくさん生成されています。
また Piczo は blog(日記)やメッセージボード、足あと通知などのコミュニティ形成機能が見当たりませんでした。新たな画像を登録したときに RSS で通知する機能もありませんでした。

以上のことより、これは「他者と画像(情報)を共有したい」ユーザよりも、「制作により自己実現を果たしたい」ユーザ向けのサービスであるという印象を受けました。

実際に使ってみると、その自由さの裏返しなのかXSSが容易にできてしまいました。
またコミュニケーションツールとしての機能が弱いのはやっぱり物足りないという印象を受けました。


Piczo に劣らないインターフェイスを持ち、かつコミュニティ機能がある NOTA の方が面白いのでは?


1002_1st posted from フォト蔵


1002_2nd posted from フォト蔵


1002_3rd posted from フォト蔵

2006年9月26日

【サイト研究】第4回 topix.net - News 2.0 - (09/25)
このエントリーをブックマークに追加 このエントリーをlivedoorクリップに追加

akano です。

ちょっと新しめのサービスをすぐに「○○2.0」と呼ぶのは日本だけではなく世界中の流行ですが、今回取り上げた topix.net はいわゆる「News 2.0」と呼ばれるサービスです。
とはいっても DiggNewsing のような「ソーシャルニュースサイト(ニュースを投稿したりそれに対する評価やコメントをユーザで共有するサービス)」とは異なり、記事の内容を AI でカテゴリに分類する、という、 Google News と同種のサービスになっています。コメント機能もありますがあまり重視していないようです。

Google News にはない特徴として、アメリカの地域ごとのニュースを抽出する Local Forum Activity のページにあります。アメリカの地図に各地域ごとに「ニュースの多さ/新しさ」を示す円が描かれ、そこをクリックするとローカルなニュースフォーラムに飛びます。またZipコード(郵便番号)を入力することでも地域のフォーラムへと移動します。

http://www.topix.net/forum/geo?city=city/gifford-wa

ただ「アメリカ全土」のニュースを扱う以上、その扱う情報源がアメリカ東部に偏ってしまいます。そのせいかどうか分かりませんが、普段 IT に触れている層からの支持は Digg には及ばないようです。

ウノウメンバーからは、フォーラムの操作性が素晴らしいという意見があるのと同様に、「検索結果」から「フォーラム形成」に移る過程でのノイズ除去のシステムがよく分からないという意見が出ていました。


0925_1st posted from フォト蔵

0925_2nd posted from フォト蔵

2006年9月12日

【サイト研究】第3回 - Remember the milk - (9 / 11)
このエントリーをブックマークに追加 このエントリーをlivedoorクリップに追加

akanoです。

サイト研究第3回は、無料タスク管理サイト「Remember the milkPV)」です。オーストラリアの二人の若者が作った海外では有名なサイトですが、今回は日本語に対応ということで今回のサイト研究に取り上げました。

このサイトの特徴として非常に快適なAjaxインターフェイスが挙げられます。一つ一つの操作が非常に快適に行うことができます。その部分の作りこみは非常に評価できるのですが、あまり使われていないであろう、「共有タスクに関するメモ」の機能では、そのメモを書いたユーザを特定できず、誰もが変更できるという作りこみの甘さが見受けられました。

ですが、無料のタスク管理ソフトとしては大変高機能で使いやすいという印象を覚えました。


0911_1st posted from フォト蔵

0911_2nd posted from フォト蔵

0911_3rd posted from フォト蔵

参考:無料タスク管理サービス「Remember The Milk」日本語版の使い方GIGAZINE

2006年9月 5日

【サイト研究】第2階 - Webshots -
このエントリーをブックマークに追加 このエントリーをlivedoorクリップに追加

サイト研究第2階は写真共有サイト Webshots です。
http://www.webshots.com/

Alexa のランキングを見てみると、今年の4月までは flickr と PV を競い合っていた模様です。以降は flickr の急激な伸びに置いてきぼりを食らった形になっています。

今回はサイトリニューアルということで勉強会で取り上げました。

その中で出てきた感想として、競合サイトと比較してデザイン面で劣る点があるという意見があり、また他サービスと比較した際の明確な強みが実感できないという印象を受けました。

0904_1st posted from フォト蔵


0904_2nd posted from フォト蔵


0904_3rd posted from フォト蔵

2006年8月31日

【サイト研究】第1回 - Grouper を使ってみる - (08/28)
このエントリーをブックマークに追加 このエントリーをlivedoorクリップに追加

皆さんこんにちは。akano です。

ウノウでは毎週2時間ほど、エンジニアが集まって勉強会を行っております。
その内容は、担当者1名を決めてその人の書いたコードのレビューと、
その時ニュースを提供していたり、Alexa等のランキングが上昇していたりする Web2.0 系の面白いサイトを実際にメンバーで使ってみるサイト研究の2つになっています。

この研究会は毎週行われてきたのですが、今回からその様子を録画してここで公開することにしました。
皆さんにごらんになっていただければ幸いです。


---------------------------------

2006 08/28 サイト研究

Grouper http://grouper.com/PV(Alexa)

アメリカで YouTube に次ぐ第2位の規模を誇る動画共有SNS
今月23日にハリウッドメジャーの一つである Sony Pictures Entertainment(SPE) からの買収が発表された
【INTERNET Watch】米Sony Pictures、動画共有サイト「Grouper」を6,500万ドルで買収


全体的な感想

・非常に作りこんである。開発には時間がかかったろう
・JavaScript での操作性が大変素晴らしい
 SPE が目をつけるわけだ
・ビデオでコメントできるのは新しい
・UPされている動画は YouTube の方が断然面白い
・exe ファイルを無理やりダウンロードさせようとするのはやめてほしい


(1/2)

2006 08/28 勉強会(前半) posted from PhotoZou

タイムライン

00:00 取りあえず使ってみる
      懐かしいCM(ウナコーワ)
01:59 ダウンロードを試みる
      Desctop, iPod, PSP
      firefox だとだめ?javascript エラーがでる 2:55
03:43 ユーザ登録してみる
      ダウンロードはユーザ登録特権の模様
06:35 ダウンロード(Desktop)してみる
      表示はflv, ダウンロードは windowsMediaPlayer
      MediaPlayer独自のフォーマット?
09:36 他の機能を見てみよう
      publish(他のブログ等での表示) の機能
      WordPress のID, Pass を入力
       → フィッシングの恐れ 多くのユーザは気にしないから問題にならない?
      exeファイルを無理矢理DLさせるのは勘弁してほしい
12:18 most viewed を見てみよう
      結構Viewが多い
      ビデオでコメントできる(これは凄い!!)

(2/2)

2006 08/28 勉強会(後半) posted from PhotoZou

タイムライン

00:14 ビデオコメントをやってみよう
      「This is a test.」
01:55 操作性の素晴らしさを堪能
04:10 Free Group Software って、何?
05:41 share (動画のアップロード)をやってみる
      uploading の様子が棒グラフで可視化(イイ!)
      画質はやっぱり落ちてる
      登録時に書いたdescriptionが一番最初のコメントになる
11:29 自分のブログに貼ってみる
      flashで操作性がいい
      さらにpostでmyspaceに送ったりできる
      デザインもよし
14:53 もう一度DLを試みる