ソーシャルサイトのWebデザイン

オープンソース（アイコン）

　オープンソーシャルWebの時代のデザインと開発について、素晴らしいことの1つはオープンソースコミュニティーです。開発者の従来の領域に対し、最近は、デザイナーが入ってきて、GPLのようなオープンライセンスや、クリエイティブコモンズのライセンスのもとで彼らの作品をリリースしています。

　Webサイトや、Webアプリケーションをデザインする時、最も時間を費やす部分の1つは、アートワークを作ることです。テンプレートや、カラースキーム生成など、インターフェースの構築に数多くのリソースがあるように、アプリケーションの装飾するにも多くのグラフィックのリソースがあるので、役に立ちます。iKnow!を作る時に見つけた素晴らしいコレクションの1つは、シルクアイコンセットと呼ばれるアイコン群です。

　このセットは1000以上の異なるアイコンで構成されていて、Webアプリケーション用に考え得るあらゆるアイコンを網羅しています。そのセットは、famfamfam.com（http://famfamfam.com/）からダウンロードできます。アプリケーションをローカライズする時の、すてきなフラッグのセットも提供しています。これらのアイコンは、クリエイティブコモンズ2.5のライセンスのもとでリリースされています。

　作者の言葉ですが、「どのような用途でも使え、好きなように修正をしてもかまいません。ただし、謝辞として、あなたのサイトから、このサイトへのリンクバックをしてください。（あなたのサイトのすべてのページに巨大なリンクを貼（は）る必要がありません。詳しくは、ご連絡ください。）」とあります。なかなかいいですね。もしかしたら、無償でこれだけの作品を得られたことを考えると、献金して痛んだ良心をなおした方がいいかもしれません。

オープンソース（Flash製のグラフ）

　同じように、Webサイトを見て回り、学習進ちょくをユーザーに示すために、良いグラフのソリューションをさがしました。Flexで作られたかなり良いセットはすでに持っていました。しかし、ご存じのようにFlex swfファイルのフットプリントが大きく（300k）、私たちがユーザーに提供したかったのは軽くて簡単なものでした。チャートを集約することは、かなり容易でした。もしPHPを使っている場合、データ入力を容易にしてくれるいくつかのスクリプトがあります。

　簡単なネット検索で、オープンソースで素晴らしいFlash製のグラフのソリューションを見つけました。軽量で、視覚的にカスタマイズができ、機能的に拡張できます。それらは、Open Flash Chart（http://teethgrinder.co.uk/open-flash-chart/）に置いてあります。オープンソースなので、前述のとおり作者を特定し、それに値すると思えばぜひ献金もしてください。ここにコードや作成したライブラリを提出して貢献することもできます。

　いかがだったでしょうか。次回は最終回になりますが、インターネット上でWebアプリケーションを開発する中で学んだことやAjaxのようなプレゼンテーション・レイヤー・テクノロジーやScriptaculousのようなエフェクトライブラリなどのを紹介します。また、英語サイトを見る時にiKnow! bookmarklet（http://www.iknow.co.jp/bookmarklet）を使ってみると便利なので、お試しください。（もし必要でしたら、ということで（笑））