タグ

UIに関するgfxのブックマーク (51)

  • android-ui-utils - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    gfx
    gfx 2013/12/28
  • Slidingmenu by jfeinstein10

    gfx
    gfx 2013/12/07
  • スマホアプリ立ち上げ時の機能・操作説明のチュートリアル画面まとめ | ブログ | SINAP - 株式会社シナップ

    こんにちは、シナップの小茅です。 夏ド真ん中、蒸し蒸しした暑い日が続いていますね。 外でアクティブに行動するもよし、家で涼しみながらのんびるするもよし。 どちらにせよ夏は特に様々なシーンでスマホアプリにお世話になる機会が多いのではないでしょうか。 アプリを初めて立ち上げた際、アプリの機能紹介や操作説明などのチュートリアル画面をよく見かけますが、その方法は様々です。 ちょっとしたアプリ紹介とあわせて、ポイントとなる機能や操作説明を押さえたもの、美しいデザインのものなど、いくつかのチュートリアル画面をピックアップしてみました! お金を扱うアプリだから信頼と安心がないと使えません。 Moneytreeのチュートリアルではその2つをうまくクリアしているなと思いました。 説明が多くなってしまいそうな商材ですが、機能のポイントをうまく抽出して横スライドで見せています。

    スマホアプリ立ち上げ時の機能・操作説明のチュートリアル画面まとめ | ブログ | SINAP - 株式会社シナップ
    gfx
    gfx 2013/11/08
  • 全ては指一本で!指輪型ウェアラブルデバイス「Ring (リング)」を発表!

    株式会社ログバー(社:東京都渋谷区 以下ログバー)は人差し指に装着し、ジェスチャーのみでデバイスコントロールが可能になる「Ring 」を発表いたします。 URL : http://logbar.jp/ring 「Shortcut Everything」 日常において、あらゆるものを指一のジェスチャー(約1秒)で完結できます。 販売開始は2014年を予定。ディベロッパー向けのAPIを公開し、作成したアプリやデバイスを公開できるRing Storeもオープン予定。 「Ring」コンセプトムービーはこちらから、視聴できます。 https://vimeo.com/74626545 ■お問い合わせ先 会社名: 株式会社ログバー 担当 : 吉田卓郎 Ring URL: http://logbar.jp/ring Email: info@logbar.jp 会社 URL: http://logbar

    全ては指一本で!指輪型ウェアラブルデバイス「Ring (リング)」を発表!
    gfx
    gfx 2013/10/08
  • 工業製品風の出力をWebに·Industrial.js MOONGIFT

    Industrial.jsは体温計やタンクなどでの進捗表示ができるライブラリです。 処理の進捗を表すのにプログレスバーがよく使われますが、今回はメータグラフを使った手法を紹介します。利用するライブラリはIndustrial.jsです。 メーター表示です。液体や温度計風で面白いです。 その他LED、電光掲示板風もあります。 Industrial.jsではタンク、温度計、LED、電光掲示板、ゲージと種類が用意されています。いわゆる工業系の計測機器、出力機器を模しています。それぞれJavaScriptで指定するだけで使えるので手軽です。素材などを用意する必要もないので、プログレスバーの代わりに適用することも考えられるでしょう。 Industrial.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る リアル、ネットに限らず顧客がい

    工業製品風の出力をWebに·Industrial.js MOONGIFT
  • 海外「この技術は世界を変える」 富士通の最新技術が未来的過ぎる

    今回は富士通研究所が開発に成功した、 次世代ユーザーインターフェースから。 書類などをタッチパネルに変えてしまう技術なのですが、 個人的には開発品にこれほど感動を覚えたのは久しぶりです。 詳細は動画内にて説明されていますので、さっそくごらんください。 実世界の物に対してタッチ操作可能な次世代UI #DigInfo ■ これは、未来、君なのか? ロシア ■ スマートフォンにこの機能が付いてたら最高だよな。 セルビア ■ 未来はまさにここから始まる。 +79 マレーシア ■ 未来が始まるのはいつだって日からさ。 +4 アメリカ ■ もっと言うと、日からすべてが始まった。 マレーシア ■ 未来の俺のデスクにはこの技術が搭載されてるはず。 国籍不明 ■ 未来がもうすぐそこまで来てるって感じがする! 国籍不明 ■ プロジェクターはちょっと不便だなって思ってたトコなんだよ。 これに加えてグーグル

    海外「この技術は世界を変える」 富士通の最新技術が未来的過ぎる
    gfx
    gfx 2013/04/17
  • Iconfinder | Download free icons

    Pricing Compare all pricing solutions. Options for individuals and teams. See all Pro subscription 7-day free trial Choose a flexible subscription plan for you and your team members. See the benefits Pay as you go Pay for the graphics you need, when you need them. No strings attached. How it works

    Iconfinder | Download free icons
  • まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT

    w2uiデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB(ミニファイ&Gzip)で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiJavaScript製、MIT

    まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT
  • みずほ銀行のATMのテンキーがおかしい件 - soutaroブログ

    あなたが日常的に見ているテンキーには(たぶん)2種類あることに、気づいているだろうか。 画像は、iOS 6に搭載されている「電話」と「計算機」のスクリーンショットである。テンキーの順序が逆になっている。なんで逆になったのか、なんだかよくわからないけれども、これが標準的な配置になっているのだと思う。PCのテンキーはどっちだっけ。 私が面白いと思うのは、この2つを特に混乱せずに使えていることで、ちょっと不思議である。いつも、日語キーボードと英語キーボードが並んでいたら混乱してしまうし、MacWindowsでUndoしようとしたら混乱してしまう。それなのに、2つのテンキーには混乱しない。電卓を使う場合と電話をかける場合で別々の適切なキー配置があり、その適切な配置が採用されているから混乱しないのだろうか。いやそんなことはないだろう…… さて、電話と電卓のテンキーには混乱しない私だが、いつも使う

    みずほ銀行のATMのテンキーがおかしい件 - soutaroブログ
    gfx
    gfx 2012/10/05
  • Xcode/Interface BuilderでUI設計+イベント処理

    連載第1回の「いまさら聞けないiPhone/iPadアプリの作り方の基礎」では、iPhone/iPadアプリ開発における環境構築や開発ツールであるXcodeについて簡単に触れました。今回から、いよいよアプリの具体的な作成方法について説明していきます。 さて話が変わりますが、皆さんはお腹のぜい肉が気になったりしていないでしょうか? 今回作成するサンプルアプリは、下記のような「BMI(肥満度)計算」アプリです。1画面だけのシンプルなアプリですが、この制作を通してiPhone/iPadアプリの画面の作り方や、画面をタッチしたときのイベント処理の基について学んでいきましょう。

    Xcode/Interface BuilderでUI設計+イベント処理
    gfx
    gfx 2012/07/26
  • グラフィカルユーザインタフェース - Wikipedia

    この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方) 出典検索?: "グラフィカルユーザインタフェース" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL(2021年4月) グラフィカルユーザインタフェース(英: graphical user interface、略称:GUI(ジーユーアイ、グイ、グーイ[1]))は、コンピュータグラフィックスとポインティングデバイスなどを用いる、グラフィカル(ビジュアル)であることを特徴とするユーザインタフェース。キャラクタユーザインタフェース (CUI) やテキストユーザインタフェース (TUI) と対比して語られることが多い。 歴史[編集] SAGE制御室。スクリーンにはア

    グラフィカルユーザインタフェース - Wikipedia
    gfx
    gfx 2012/07/26
  • Titanium Mobileでクロスプラットフォーム開発しよう (その1) - Tech-Sketch

    最近、iPhoneAndroidのネイティブアプリをクロスプラットフォーム開発できるフレームワークが増えてきましたね。JavaScriptで開発できるTitanium MobileやRuby on Railsのように開発ができるRhodes Mobileなどが有名でしょうか。 ただし、こういったスクリプト言語でネイティブアプリを開発する場合、iOS/AndroidAPIをどこまで利用できるのかやプラットフォームの違いがどこまで吸収できるのかが気になるところです。ということでTitanium Mobile 1.7.5でiPhone/Androidのネイティブアプリ開発を試してみましたので、その中で気になった点をいくつか紹介します。 なお、今回開発したアプリは画像、位置情報、テキストデータをサーバへPOSTするという簡単なものです。 iPhone/AndroidのView ネイティブア

  • http://atnd.org/event/E0007864

    gfx
    gfx 2012/07/11
  • iOSヒューマンインターフェイスガイドライン

    iOSヒューマンインターフェイスガイドラ イン iPhone > User Experience 2011-03-23 Apple Inc. © 2011 Apple Inc. All rights reserved. 書の一部あるいは全部を Apple Inc. から 書面による事前の許諾を得ることなく複写 複製(コピー)することを禁じます。ま た、製品に付属のソフトウェアは同梱のソ フトウェア使用許諾契約書に記載の条件の もとでお使いください。書類を個人で使用 する場合に限り 1 台のコンピュータに保管 すること、またその書類にアップルの著作 権表示が含まれる限り、個人的な利用を目 的に書類を複製することを認めます。 Apple ロゴは、米国その他の国で登録され た Apple Inc. の商標です。 キーボードから入力可能な Apple ロゴにつ いても、これを Apple In

    gfx
    gfx 2012/07/06
  • Victor Coulon : Mon blog High Tech

    L’annonce de Windows 11 a suscité l’enthousiasme parmi les utilisateurs de PC du monde entier. Avec une interface utilisateur repensée,…

    gfx
    gfx 2012/07/02
  • HTML要素の上にWebGLの描画を合成したらどうなるの - 最速チュパカブラ研究会

    みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。 赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。 一見ちゃんと描画されているように見えますが、左側の半透明の三角形が、加算合成したような描画結果になっており、少し変です。来であればもう少し暗い色で描画されている筈です。これは Chrome/Firefox あるいは Mac/Windows を問わず同じなので、今のところWebGL の描画結果を半透明で合成すると確実におかしくなるので、やめたほうがいいと言えます。が、逆に言えば、完全に不透明か完全に透明な部分は正しく合成されるので、限定的には使えるとも言えます。(描画結果にアンチエイリアスがかかっている場

    HTML要素の上にWebGLの描画を合成したらどうなるの - 最速チュパカブラ研究会
    gfx
    gfx 2012/06/03
  • なぜ入力しにくいformが蔓延するのか? - 職業プログラマの休日出勤

    先日のhotentryにこんなスライドが登場していました。 ふつうのformをつかいたい - はまちや2 - ニコニコ超会議2012 ここで述べられていることの多くは、入力し易いformを作る為に非常に有益なものだと思います。技術的にもそれほど難しい話ではないです。こういう理想を掲げている技術者やマネージャもこの世には多数存在します。それではなぜ、こういう簡単なことすら実装できていないformが蔓延してしまっているのでしょうか。その原因(の推測)をいくつか列挙してみました。 当に技術力が無い 冒頭に紹介したスライドに出て来る話題の多くを、自分の得意とするプラットフォームですら実装できないような技術者がこの世に居ることは確かです。そんな方々の手にかかれば、どのようなformが出来上がるかは容易に想像できます。まあ、可能性としてはそんなに高くはないと思います。 仕様化が難しい 一般的に、ある

    なぜ入力しにくいformが蔓延するのか? - 職業プログラマの休日出勤
    gfx
    gfx 2012/05/11
  • DeNA Creative Seminar vol.1

    スマートフォンの普及が急速に進む中、Webクリエイターの役割、そして中心技術の変化が急速に進んでいます。 この度DeNAが開催する「Creative Seminar」のテーマは「Smartphone UI / UX」。 HTML5 / CSS3 / JavaScript のトレンドと未来、そしてそれをDeNAが実サービスでどのように活用しているのか、 今取り組んでいる中心技術は何かなどについて共有させていただく場として開催致します。 当日は、ゲスト講師として株式会社まぼろしの西畑様をお招きし、最新トレンドなどについてお話しいただきます。 続きを読む

    DeNA Creative Seminar vol.1
    gfx
    gfx 2012/03/21
    #denacrt
  • DeviceAnywhere - ケータイをデバッグしよう-ただしPCで

    Initial Directory (initd) 日ではあまり知られていない、海外のベンチャー/スタートアップを毎日調べます!というフロクです。(日曜定休日) 「このベンチャー調べてほしい」等のご要望はぜひコメントまで。 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 【新装開店】Initial Directoryは、新しくこちらのブログにて国内外のベンチャー企業・事業を中心に書評を行っています! - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - これからはケータイの時代。iPhoneも出たしAndroidも出るし、ドコモのケータイはラインナップが 増えたし…と言っているのは景気がいいが、PCと違い

    gfx
    gfx 2012/03/16
  • How Do I Perform UI Automation Testing in iOS 4

    Beginner level guide (step by step) on UI Automation Testing in iOS 4 Download source - 39.12 KB Introduction This is a beginner level article. I hope after going through it, a typical iPhone developer would be able to perform automated UI testing. Background UI Automation testing is an important value addition in iOS4. It is supported by a new instrument object called “Automation”. It’s quite sui