AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化AppStoreとGooglePlayの両プラットフォームに選ばれたBrainWarsが実践するプラットフォームに合わせたUI/UX最適化のノウハウを紹介します。Read less
PopApp Magazine - Popular Magazine
About Us Welcome to PopApp.in, your trusted source for the latest news, information, and insights. We are dedicated to delivering high-quality content that informs, engages, and entertains our diverse readership. Our MissionAt PopApp.in, our mission is clear: to provide you with accurate, unbiased, and timely news that matters. We believe in the power of information to shape perspectives, drive co
Google、Android用のUIテスト自動化フレームワーク「Espresso」公開
アプリケーションの画面に対してボタンを押したり入力を行い、正しい結果や答えが返ってくるか？ ユーザーインターフェイスを含むテストコードの開発は一般に手間がかかり面倒であり、テスト用のライブラリやフレームワークが欠かせません。 Googleは、Android用のUIテスト自動化のためのフレームワーク「Espresso」をテクノロジープレビューとして公開しました。 Espresso - android-test-kit - a fun little Android UI test API - Testing Tools For Android - Google Project Hosting EspressoはこれまでGoogle社内で、Google DriveやGoogle Maps、Google+など30種類のアプリケーションのテスト自動化に使われてきました。 特徴は、軽量でシンプルな記述
QM Launcher : これぞ未来形スマホ！3Dキューブ型ランチャー搭載のホームアプリ！Androidアプリ | オクトバ
初回起動時にはこのような画面になります。 ポップアップには、「任意のキューブを押してアプリをマトリックスに追加してね」って書いてあります。 画面中央に大きく置かれたルービック16個のキューブがメインのランチャーとなります。 下部にはドック（最大4個登録可）があります。 3D表示のためグリグリ動きます。全てのキューブにアプリを登録すると壮観ですね。 でも、これって1個1個やってかなきゃいけないの？ …大丈夫です。 まずはドロワーを開きましょう。ドック中央のアイコンです。 ドロワーの右上にあるチェックマーク型のアイコンをタップすると複数選択ができます。 これを使って登録したいアプリを一括で選択、その後長押ししてキューブに重ねましょう。 アプリが登録されているキューブを長押しすると移動（並べ替え）が行えます。 更に、何も登録されていないキューブをタップすると右の画像のようなメニューが開きます。
B2Cモバイル開発のいまとこれから #forcedotcomjp
Salesforce Developer Conference Tokyo 2013 での発表資料
iOS な人が Android アプリを開発するときに気をつけたいこと | SmartNews開発者ブログ
Android の次期バージョン 4.4 の名称が《KitKat》だと発表されました。Android は歴代のバージョンに「アルファベット順のお菓子の名前」を付けていることで有名ですが、今回まさかの企業コラボ。「K」は「Key Lime Pie」になるだろうと言われていたのに、さすがの斜め上です。。 着実に進化を続け、いまやスマートフォンの世界シェアの8割近くを占める[1]ようになった Android ですが、多くのサービスは依然として「iOS ファースト」で開発している[2]ように思います。かくいう SmartNews も、まず iOS版から始まり、Android版が出たのはその数ヶ月後でした。 そういった場合、「iOS を出して、それがうまくいったら、Android にそのまま移植すればいい」というよう考え方をしてしまいがちなのですが、それでは多くの場合よいものになりません。どうしても
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。 http://atnd.org/events/51539
Titanium Mobile 2.0 対応など - naoyaのはてなダイアリー
Titanium Mobile がメジャーバージョンアップして SDK が 1.8 から 2.0.1 になりました。HBFav を SDK 2.0.1 に対応させる作業をひとまず終えたので、以下雑感など。 Titanium Mobile 2.0.1 で何が変わったか Release Notes http://docs.appcelerator.com/titanium/release-notes/?version=2.0.1.GA 大きな変更点はレイアウトシステムの更新です。加えていろいろとバグフィックス。ほかにも Appcelerator Cloud Services (ACS) という BaaS 連携が発表されていますが、純粋に SDK のアップデートというとレイアウトシステムとバグ修正が主なところ。Andorid位置情報対応の強化、Module API のアップデートもありますが、こ
tealang.info » Blog Archive » ダイアル式階層データ用UIの試作
Dial UI on Android from quolc on Vimeo. applet for PC インタラクション2012という情報処理学会主催のカンファレンスに参加した際、"ContextDial"というGUIパーツの開発研究を目にしてダイアル式のGUIを自分も作ってみたくなったので、ちゃちゃっと試作してみました。 概要 ダイアル状のインターフェイス上に好きな色の要素を配置して直感的に操作出来るGUIです。 ダイアルには任意の個数（3から12個程度が妥当ですが）の要素を表示でき、上部にあるアイテムほど大きく表示され、またアイテム間のインターバルも大きく取られるので、見やすく強調されます。 ダイアル自体は、もちろん黒電話のようにタッチ＆ドラッグによって直感的に回す事ができ、スピードをつけると抵抗が働いて、しばらくクルクルと回ってから止まります。 各要素をタップすると、その要素が拡
KLab iPhoroid UI 発表！〜AndroidでリッチなUIを簡単に〜
umjammer です、 弊社の Android 案件の成果物として、リッチなUIを簡単に使用することができるUIコンポーネント群、名付けて「KLab iPhoroid UI」をここに発表します。 Android 案件を進めていく上で、お客様から言われる要件の一つとして「iPhone と同じようなUIにしてもらえませんでしょうか？」というのがあります。やはりスマートフォンと言えば iPhone というイメージが世間では強いのでしょうか？ Android には Android UI のポリシーが云々というのはありますが、そこはお客様の要望なので… そして Android のデフォルトで用意されている UI のみでは iPhone の様なリッチな UI & UX を再現するのは困難です。 サードパーティーも頑張って様々なリッチな UI を WEB に発表していますが、イメージの多用、メモリ管理
GitHub - jairajs89/Touchy.js: A simple light-weight JavaScript library for dealing with touch events
Automated UI Testing for Web and Native Apps on iOS and Android
This document discusses automated UI testing for mobile web and native apps. It covers testing mobile web apps with Selenium, testing native Android apps with Robotium, and testing native iOS apps with Frank. Key points include why automated UI testing is important, common pitfalls to avoid, and how the future of testing may involve writing tests in plain English scenarios using frameworks like Cu
Android4.0で追加されたGridLayoutの使い方 | TechBooster
それではつづきをどうぞ。 １．GridLayoutへのパラメータ指定 GridLayout自身へは、表１の通り２つのパラメータを設定する必要があります。 columnCount,rowCountは column × row の格子を用意するという宣言に当たります。 サンプルでは、以下の通り、4×4マスの格子を作成しています。 <GridLayout android:id="@+id/gridLayout1" android:layout_width="match_parent" android:layout_height="wrap_content" android:columnCount="4" android:rowCount="4" > ...省略 ２．GridLayoutの子Viewへのパラメータ指定 column,rowの指定 GridLayoutの子Viewには、android
AndroidのLayoutについて | TechBooster
Androidアプリケーションを始めて作成するときに、一番つまづきがちになるLayoutの構成の仕方。 本エントリでは、下記要素についての紹介を踏まえて、思い通りの位置にViewを構成する方法を紹介します。 今回紹介する要素 android:layout_weight android:gravity android:layout_gravity android:layout_margin android:padding 今回のサンプルではこれらの要素を使用して、以下画面を作成します。 また、今回の記事の作成にあたり、以下サイトを参考にさせていただきました。 ありがとうございました。 zaki日記 様 http://zaki.tdiary.net/20110702.html#p01 プログラミング雑記 様 http://d.hatena.ne.jp/Korsakov/20100826/128
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
Android ボタンを押したときにソフトキーボードを消す
Button をクリックしたときにソフトキーボードを隠す方法です。 InputMethodManager を使います。 public void onClick(View v) { switch(v.getId()){ case R.id.search_button : InputMethodManager inputMethodManager = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE); inputMethodManager.hideSoftInputFromWindow(v.getWindowToken(), 0); search(); break; } } hideSosfInputFromWindow に第２引数を InputMethodManager.HIDE_IMPLICIT_ONLY
Android 処理待ちダイアログの設定（ProgressDialog） - メグリ株式会社
Androidでの開発で、時間がかかる処理を行っている時に処理中であることや進捗状態を示す為にProgressDialogを使用する。 今回はシンプルなくるくる回るタイプのダイアログの設定を説明します。 Handlerを作ったスレッドで実行を可能にする為、Runnableインターフェイスを実装する。 クラス変数にプログレスダイアログとスレッドを宣言する。 public class XXXX extends Activity implements Runnable { private static ProgressDialog waitDialog; private Thread thread; 任意の処理時にプログレスダイアログの設定・表示を行い、スレッドを実行する。 private void AAA(){ // プログレスダイアログを開く処理を呼び出す。 setWait(); } pri
画面の解像度やdensity（ピクセル密度）の取得方法 | Techfirm Android Lab
Androidは、マルチスクリーンに対応しています。 これはどういう事かというと、解像度の異なる端末でも、同じように表示させる事ができる仕組みです。 ピクセル指定で画像を作成したり、プログラム上でレイアウトを制御すると、 高解像度の端末では、横幅が足りなかったり、ボタンが小さくて押せない、といった現象が起きます。 その為、解像度の異なる端末でも、一つのバイナリで対応させるには、それらを考慮した 実装が必要になります。 その解決法のいくつかをご紹介します。 １．layout.xmlにて、dip指定でサイズを指定 dipというのは、device-independent pixelの略で、直訳しますと 端末に依存しないピクセル となります。 これはどういう単位か、というと、160 dpiの1ピクセルの物理的な大きさを1dipと定義しています。 つまり、320dpiのスクリーン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!
転職・退職代行マガジン -
