ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webアプリケーションを構築する上で最大のネックになるのがGUiインタフェースだろう。一般的なローカルOS向けのGUIツールキットとは異なり、Web向けには貧弱なコンポーネントしか用意されていない。YUIやExt JSなど多数のツールキットが登場しているのはそのせいだ。


ピクチャ 9.png

アニメーションもこなすGUIツールキット

 

そしてデザイン面のみならず、アクションまで踏まえてWebアプリケーションを構築できるのがSocksというGUIツールキットだ。

今回紹介するオープンソース・ソフトウェアはSocks、JavaScriptによるGUIツールキットだ。

SocksはJavaScriptで作られたGUiツールキットだ。HTMLはデザインする必要がなく、Socks上でオブジェクトを定義してテキストボックスやチェックボックスなどを配置していく。後は指定した表示形式に沿ってSocksが揃えて表示してくれる。


ピクチャ 10.png

ハングマンのデモ

 

もちろんHTMLなので細かな装飾はスタイルを使って調整できる。Canvasを使ってグラフィックスを描くことも可能だ。アクションを定義することも可能で、アクションベースのWebアプリケーションを構築するのが容易になりそうだ。

デモアプリケーションとして、アニメーションするものやハングマンのゲームができるものが登録されている。グラフィックスを容易に描けるので、汎用的に使えそうだ。YUIやExt JSを使うと、何となくそれっぽさが感じられてしまうがSocksはシンプルなので自分らしさを出せるはずだ。

SocksはShoesというRuby用GUIツールキットにインスパイアされている。Webでは苦手なリッチなインタフェースやグラフィックスを扱いたい時にきっと役立つはずだ。


ピクチャ 11.png

テンプレートのソースコード

 

petejkim's socks at master - GitHub

 http://github.com/petejkim/socks/tree/master

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2