ソシオメディア | OOUI – オブジェクトベースのUIモデリング
最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験（Object-Oriented User Experience）のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI（オブジェクト指向ユーザーインターフェース）」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック
OpenGLやDirectXなGUIにimguiが最強すぎる - Qiita
imguiとは imguiは、OpenGLやDirectXなどの描画環境の中で動くGUIフレームワークです（vulkanも？）。 "Immediate Mode GUI"と呼ばれるパラダイムにより、大変短く直感的なコードでGUIを構築できます。 どういうGUIコンポーネントが使えるかは、リポジトリのスクショを見ていただいたほうが良いかと思います。 デバッグや調整、テスト用のGUIを構築することが目的のフレームワークです。 環境 今回この記事ではwindows10, vs2015, Cinder（0.9.0）上でサンプルを作成しました。 Cinder用には専用のimgui拡張があるため、そちらを使用します。 https://libcinder.org/ https://github.com/simongeilfus/Cinder-ImGui 根本的な考え方や、imguiのAPIは同じですが、
The Art Of Layout Testing With Galen Framework — Smashing Magazine
How do we make sure the website layout stays responsive and displays correctly on all kinds of devices with various resolutions? In this article, Ivan Shubin will guide you through an interesting new layout testing technique. Using Galen Framework, he will provide a detailed tutorial for writing meaningful generalized layout tests, which can be executed in any browser and on any device and at the
操作説明時などに利用できる、フリーのジェスチャーアイコンセット 10 - NxWorld
アプリの操作方法やサービスの使い方を説明するときなどに利用することがあると思うジェスチャーアイコンのまとめです。 シンプルなデザインのものが多めですが、中には100種類以上が詰まった大容量なものや手だけでなくデバイスも込みで作られているもの、タップ・スワイプ・ピンチインといったようにそれぞれの動作がどのような呼び名なのかわかりやすくしてくれているものもあります。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。
Threepenny-gui - HaskellWiki
Und der Haifisch, der hat Zähne Und die trägt er im Gesicht Und Macheath, der hat ein Messer Doch das Messer sieht man nicht. Threepenny-gui is a GUI framework that uses the web browser as a display. Features include: Easy installation. Everyone has a reasonably modern web browser installed. Just install the library from hackage and you are ready to go. The library is cross-platform. HTML + JavaSc
[iOS]Revealで快適なGUIデバッグ - Qiita
Revealってなに？ iOS用のRuntime inspector。 要はSafariのWeb Inspectorのアプリ版のようなもの。 通常の2D表示だけでなく、3D表示も出来て多段レイヤーの重なり方も表示してくれる超スグレモノ。 Reveal http://revealapp.com/ インストール Revealを起動して、[Help]-[Show Reveal Library in Finder]を選択 [Reveal.framework]のディレクトリをXcodeの任意プロジェクトにドラッグして追加 Xcodeプロジェクト内で[CFNetwork.framework]と[QuartzCore.framework]を追加 XcodeプロジェクトのBuild Settings -> Linking -> Other Linker Flags に「-ObjC」を追加 ※CocoaPo
![[iOS]Revealで快適なGUIデバッグ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f7a7ac94e3e819363a973c615477cdd12b40331/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCaU9TJTVEUmV2ZWFsJUUzJTgxJUE3JUU1JUJGJUFCJUU5JTgxJUE5JUUzJTgxJUFBR1VJJUUzJTgzJTg3JUUzJTgzJTkwJUUzJTgzJTgzJUUzJTgyJUIwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz02MzA1ZTdlZGZiOTQ3MjQxMWM1ZjAxMzI3OTQ1ZTYyYg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBWZXh1czImdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTg5MzY2M2Q3NmFmYmI2NmY1ZjE4YmZmNWRmNWM1ZjY2%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g44Ki44Or5qCq5byP5Lya56S-%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D234c5c04b997abe0b0c04b43bdd211ce)
Announcing WindowTester open source release
We are thrilled to announce the open sourcing release of WindowTester Pro, a solution that automates the process of GUI testing. WindowTester Pro is shipped as a Eclipse plugin and has support for Eclipse versions 3.5, 3.6 and 3.7. WindowTester Pro was previously offered by Instantiations Inc. Using WindowTester Pro, developers can easily create tests for every GUI they create. The tests generated
Vaadin: Java Framework for Enterprise Web Applications
@Route("contacts") public class ContactsView extends VerticalLayout { public ContactsView(ContactService contactService) { var grid = new Grid<>(Contact.class); grid.setItems(contactService.getContacts()); grid.addComponentColumn(contact -> new Image(contact.getPictureUrl(), contact.getName())).setAutoWidth(true); grid.addColumn(Contact::getName).setHeader("Name").setAutoWidth(true); grid.addColum
第193回 Quiclkyで簡単にGUIアプリケーションを作る | gihyo.jp
少し遡ること9月26日、アプリケーション開発者向けのサイト"Ubuntu App Developerサイト"が正式公開されました。これはUbuntuでアプリケーションやゲームを開発し、さらにはSoftware Centerでそれを公開したいと考えるユーザー向けに、ツールキットやUbuntu特有のプロセスに関する情報を提供するサイトです[1]。 今回はUbuntu App Develperサイトでアプリケーション開発ツールの一つとして紹介されている「Quickly」を使って、簡単なGUIアプリケーションを作ってみます。 Quicklyの使い方 Quicklyとは Quicklyとは、Pythonベースのアプリケーションテンプレートと、そのテンプレートを元に効率的に開発するためのツールです。コマンドをいくつか入力するだけで、簡単にGUIアプリケーションのひな形の作成からLaunchpadでの
Install Oracle SQL Developer on Ubuntu Karmic & Lucid | UnMickAble
If you want to install Oracle’s SQL Developer on Ubuntu (or another DEB based system such as Debian) you can do one of the following: Download the RPM package and install using rpm (not advisable). Download the RPM package and convert to a DEB package using alien Download the ZIP file titled “Oracle SQL Developer for other platforms” and manually install Use the make-sqldeveloper-package to conver
ゲームを作るときにあまりにもRuby+DXRubyがラク過ぎたのでまとめ - いつクリはてブロ
Rubyラク過ぎる。 何がラクなのか 他の言語と比べると、やっぱりさくさく作れる→鉄を熱いうちに打てる DXRuby（後述）を使うとGUIが簡単に作れる ゲームを制作するにあたって、開発言語として何を選ぶかをいろいろ考えた。 去年作っていた「C-holic」は主にC言語で作っていたのだが、Webでいろいろ記事を見て、LL（軽量言語）がいいかな、と考え始めた。 LLの利点として、言語的にあまり面倒なこと（データの型をきちんとしたりとか）をしないで済むということが挙げられる。 だから、さっさと取り掛かってさっさと作れるのは、モチベーションの維持という視点からも優れている。 時間がかかるとどんどんやる気が無くなるから。 鉄は熱いうちにガツンガツン打っておきたい。 Rubyはバイトで使う必要が出たときに触り始めて、「C-holic」以前にゲームを作ろうとしていたこともあるのだけれど、本格的に最後ま
Route 477(2009-11-12)
■ [ruby] CSSのような概念を取り入れたJRuby用GUIライブラリ、Limelight LimelightはJRuby上で動くクロスプラットフォームなGUIライブラリだ。 詳細はチュートリアルを見て欲しいが、画面の定義(prop)と： backdrop :background_color => "black", :width => "100%", :height => "100%" do sample :width => 100, :height => 100, :background_color => "red", :text => "red" selection :id => "the_selection", :width => 300, :height => 300, :background_color => "gray" end 見た目の定義(style) を分けるのが面
備忘録 [JRuby]MonkeybarsとRawrでGUI
JRubyでJavaのSwingを利用しようと思い、サンプルを書いてみましたが 自力でjarを作ったりするのは結構手間です。 フレームワーク的なものを探してみたところ、 Monkeybarsというのを見つけたので、チュートリアルに従って試してみました。 [参考] ・Monkeybars http://monkeybars.rubyforge.org/ JRubyのGUI用フレームワーク チュートリアル http://monkeybars.rubyforge.org/tutorials.html ・Rawr http://d.hatena.ne.jp/xibbar/mobile?date=20081220 JRubyからexeやappを作成するツール まずは、Monkeybarsを使用してプロジェクトの下地を作ります。 #インストール jruby -S gem install monkeyb
「戻る」で入力データが消えてしまうフォームはいらない ― ＠IT
Webアプリケーションのユーザーインターフェイス[6] 「戻る」で入力データが消えてしまうフォームはいらない 「寛容性とユーザーコントロール」 ソシオメディア 上野 学 2005/12/22 前回「入力情報を預かる責任を果たせる画面デザインとは？」は、あらゆる経験則の土台となる価値観として、「ユーザーを尊重する」というユーザー中心の姿勢について述べました。今回からは、Webアプリケーションのユーザーインターフェイス（UI）・デザインを行ううえで有効な経験則を、少し具体的に考えていきたいと思います。 その前にまず、連載の第1回「ユーザーにとっては“ユーザーインターフェイス”こそが製品そのもの」で触れた HCI（Human-Computer Interaction）の分野でよく挙げられる、コンピュータを用いた対話型システムの設計原則を紹介しておきます。ここでいう「対話型システム」とは、ユーザー
ぼくのかんがえたさいきょうのGit Repository Browser - ( ꒪⌓꒪) ゆるよろ日記
こんなヤツ デモサイトはこちら http://gitterb.yuroyoro.net/ Gitである程度運用してると、ブランチがいっぱいになっていつどこから生えたのかわからなくなったり、どのブランチがマージされてるか把握できなかったりとかがあると思う。 たとえばgit log --graph とかgit merge-baseとかコマンドで頑張ればいいんだけど、俺はあまり頭良くないし記憶力もないので、コミットのつながりをグラフィカルに表示してほしいと常々思っていたわけ。 たとえばGitXとかgitkとかGit Towerとかのツリー表示って、こんな感じじゃないですか。 これはこれでまぁいいんだけど、この程度ならlog --graphやtigを使えばいいのでわざわざGUI起動するまでもないし、そもそもあんまりグラフィカルじゃない。見たいのは、Pro Gitとかにあるようなコミットを○と矢印で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creating an HTML UI for Desktop .NET Applications
GitUp
Sikuli Project
汝の隣人のブログを愛せよ | LOVELOG