Code Archive Skip to content Google About Google Privacy Terms
こんにちは、シナップの小茅です。 夏ド真ん中、蒸し蒸しした暑い日が続いていますね。 外でアクティブに行動するもよし、家で涼しみながらのんびるするもよし。 どちらにせよ夏は特に様々なシーンでスマホアプリにお世話になる機会が多いのではないでしょうか。 アプリを初めて立ち上げた際、アプリの機能紹介や操作説明などのチュートリアル画面をよく見かけますが、その方法は様々です。 ちょっとしたアプリ紹介とあわせて、ポイントとなる機能や操作説明を押さえたもの、美しいデザインのものなど、いくつかのチュートリアル画面をピックアップしてみました! お金を扱うアプリだから信頼と安心がないと使えません。 Moneytreeのチュートリアルではその2つをうまくクリアしているなと思いました。 説明が多くなってしまいそうな商材ですが、機能のポイントをうまく抽出して横スライドで見せています。
株式会社ログバー(本社:東京都渋谷区 以下ログバー)は人差し指に装着し、ジェスチャーのみでデバイスコントロールが可能になる「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
Industrial.jsは体温計やタンクなどでの進捗表示ができるライブラリです。 処理の進捗を表すのにプログレスバーがよく使われますが、今回はメータグラフを使った手法を紹介します。利用するライブラリはIndustrial.jsです。 メーター表示です。液体や温度計風で面白いです。 その他LED、電光掲示板風もあります。 Industrial.jsではタンク、温度計、LED、電光掲示板、ゲージと種類が用意されています。いわゆる工業系の計測機器、出力機器を模しています。それぞれJavaScriptで指定するだけで使えるので手軽です。素材などを用意する必要もないので、プログレスバーの代わりに適用することも考えられるでしょう。 Industrial.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る リアル、ネットに限らず顧客がい
今回は富士通研究所が開発に成功した、 次世代ユーザーインターフェースから。 書類などをタッチパネルに変えてしまう技術なのですが、 個人的には開発品にこれほど感動を覚えたのは久しぶりです。 詳細は動画内にて説明されていますので、さっそくごらんください。 実世界の物に対してタッチ操作可能な次世代UI #DigInfo ■ これは、未来、君なのか? ロシア ■ スマートフォンにこの機能が付いてたら最高だよな。 セルビア ■ 未来はまさにここから始まる。 +79 マレーシア ■ 未来が始まるのはいつだって日本からさ。 +4 アメリカ ■ もっと言うと、日本からすべてが始まった。 マレーシア ■ 未来の俺のデスクにはこの技術が搭載されてるはず。 国籍不明 ■ 未来がもうすぐそこまで来てるって感じがする! 国籍不明 ■ プロジェクターはちょっと不便だなって思ってたトコなんだよ。 これに加えてグーグルグ
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB(ミニファイ&Gzip)で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT
あなたが日常的に見ているテンキーには(たぶん)2種類あることに、気づいているだろうか。 画像は、iOS 6に搭載されている「電話」と「計算機」のスクリーンショットである。テンキーの順序が逆になっている。なんで逆になったのか、なんだかよくわからないけれども、これが標準的な配置になっているのだと思う。PCのテンキーはどっちだっけ。 私が面白いと思うのは、この2つを特に混乱せずに使えていることで、ちょっと不思議である。いつも、日本語キーボードと英語キーボードが並んでいたら混乱してしまうし、MacとWindowsでUndoしようとしたら混乱してしまう。それなのに、2つのテンキーには混乱しない。電卓を使う場合と電話をかける場合で別々の適切なキー配置があり、その適切な配置が採用されているから混乱しないのだろうか。いやそんなことはないだろう…… さて、電話と電卓のテンキーには混乱しない私だが、いつも使う
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方) 出典検索?: "グラフィカルユーザインタフェース" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL(2021年4月) グラフィカルユーザインタフェース(英: graphical user interface、略称:GUI(ジーユーアイ、グイ、グーイ[1]))は、コンピュータグラフィックスとポインティングデバイスなどを用いる、グラフィカル(ビジュアル)であることを特徴とするユーザインタフェース。キャラクタユーザインタフェース (CUI) やテキストユーザインタフェース (TUI) と対比して語られることが多い。 歴史[編集] SAGE制御室。スクリーンにはア
最近、iPhoneやAndroidのネイティブアプリをクロスプラットフォーム開発できるフレームワークが増えてきましたね。JavaScriptで開発できるTitanium MobileやRuby on Railsのように開発ができるRhodes Mobileなどが有名でしょうか。 ただし、こういったスクリプト言語でネイティブアプリを開発する場合、iOS/AndroidのAPIをどこまで利用できるのかやプラットフォームの違いがどこまで吸収できるのかが気になるところです。ということでTitanium Mobile 1.7.5でiPhone/Androidのネイティブアプリ開発を試してみましたので、その中で気になった点をいくつか紹介します。 なお、今回開発したアプリは画像、位置情報、テキストデータをサーバへPOSTするという簡単なものです。 iPhone/AndroidのView ネイティブア
iOSヒューマンインターフェイスガイドラ イン iPhone > User Experience 2011-03-23 Apple Inc. © 2011 Apple Inc. All rights reserved. 本書の一部あるいは全部を Apple Inc. から 書面による事前の許諾を得ることなく複写 複製(コピー)することを禁じます。ま た、製品に付属のソフトウェアは同梱のソ フトウェア使用許諾契約書に記載の条件の もとでお使いください。書類を個人で使用 する場合に限り 1 台のコンピュータに保管 すること、またその書類にアップルの著作 権表示が含まれる限り、個人的な利用を目 的に書類を複製することを認めます。 Apple ロゴは、米国その他の国で登録され た Apple Inc. の商標です。 キーボードから入力可能な Apple ロゴにつ いても、これを Apple In
みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。 赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。 一見ちゃんと描画されているように見えますが、左側の半透明の三角形が、加算合成したような描画結果になっており、少し変です。本来であればもう少し暗い色で描画されている筈です。これは Chrome/Firefox あるいは Mac/Windows を問わず同じなので、今のところWebGL の描画結果を半透明で合成すると確実におかしくなるので、やめたほうがいいと言えます。が、逆に言えば、完全に不透明か完全に透明な部分は正しく合成されるので、限定的には使えるとも言えます。(描画結果にアンチエイリアスがかかっている場
先日のhotentryにこんなスライドが登場していました。 ふつうのformをつかいたい - はまちや2 - ニコニコ超会議2012 ここで述べられていることの多くは、入力し易いformを作る為に非常に有益なものだと思います。技術的にもそれほど難しい話ではないです。こういう理想を掲げている技術者やマネージャもこの世には多数存在します。それではなぜ、こういう簡単なことすら実装できていないformが蔓延してしまっているのでしょうか。その原因(の推測)をいくつか列挙してみました。 本当に技術力が無い 冒頭に紹介したスライドに出て来る話題の多くを、自分の得意とするプラットフォームですら実装できないような技術者がこの世に居ることは確かです。そんな方々の手にかかれば、どのようなformが出来上がるかは容易に想像できます。まあ、可能性としてはそんなに高くはないと思います。 仕様化が難しい 一般的に、ある
Initial Directory (initd) 日本ではあまり知られていない、海外のベンチャー/スタートアップを毎日調べます!というフロクです。(日曜定休日) 「このベンチャー調べてほしい」等のご要望はぜひコメントまで。 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 【新装開店】Initial Directoryは、新しくこちらのブログにて国内外のベンチャー企業・事業を中心に書評を行っています! - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - これからはケータイの時代。iPhoneも出たしAndroidも出るし、ドコモのケータイはラインナップが 増えたし…と言っているのは景気がいいが、PCと違い
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く