アプリのUI設計は「紙でやる」のが早い！ - Qiita
はじめに こんにちはー！！ UI設計やってますか？ 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね！ 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います！ 今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね～。 しかも！ 大抵の場合、実装後のレビューの段階（つまり最終段階）で 「やっぱここ動きおかしいよね！直せる？」 「・・・。（えー！
Material Design on Android Checklist (Japanese version) マテリアルデザイン対応のためのチェックリスト - 安藤日記
■マテリアルデザイン対応のためのチェックリスト 原文 (Material Design on Android Checklist) By Roman Nurik, Design Advocate ( http://android-developers.blogspot.jp/2014/10/material-design-on-android-checklist.html ) Android 5.0 は、プラットフォームやシステムアプリ用の新しいデザイン・システムであるマテリアルデザインを導入しています。ユーザーの皆様はもうすぐ Android 5.0 の入手が可能になりますが、もう既に彼らは Google Play Newsstand や Inbox by Gmail、Tumblr などのアプリでマテリアルデザインを垣間見ています。開発者の方々は下位互換性を保つための AppCompat
システムテスト自動化の基礎知識とMonkeyTalkの使い方
連載目次 システムテストの自動化とは テスト自動化ツールの紹介に先立って、本連載で扱う「システムテスト」の位置付け、またシステムテストのうち、どのテスト（テストタイプ）を自動化していくのかについて説明します。 システムテストの定義 システムテストとは、ユニット（単体）テスト、統合（結合）テストをパスしたアプリを対象として実施するテストレベルであり、スマートフォンアプリでは以下の位置付けで行われるテストに当たります。 ビルドされたipa／apkファイルをシミュレーターもしくは実機にインストールしてUIを操作する サーバーと通信するアプリの場合、ステージングもしくはプロダクション環境に接続する 組織のQA担当者（独立したテストチーム）が実施する システム（アプリ）の基本設計に基づき、その要件を満たしていることを実証する テストレベルの概念や、より一般的なシステムテストの位置付け、またそれを自動
私がandroidを絶対に使いたくない理由
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Android Pattern Cookbook で見るトレンドの変遷
6. 目次 1章 : Structure - アプリの構成と階層 2章 : Branding - オリジナリティを出す 3章 : Helps - ユーザーを導く 4章 : ViewPager - 画面切り替えの定番 5章 : Support Tablet - 柔軟性のあるレイアウト 6章 : CustomView - 思い通りのレイアウト 7章 : Advanced - 1つ上のカスタマイズ
Android開発を始めたばかりの僕が読みたかった本 - Just posted a blog
最近、スマートフォンアプリ開発をやる人増えてきてオススメの本ある？って聞かれること多くなってきたのですが、その人のバックグラウンドによるところも大きいと思うので、自分がAndroidアプリ開発を始めたときに読んでて役に立った、あるいは読んでおきたかったという目線で、良かった本をいくつか挙げようと思います。 Effective Java Java界隈では多くの人が読んでいると思いますが、AndroidからJavaに入った人だと読んだことがない人もいると思います。 Javaを書く上でのエッセンスが詰め込まれているので、まだ読んでいない方は読むことをおすすめします。 JUnit実践入門 Androidだとテストが書かれないことが多いです。しかし、書いた方がデバッグの時間が短くなる上に保守もしやすくなりますし、テストを書きやすい構造を意識するようになって、上達が早くなりますし、設計も綺麗になります
Android開発者が知らないと損をするXXのこと - ReDo
※目指せ100。 ○小判は猫に渡したくない 「便利なライブラリとかOSS集を教えて欲しい」と、たびたび聞かれるのですが、実際のところ動かして評価しないと分からないんですよね。教えてもキーワードのみ鵜呑みにして使い方間違ってる人とか多くて、結局試行・評価をそれなりのスピードで回せる人じゃないと使いこなせないというか...。 ですが、「知ってる・知らないというゼロイチの差はあるだろう」という指摘をもらい、またどれだけ知っているかのチェックリストとしては使えるのではないだろうか、ということで並べてみることにしました。 使ったことが無いのは挙げていませんが、いかんせん数年経ってますので状況が変わっていたらすいません。 以下、リスト。 Apache Commons http://commons.apache.org/ 「5行＋エラー処理」を1行に済ませてくれるUtil群が主体。 IO、Lang、Co
Google「Android 4.3」紹介ページを一時公開─全機種にGoogle EditionのUIを提供か
Googleが24日に発表予定の次期モバイルOS「Android 4.3 JellyBean」の紹介ページを一時誤って公開していたとGeekspotが報じました。 ■Android 4.3：JellyBeanの新フレーバー シンプルで高速 Bluetoothプロトコルの改善 Wi-Fiの省電力性を高めた 新しい文字入力方式を搭載し、メッセージの作成が楽に 新しいカメラUIを導入 インターフェイスの切り替えが容易で、OEMのUIとGoogle EditionデバイスのUIとを簡単に切り替えることができる 最後の記述がとても興味深いです。つまりAndroid 4.3には、メーカー独自のUIとAndroid標準UI(Google Editionのもの)を簡単に切り替える機能が搭載される模様。つまり全てのスマートフォンに「Google Edition」のUIが提供されると読み取ることもできます。
ActionBarにパンくずリストを表示する | TechBooster
Webページなどで、表示中のページの階層構造を表示する為にパンくずリスト（BreadCrumbs）を利用することがあります。 Androidでも、FragmentBreadCrumbsクラスを利用することで、パンくずリストを利用し、画面の階層などを解りやすく表示することができます。 本エントリでは、FragmentBreadCrumbsを利用して、ActionBarにパンくずリストを表示する方法を紹介していきます。 FragmentBreadCrumbsはその名の通り、Fragmentと強く結びついているため、特定ActivityへのFragmentの追加を読み取り、自動でパンくずリストを表示してくれます。 それではつづきをどうぞ。 サンプルアプリケーションの構成 まず始めに、パンくずリストを紹介するためのサンプルアプリケーションを紹介します。 ■初期画面 本エントリでは、上図の「アプリケ
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
1. プログラマとデザイナが共有すべき UIに関するAndroidの10の機能 ちょっと文字多いので 読みにくくてすいません @youten_redo（ようてん） 2011.08.19 2. はじめに 意外（？）と、プログラマにとって嬉しい形式で画像素材が提 供されることはありません。 不向きな画像でがんばると、結果としてメンテナンス性・拡張 性がよろしくないコードが出来上がります。 なぜ？ 1. プログラマの画面の作り方と、デザイナの画面の作り方は違う 2. デザイナはプログラマの画面の作り方は知らない デザイナ→プログラマという成果物の流れを考えると、プログ ラマが「適切に要求仕様を提示する」ことが必要です。 2 3. UIに関するAndroidの10機能 プログラマは当然抑えておきたい デザイナもさらっとは理解しておきたい できればプログラマがデザイナに説
AADESIGNS INFO
Penjelasan Olymptrade Forex Olymptrade merupakan salah satu broker daring yang menawarkan produk trading bagi investor. Olymptrade Forex adalah salah satu produk yang ditawarkan, yaitu trading dengan instrumen foreign exchange atau kurs valuta asing. Olymp Trade berdiri sejak tahun 2014 dan sampai kini melayani para investor untuk mengembangkan asetnya melalui trading. Dengan popularitas trading s
[今回も]コミックマーケットC83参戦決定！[参加します] | TechBooster
最早、恒例企画となってきました。 今回もTechboosterにて、コミックマーケットC83にAndroid技術情報誌を出店します。 配置場所は「三日目 東X34b」になりますので、皆様のご来店をお待ちしております。 今回のタイトルは、 ドロイドの奇妙なSDK Android4.x時代に向けたユーザーインターフェース拡張からAndroid4.2新機能解説記事など、幅広い内容をお届けしています。 まさにジョ○ョ。ジャ○プコミックス以上のクオリティでお届けする意気込みです。 ※今回の表紙デザインは @shino_merryさんとyuyaさんにご協力いただきました。 ※いつもクオリティの高い作品を利用させて頂き、ありがとうございます！ 目次内容は以下の通りになります。 第一章 ディ・モールト ディ・モールト （非常に 非常に） 良いぞッ！ 良く学習してるぞッ！ 〜レイアウト基本〜 第二章 俺は2
![[今回も]コミックマーケットC83参戦決定！[参加します] | TechBooster](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc5def9c93fc6346cda65be10d3515afd1c5617b/height=288;version=1;width=512/https%3A%2F%2Ftechbooster.org%2Fwp-content%2Fuploads%2F2012%2F12%2F714d11f0ab0130253df4dec00d75181f.png)
Android 2.xでAction Barが使えるActionBarSherlockの使い方 - がぶちゃんの日記
はじめに Android Designというページが公開され、ようやくAndroidのデザインガイドラインもまともになりつつあるわけですが、中でもAction Bar | Android Developersは、アプリのUIの中でも最も重要になるデザインパターンではないでしょうか。しかし、このAction Barに関するAPIは、Android 3.0 (API level 11)からしか利用できません。 Androidには、新しいAPIを過去のバージョンでも利用できるようにするためのSupport Packageというライブラリが存在するのですが、残念ながらなぜかAction Barに関するAPIは含まれておらずSupport PackageでAction Barを実装することができません。 ActionBarSherlockとは ActionBarSherlockは、この問題を解決する
Android ループできる ViewPager （完全版）作った
LoopViewPager github : yanzm/LoopViewPager - https://github.com/yanzm/LoopViewPager ループできる ViewPager です。 (Loop ViewPager, Looping ViewPager) 以前に How to create looping ViewPager というエントリーを書きましたが、不完全だったので、まともなものを作りました。 今回は制限なしです。 Support Package v4 の ViewPager の代わりに使うだけで OK です。 ViewPager から PagerAdapter の package private なメソッドを呼んでいるので、PagerAdapter, FragmentPagerAdapter, FragmentStatePagerAdapter は Lo
ソニー、コードネーム「Odin/Yuga」とされる5インチサイズクアッドコアプロセッサ搭載ハイスペックスマートフォン開発中（情報更新）
ソニー、コードネーム「Odin/Yuga」とされる5インチサイズクアッドコアプロセッサ搭載ハイスペックスマートフォン開発中（情報更新） Sony Mobile Flagship Model Smartphone Odin,Yuga ソニー、Xperia シリーズに同社初となる5インチサイズ、クアッドコアプロセッサを搭載した Android スマートフォンが2013年モデルとして準備中、スペック情報や実機写真リーク。コードネーム「Odin/Yuga」とされる製品。2013年1～3月登場予定？（情報更新） ■ スペック コードネーム: Odin / Yuga OS: Android 4.2 Jelly Bean CPU: Qualcomm Snapdragon S4 Pro APQ8064 Quad-core 1.5GHz GPU: Adreno 320 RAM: 2GB ROM: 32GB
楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソーシャルゲーム系フロントエンドを作る際に殴り合いにならないようエンジニアが確認すべきこと
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの？〜
心地よさを目指した布やゴムのようなツクロアのドロワーUI | 株式会社ツクロア
JCROM で Android の「真の力」を解き放て
