Windows Live

The Laws of Identity and .NET Passport

Tue, 17 Oct 2006 07:54:00 GMT

I came across an MSDN article The Law of Identity. It was an interesting reading, especially in the context of how .NET Passport breaks many of the laws. It helps explain why it failed in its mission to become the single sign-on mechanism on the Web.

The second Law of Identity is "minimal disclosure for a contained use". With Passport, the user cannot control how personal information is disclosed; in fact, all information is disclosed. According to the Law of Identity, the user should be able to control when and how much personal information to disclose.

The third Law is "justifiable parties," that is, user information should be shared only among the parties that need the information. Since Passport is a proprietary technology of Microsoft, it doesn't make sense to most non-MSN sites since Microsoft is always involved.

The fifth Law is "pluralism of operators and technologies". This is in direct conflict with Passport’s mission to become the single, centralized sign-on technology. Passport's biggest strength turned out to be its biggest weakness: single point of failure. The Law of Identity proposed a more federated metasystem.

The sixth Law is "human integration" in terms of "offering unambiguous human-machine communication mechanisms offering protection against identity attacks." With Passport it is too easy for hackers to create phising sites.

.NET パスポートは何故失敗したのか

Tue, 17 Oct 2006 07:49:00 GMT

MSDN で The Law of Identity という面白い記事を読んだ。幾つかの法則を見てみると .NET パスポートが何故 Single Sign-In の認証サービスとして失敗したかが見えてくる。

例えば第二の法則は「最低限の情報の開示」。例えばクレジットカード情報の必要ないサイトにはその情報を公開しない様にする仕組みが必要だ。パスポートにはそのような仕組みはなく、ユーザーがどの情報をどのサイトに対して公開するかは管理できない。

第三の法則は「不必要なサイトへの情報開示」、つまり個人情報の開示を必要最低限のサイトのみに限定するための仕組みだ。パスポートはマイクロソフト独自のテクノロジーであり MSN 外のサイトの殆どではマイクロソフトが関わる必要はないが、それを避けることはできない。

第五の法則は「複数のプロバイダー」。これはパスポートの様に中央化された一つの Identity システムに頼るのではなく、複数のプロバイダーが互換性のある Identity サービスを提供する Metasystem を提案している。

そして第六の法則はハッカーからユーザーを守る「明白なインターフェース」だ。現在のパスポートでは偽造があまりにも簡単すぎる。Identity システムは曖昧でない、明白なインターフェースをユーザーに提供する必要がある。

Technical detail of Live Clipboard

Tue, 26 Sep 2006 05:00:00 GMT

In this blog I'll dive into the implementation detail of Live Clipboard, which was originally proposed by Ray Ozzie several months ago. But first, I developed a simple demo below:

Live Clipboard Demo

First, let's examine how the UI is implemented. The context menu you see when you do a right-click is, quite surprisingly, from a transparent TEXTAREA. The TEXTAREA, via CSS, has the cursor set to 'pointer', z-index set to positive, and opacity set to 0. When a right-click is detected via onMouseEvent (which is fired before the context menu is displayed), TEXTAREA's value is set to the content that should go to the clipboard, and the entire text is programatically selected (so that the context menu for text selection is displayed). When the user select "Copy", the desired text is indeed copied to the clipboard. As for Paste, onPaste event is simulated by calling a function every 50 millseconds that checks the value of the TEXTAREA. If it changes, then either delete, cut, or paste was performed by the user. They seem "hacky" at first, but this is one of few techniques that work well across browsers.

Next, let's examine the data that actually go to the clipboard. As you may have expected, XML is used for this purpose, and its schema is well documented here. As a reference, here's a sample XML for a vCard:


  source="http://localhost:2475/live/liveclipboard.htm" 
  xmlns:lc="http://www.microsoft.com/schemas/liveclipboard">



  
  Keiji　Oenoki

  keijio@microsoft.com
  425-705-0742

  
  Work:
  1065 La Avenida St

  Mountain View
  CA　
  94043　
  USA

It is important to note that microformat is used here. Micrformat is a way to encode semantic information using the class tag of HTML. This allows both human and machine to easily access the information. Here's an example of encoding "first name" and "last name" using the SPAN tag:

This document was prepared by Keiji Oenoki,
who lives in Mountain View...

Next, let's talk about presentation using CSS. CSS controls how the data is displayed. For example, name can be displayed in a bold font, or address information can be made hidden.

Finally, JavaScript bridges the gap between the data and the presentation. In Live Clipboard, this is achieved by connecting three JavaScript objects - HCard, MicroFormatBindingObject, and WebClip. Consider this example:

