連載 :
  iKnow!の作り方

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

2008年8月18日(月)
Simon Dennett

オープンソース(アイコン)

 オープンソーシャル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)を使ってみると便利なので、お試しください。(もし必要でしたら、ということで(笑))

Cerego Japan Inc.
Creative Director\\, Cerego Japan. Australian\\, 38 years.
Work History
Web Designer\\, TAC Planning 1998、Senior Web Designer Leo Burnett Sydney 2005\\, Senior Flash Designer\\, Avenue A Razorfish Sydney 2006\\, Current Position since 7/2007.http://www.iknow.co.jp/記事をスラスラ読むためのツールはこちら(http://www.iknow.co.jp/list/12690

Think ITメルマガ会員登録受付中

Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。

Think ITメルマガ会員のサービス内容を見る

他にもこの記事が読まれています