guiに関するakisutesamaのブックマーク (9)

  • iPhoneアプリのUI研究、ユーザーは実際iPhoneをどう使っているか? How People really use the iPhone? : iPhone AppBank

    iPhoneアプリ開発者であれば, 曲がりなりにもアップルの製品の上に自分の作品をのっける以上、ユーザーインターフェースには気をつけなくてはいかん。そう思う開発者の方もいるかと思います。 シリコンバレーにある戦略リサーチとデザインのファームcreate with context社が行った調査、人はiPhoneを実際にはどのように使っているかが、61枚のスライドになって発表されています。 追記:スライドのあるこちらのページの下の部分に全てのスライドのスクリプトがあります。合わせてどうぞ。 How people really use the iPhone – SlideShare このユーザービリティの調査はiPhoneに元々ついているアプリや、Air Hockey, koi pond, pin ballなどのサードパーティ製アプリをiPhoneの所有者、非所有者に対して特定の作業を行ってくだ

    akisutesama
    akisutesama 2008/11/23
    1番は2番は当然として、興味深いのが6番7番の"visual feedback"ってところ。確かにコレがあるからMac OS X(もちろんiPhoneも)が面白くてわかりやすいんだよね。自分のアプリにも積極的にアニメーションを取り入れたい
  • Interface BuilderによるGUIレイアウト - 強火で進め

    整列させる ShiftやCommandキーを押しながらGUIパーツを複数選択。 Command+3キーを押し、Size inspector(物差しのアイコンのタブ)を表示。 AlignmentやPlacementの中から希望するアイコンをクリックする。 微調整をする 調整したいGUIのパーツを選択。 カーソルをそのパーツから外す。 Optionキーを押す。 →ウィンドウの枠からの距離が表示される。 →Optionキーを押したままカーソル押下で数値を確認しながら微調整が可能。 ガイドを追加 メニューから Layout > Add Horizontal Guide →水平のガイドを追加。 メニューから Layout > Add Vertical Guide →垂直のガイドを追加。 ※ガイドを削除するときは画面の外にドラッグ。カーソルの位置でガイドが爆発して削除されます。

    Interface BuilderによるGUIレイアウト - 強火で進め
    akisutesama
    akisutesama 2008/11/22
    Interface Builder上にガイド線を表示する方法と消し方(消し方重要、消し方がIBには書いてないので)
  • ダブルクリックはもう古い?『Bump Top 』β版で未来のデスクトップを体感 | ライフハッカー・ジャパン

    デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

    ダブルクリックはもう古い?『Bump Top 』β版で未来のデスクトップを体感 | ライフハッカー・ジャパン
    akisutesama
    akisutesama 2008/10/22
    面白いデスクトップだけれども、これを有効に使うには、1:ペンが必要 2:現在のフォルダとファイルで管理している構造を辞めないとならない 3:アプリと個々ののアイコンがシームレスに連結しなきゃならない。
  • MOONGIFT: » 要注目!モダンなUIを実現するJavaScriptライブラリ「LivePipe UI」:オープンソースを毎日紹介

    JavaScriptを使って、クールなインタフェースを実現するライブラリは幾つか存在する。よく使われるものとしては、画像をクリックするとその場で拡大表示するもの、タブインタフェース、WYSIWYGなHTMLエディタ、レーティング、プログレスバー、コンテクスト(右クリック)メニューなどなど。 フローティングウィンドウ どれも個別のライブラリは存在する。だが、よく使われるものだけに、一つ一つ用意するのが面倒という人もいるはずだ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはLivePipe UI、Prototype.jsを使ったモダンなUIを実現するライブラリだ。 LivePipe UIが実現する機能はタブ、WSYIWYGエディタ、ツールチップ、フローティングウィンドウ表示、レーティング、プログレスバー、コンテクストメニューなどがメジャーなものとして挙げられている。レーティン

    MOONGIFT: » 要注目!モダンなUIを実現するJavaScriptライブラリ「LivePipe UI」:オープンソースを毎日紹介
    akisutesama
    akisutesama 2008/09/08
    prototype.jsベースのライブラリ。jQueryのプラグインでは似たようなのがたくさんあるが、prototype.jsでは珍しい?かも。
  • 要チェック!CocoaアプリケーションのようなUIをWebブラウザ上で実現する·Cappuccino MOONGIFT

    いつ出るか、いつ出るかと待ち遠しかったがついに登場した! Mac OSXのインタフェースが優れていることは大多数の人が認めるだろう。Windowsには感じられない、エレガントなインタフェースはMac OSXiPhoneなどで活躍している。あのインタフェースをWebブラウザ上で実現できたらどれだけ良いだろう。 サンプルアプリケーションのflickrビューワー Ajaxを使ったGmailをはじめて触ったときのあの驚きを再び感じさせてくれるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCappuccino、Webブラウザ上でCocoa風インタフェースを実現するアプリケーションフレームワークだ。 Webベースでありながら、JavaScriptを記述する必要はない。Objective-Cに似た、Objective-Jというプログラム言語で記述して、それをWebブラウザ向けにJ

    要チェック!CocoaアプリケーションのようなUIをWebブラウザ上で実現する·Cappuccino MOONGIFT
    akisutesama
    akisutesama 2008/09/07
    Demoを触ってみたが記事で紹介されているほどの感動はなかった。やたらと重いし。むしろどれだけ少ない労力でiPhone向けのWebアプリが開発できるかだけが気になるが、全く新しい言語を覚えるほどのものだろうか?
  • Purchase Intent Data for Enterprise Tech Sales and Marketing - TechTarget

    akisutesama
    akisutesama 2008/09/07
    MacのCocoaに酷似したものをWeb上で開発できるようにするフレームワークのようだ。言語はObjective-JというObjective-CをJavaScriptっぽくしたものを使用するらしい。実質、iPhoneのWebアプリ開発専用FW?
  • MOONGIFT: » これはすごい!Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介

    これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ

    MOONGIFT: » これはすごい!Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
    akisutesama
    akisutesama 2008/08/25
    Firefox3がプラットフォームとして機能しているのが凄い。ただ、以前Firefoxは導入禁止、全員IE6を使えなんていう糞ふざけた現場もあったので、そういうときに使えないのが痛い。まぁそういう現場にはそもそも価値が無いか
  • Pencil – Get this Extension for 🦊 Firefox (en-US)

    Pencil is a free and opensource tool for making diagrams and GUI prototyping that everyone can use. Top features: * Built-in stencils for diagraming and prototyping * Multi-page document with background page * Inter-page linkings! * On-screen text editing with rich-text supports * Exporting to HTML, PNG, Openoffice.org document, Word document and PDF. * Undo/redo supports * Installing user-defined

    Pencil – Get this Extension for 🦊 Firefox (en-US)
    akisutesama
    akisutesama 2008/08/22
    Firefox3で動作する、GUIデザイン用のプラグイン。無料だが無料とは思えない完成度。テンプレートも必要十分で、各パーツは細かくセッティングが可能。Visioよりシンプルで使いやすいぐらい。オススメ。
  • Welcome to wxPython!

    This website is all about wxPython, the cross-platform GUI toolkit for the Python language. With wxPython software developers can create truly native user interfaces for their Python applications, that run with little or no modifications on Windows, Macs and Linux or other unix-like systems. Learn more "Size matters not." (Yoda) wxPython 4.2.1 is now available at PyPI, with some additional files a

    akisutesama
    akisutesama 2008/08/21
    Python用のマルチプラットフォームGUIライブラリ。
  • 1