var hCard1 = new HCard("Keiji", "Oenoki", "keijio@microsoft.com", 
  "425-705-0742", null, null, null, null, null, null, 
  null, null, null, null, null, null, null, null, 
  "1065 La Avenida St", "Mountain View", "CA", "94043","USA", "Microsoft");
var contactBinding1 = new MicroFormatObjectBinding(
  document.getElementById("contactHcard1"), 
  hCard1, "ContactContainer unselected", 
  "ContactContainer selected");
var clipBoardControl1 = new WebClip(
  document.getElementById("webClipControl1"), contactBinding1.onCopy, 
  contactBinding1.onPaste, contactBinding1.onActive, contactBinding1.onInactive);

The first line instantiates the raw data, the second line associates the data with a DIV element (for presentation purpose), and finally the last line connects the data and the presentation using events. There are four types of events in WebClip:

onCopy: returns the data used during the Copy operation
onPaste: invoked when delete/cut/paste is performed
onActive: invoked when the data is selected
onInactive: invoked when the data selection is cleared

That's it! The source code is open to anyone interested:

Live Clipboard の仕組みを探る

Tue, 26 Sep 2006 02:53:00 GMT

Ray Ozzie 氏の提案する Live Clipboard 、どのような仕組みになっているか気になっていたので調べてみた。まずその前に Live Clipboard の簡単なデモを作ってみた。

Live Clipboard Demo

それでは、まず UI の仕組みから調べていこう。右クリックした時にでてくるメニューは TEXTAREA のものだ。意外に思うかも知れないが、CSS で cursor を pointer にして、z-index をプラスにして、Opacity を 0 にしてある。そして右クリックの MouseDown のイベント（メニューがでる直前）でその TEXTAREA のテキストをクリップボードにコピーしたい内容に置き換えて、Select All をする。その後すぐにメニューが表示されるので、あとはユーザーがコピーを選択すればテキストがクリップボードへコピーされるという訳だ。それでは Paste はどうかというと、onPaste というイベントはないのでなんとタイマーを使って毎0.05秒ごとに TEXTAREA のテキストが変わっていないかをチェックしている。もしカットやペーストされればテキストが変わるので、それが onPaint ということだ。うーん、どう考えても Hack としか思えないようなテクニックだが、クロスプラットフォームとセキュリティーを実現するには他にあまり方法はないのかも知れない。

さて、次にクリップボードに実際にコピーされるデータの形式について。これは XML で、親切にきちんと Document してあるのでそちらを参照してもらいたい。参考に vCard の XML はこんな感じ：


  source="http://localhost:2475/live/liveclipboard.htm" 
  xmlns:lc="http://www.microsoft.com/schemas/liveclipboard">



  
  Keiji　Oenoki

  keijio@microsoft.com
  425-705-0742

  
  Work:
  1065 La Avenida St

  Mountain View
  CA　
  94043　
  USA

ここで重要なのはマイクロフォーマットが利用されているという事。マイクロフォーマットは簡単に言えば HTML に CSS のクラス名を使って情報を付け足すという面白いテクニック。例えば名前なら

This document was prepared by Keiji Oenoki,
who lives in Mountain View...

という具合だ。人にもコンピュータにも読みやすくするのがマイクロフォーマットの目的だ。ペーストの時にはこの XML を Parse して、必要な情報を手に入れるという仕組み。

次に、プレゼンテーションのための CSS 。これでどの情報をどのように見せるか調節する。例えば名前を Bold にしたり、アドレスを見せないようにしたりできる。

最後に、JavaScript がデータとプレゼンテーションを繋げる。Live Clipboard では HCard、 MicroFormatBindingObject、WebClip の３つのオブジェクトを使っている。

var hCard1 = new HCard("Keiji", "Oenoki", "keijio@microsoft.com", 
  "425-705-0742", null, null, null, null, null, null, 
  null, null, null, null, null, null, null, null, 
  "1065 La Avenida St", "Mountain View", "CA", "94043","USA", "Microsoft");
var contactBinding1 = new MicroFormatObjectBinding(
  document.getElementById("contactHcard1"), 
  hCard1, "ContactContainer unselected", 
  "ContactContainer selected");
var clipBoardControl1 = new WebClip(
  document.getElementById("webClipControl1"), contactBinding1.onCopy, 
  contactBinding1.onPaste, contactBinding1.onActive, contactBinding1.onInactive);

一行目で hCard データそのものを作り（データ）、二行目でその hCard を DIV とくっつけて見れるようにし（プレゼンテーション）、そして三行目でイベントを使ってデータとプレゼンテーションを連動させる。（ちなみに最初に話した TEXTAREA は WebClip に渡された DIV に作られる。） WebClip のイベントは四つある。

