タグ

uiとITに関するpoad1010のブックマーク (6)

  • ダッシュボード構築用UIライブラリ·Dashing MOONGIFT

    Dashingはダッシュボード用ライブラリで、グラフを表示したり並び替えが自由にできます。 システムには必ず管理インタフェースがあります。表向き華やかでも、裏のシステムは中の人用とあって粗雑なUIであるケースが多いようです。そこで使ってみたいのがDashingです。 なんと奇麗なダッシュボード。 ドラッグアンドドロップによる配置換えも可能です。 自分の見やすいように配置を変更できます。 Dashingは数値やデータのリストを確認するのにぴったりなモダンなUIとなっています。細かなデータ管理ができる訳ではありませんが、ステータスをチェックしたりするのにぴったりです。APIが公開されているので、それにあわせてデータを配信すればDashingが華麗なUIにしてくれるはずです。 DashingはRuby製のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサイトの表のUIが整っ

    ダッシュボード構築用UIライブラリ·Dashing MOONGIFT
  • 【インタビュー】クックパッドのUIデザイナー:「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating

    Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん(@monja415)。片山さんが現職に就くまでの道のりや、クックパッドUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ

  • ノブ型UIで直感的な入力を·jQuery Knob MOONGIFT

    jQuery Knobはノブを使って値の設定を行うコンポーネントです。スクロールで値をスムーズに変化させられます。 Webで標準で使えるコンポーネントはパターンがとても少なく、表現力が乏しいのが欠点です。今回紹介するjQuery Knobはノブ型のコンポーネントでスクロールを使って値を設定するタイプの新しいコンポーネントになっています。 デモです。サークルの中でスクロールすると値がスムーズに変化します。 大きさや数字を非表示にしたりできます。 表示のみに設定もできます。 アクションで表示を行うこともできます。 iPodのホイール風表示です。マックスを設けずに表示もできます。 デモ動画です。 jQuery KnobのデザインはCanvasを使って描かれており、画像を用意する必要はありません。また、タッチやマウスホイール、キーボードによる入力に対応したイベントが取れるようになっています。テキス

    ノブ型UIで直感的な入力を·jQuery Knob MOONGIFT
  • 高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT

    Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。

    高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT
  • 未来の技術が目の前に。ついにオープンソース化·SixthSense MOONGIFT

    SixthSenseは現実世界にデジタルデータを照射し、操作を行うARデバイスです。 SixthSenseという未来的デバイスが発表されたのは2009年のことでした。ARとは異なり、現実世界にプロジェクターを通してデジタルデータを配信し、そこに対するアクションを感知するシステムです。元々オープンソースにする予定でしたが、ついにその実態が出てきました。 現実とデジタルが見事に融合しています(公式サイトより)。 空中で構えるのが特徴的です(公式サイトより)。 カメラとプロジェクターそしてカラーマーカーが基構成になっています(公式サイトより)。 紹介動画 TEDでの発表 SixthSenseはハードウェアとソフトウェアの二つが合わさって提供されるテクノロジーです。近い将来、設計図を元に汎用化されるかも知れませんね。 SixthSenseはGPL v3のオープンソース・ソフトウェアです。 MOO

    未来の技術が目の前に。ついにオープンソース化·SixthSense MOONGIFT
  • 多彩なウィジェットで高品質なWebアプリケーションを素早く構築·Kendo UI MOONGIFT

    Kendo UIデスクトップやスマートフォン、タブレットに対応したUIフレームワーク。 Kendo UIHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア。WebのUIは表現力がとても高く、自由度が高い。それは良いことでもあるし、悪いことでもある。束縛が何もないために自由に発想できる反面、デザインする才能がないと情報が散らばってしまってどうにもならなくなる。 デモアプリ それを解決するにはまずウィジェットの概念を取り入れていくことだ。そうした部品を適切に配置していくことで画面をパズルのように作り上げていく。デスクトップからスマートフォン、タブレットまで広く使えるUIコンポーネントがKendo UIだ。 Kendo UIのKendoは剣道から来ているようだ。Kendo UIはとても対応範囲の広いソフトウェアで、実に数多くのウィジェットに加えて、Webアプリケーショ

  • 1