#はじめに こんにちはー！！ UI設計やってますか？ 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね！ 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います！ #今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね～。 しかも！ 大抵の場合、実装後のレビューの段階（つまり最終段階）で 「やっぱここ動きおかしいよね！直せる？」 「・・・。（え

連載目次 システムテストの自動化とは テスト自動化ツールの紹介に先立って、本連載で扱う「システムテスト」の位置付け、またシステムテストのうち、どのテスト（テストタイプ）を自動化していくのかについて説明します。 システムテストの定義 システムテストとは、ユニット（単体）テスト、統合（結合）テストをパスしたアプリを対象として実施するテストレベルであり、スマートフォンアプリでは以下の位置付けで行われるテストに当たります。 ビルドされたipa／apkファイルをシミュレーターもしくは実機にインストールしてUIを操作する サーバーと通信するアプリの場合、ステージングもしくはプロダクション環境に接続する 組織のQA担当者（独立したテストチーム）が実施する システム（アプリ）の基本設計に基づき、その要件を満たしていることを実証する テストレベルの概念や、より一般的なシステムテストの位置付け、またそれを自動

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.

6. 目次 1章 : Structure - アプリの構成と階層 2章 : Branding - オリジナリティを出す 3章 : Helps - ユーザーを導く 4章 : ViewPager - 画面切り替えの定番 5章 : Support Tablet - 柔軟性のあるレイアウト 6章 : CustomView - 思い通りのレイアウト 7章 : Advanced - 1つ上のカスタマイズ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

※目指せ100。 ○小判は猫に渡したくない 「便利なライブラリとかOSS集を教えて欲しい」と、たびたび聞かれるのですが、実際のところ動かして評価しないと分からないんですよね。教えてもキーワードのみ鵜呑みにして使い方間違ってる人とか多くて、結局試行・評価をそれなりのスピードで回せる人じゃないと使いこなせないというか...。 ですが、「知ってる・知らないというゼロイチの差はあるだろう」という指摘をもらい、またどれだけ知っているかのチェックリストとしては使えるのではないだろうか、ということで並べてみることにしました。 使ったことが無いのは挙げていませんが、いかんせん数年経ってますので状況が変わっていたらすいません。 以下、リスト。 Apache Commons http://commons.apache.org/ 「5行＋エラー処理」を1行に済ませてくれるUtil群が主体。 IO、Lang、Co

Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの？〜

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が提供されると読み取ることもできます。

Webページなどで、表示中のページの階層構造を表示する為にパンくずリスト（BreadCrumbs）を利用することがあります。 Androidでも、FragmentBreadCrumbsクラスを利用することで、パンくずリストを利用し、画面の階層などを解りやすく表示することができます。 本エントリでは、FragmentBreadCrumbsを利用して、ActionBarにパンくずリストを表示する方法を紹介していきます。 FragmentBreadCrumbsはその名の通り、Fragmentと強く結びついているため、特定ActivityへのFragmentの追加を読み取り、自動でパンくずリストを表示してくれます。 それではつづきをどうぞ。 サンプルアプリケーションの構成 まず始めに、パンくずリストを紹介するためのサンプルアプリケーションを紹介します。 ■初期画面 本エントリでは、上図の「アプリケ

1. プログラマとデザイナが共有すべき UIに関するAndroidの10の機能 ちょっと文字多いので 読みにくくてすいません @youten_redo（ようてん） 2011.08.19 2. はじめに  意外（？）と、プログラマにとって嬉しい形式で画像素材が提 供されることはありません。  不向きな画像でがんばると、結果としてメンテナンス性・拡張 性がよろしくないコードが出来上がります。  なぜ？ 1. プログラマの画面の作り方と、デザイナの画面の作り方は違う 2. デザイナはプログラマの画面の作り方は知らない  デザイナ→プログラマという成果物の流れを考えると、プログ ラマが「適切に要求仕様を提示する」ことが必要です。 2 3. UIに関するAndroidの10機能  プログラマは当然抑えておきたい  デザイナもさらっとは理解しておきたい  できればプログラマがデザイナに説

3. 自己紹介 ● 劇場版 花咲くいろは HOME SWEET HOME の舞台挨拶 が目的で来ました。 ● 2011年、2012年のぼんぼり祭りにも来ています。 4. 自己紹介 ● twitter ID は @androidsola ● Android は 2008 年頃から Blog は http://blog.sola-dolphin-1.net/ 日本語の情報が少なくて始めたので、そろそろ不要なものに。 ● 2011年末からカスタム ROM（JCROM）の開発 https://sites.google.com/site/jcromproject/ 今回の話のネタです。

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

最早、恒例企画となってきました。 今回もTechboosterにて、コミックマーケットC83にAndroid技術情報誌を出店します。 配置場所は「三日目 東X34b」になりますので、皆様のご来店をお待ちしております。 今回のタイトルは、 ドロイドの奇妙なSDK Android4.x時代に向けたユーザーインターフェース拡張からAndroid4.2新機能解説記事など、幅広い内容をお届けしています。 まさにジョ○ョ。ジャ○プコミックス以上のクオリティでお届けする意気込みです。 ※今回の表紙デザインは @shino_merryさんとyuyaさんにご協力いただきました。 ※いつもクオリティの高い作品を利用させて頂き、ありがとうございます！ 目次内容は以下の通りになります。 第一章 ディ・モールト ディ・モールト （非常に 非常に） 良いぞッ！ 良く学習してるぞッ！ 〜レイアウト基本〜 第二章 俺は2

はじめに 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は、この問題を解決する

ソニー、コードネーム「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

ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