onCopy コピーに使われるデータを渡す
onPaste　ペーストだけでなくカットや Delete でも呼ばれる
onActive セレクトされた時
onInactive　セレクトが終わった時

これで完成。ソースコードを公開しているので、興味のある方はこちらから。

Playing with Windows Live and Google Toolbars

Thu, 14 Sep 2006 18:06:00 GMT

Windows Live Toolbar 3.0 and Google Toolbar 4 have been released recently. They both have a feature called Custom Button, which allows new buttons to be added via XML. So I took them for test spins.

First, Windows Live Toolbar. I found MSDN Custom Button SDK through Windows Live Gallery. Usually I'm not a big fan of MSDN as most documentations are not easy to follow, and Custom Button SDK doc was no exception. I found it more helpful to refer to the MSDN button, which was installed in \Documents and Settings\\Application Data\Microsoft\WLTB Custom Buttons. Here is the XML source code for Keiji Notepad button, and this is how the button looks like:

Next, Google Toolbar. I found the API Documentation from Button Gallery. Though the documentation was easy to understand, I was disappointed with the limitted functionality. First, Google Toolbar only support displaying one RSS feed, as opposed to up to 10 in Windows Live Toolbar. Also, it was not possible to add custom menu items. Here's the XML source code, and here's the screenshot:

Though Custom Buttons are obviously not as powerful as other forms of adding functionality, it certainly offers great simplicity. For those interested in installing Keiji Notepad buttons, here are the links:

Keiji Notepad (Windows Live Toolbar)
Keiji Notepad (Google Toolbar)

ツールバーで遊んでみた

Wed, 13 Sep 2006 21:10:00 GMT

最近 Windows Live Toolbar 3.0 と Google Toolbar 4 がリリースされた。両方とも Custom Button という新しいボタンを XML を使って作ることができる機能を備えているので、試してみた。

まず Windows Live Toolbar から。Windows Live Gallery の開発者用のページから Custom Button SDK へ。 MSDN は情報量では言うことはないのだが、個人的に分かり易く書かれているとは思えない。Custom Button SDK も分かりづらかったので MSDN Button を参考に見ながら書いた。（Custom Button は \Documents and Settings\\Application Data\Microsoft\WLTB Custom Buttons にインストールされる。） XML ソースコードはこちら。スクリーンショットはこんな感じ：

さて次に Google Toolbar へ。 Button Gallery の API Documentation を読みながら作った。MSDN よりも全然分かり易く書いてあってすいすい書けたのはいいが、Live Toolbar と比べて機能的に劣っている。例えば Live Toolbar では RSS Feed をいくつか書けるが、Google Toolbar では一つだけ。あと、Google Toolbar ではメニューに RSS と普通のリンクの両方をのせることはできなかった。XML ソースコードはこちら。スクリーンショットはこんな感じ：

XML ベースなので本格的な開発者にはまだまだ API の質が足りないが、簡単にツールバーの機能を拡張できるのは便利だ。Keiji Notepad のボタンをインストールしたい方はこちらから：

Keiji Notepad (Windows Live Toolbar)
Keiji Notepad (Google Toolbar)

Windows Live Toolbar: Introducing Smart Menu

Wed, 06 Sep 2006 00:04:00 GMT

Check out this great blog entry of Dennis, a PM in the Live Toolbar team. In my opinion this is by far the best feature of the Live Toolbar. It's worth installing the Live Toolbar just for SmartMenu and MapButton.

LINQ goes Parallel

Tue, 29 Aug 2006 20:49:00 GMT

The C# team is working on a parallel version of LINQ, PLinq. LINQ is a new feature in the next version of C# that promises to integrate data query right into the heart of the language. I think this is one of the most exciting developments in the evolution of programming languages today. MSDN has a great LINQ Project site.

For those who are interested to learn the inside story of LINQ, take a look at Daigo's website (Japanese).

What is Windows Live?

Tue, 22 Aug 2006 04:52:00 GMT

Microsoft announced several months ago a new software service called "Windows Live". I will start this blog by answering the question, "what exactly is Windows Live"?

My view is that Windows Live targets two main audiences, consumers and developers. For consumers, Windows Live offers a set of services that enrich online communication, including email, IM, and blogging, among other things. There's no better place than ideas.live.com to see the list of new services offered under the Windows Live brand. Earlier this month CNet featured Top 10 Windows Live services.

For developers, Windows Live offers a new software platform on which third-party services can be built. Developers can go to dev.live.com and Windows Live Developer Center to see the list of APIs that are available to them. Though the API is not yet as extensive as I think it should be, I believe the Windows Live platform offers a whole new opportunity especially for individual developers and small businesses.

(image from CNet)