Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
はじめての
Androidアプリ
近岡真由美
ドロイド君ぬいぐるみ画像元
http://www.squishable.com/pc/squish_android_15//Squishable+Android
今までのJavaでの
プログラミングとはちがって、
スマホに入ってる
アプリ
実用的
面白い
ゲーム
ダウンロードの壁
削除されたくない
簡単で実用的
GooglePlayに
れているアプリ
=
でも!
UIや、ユーザビリティに
優れていたら
選んでもらえる可能性がある!
「ストップウォッチ」
をつくりました。
参考サイト:http://ameblo.jp/chicktack123/entry-11294564495.html
実際にアプリを
起動してみます
UIデザインの参考
!
!
参考サイト:http://appli-anyalyze.apptrigger.me/smart-ui/
UI design
mobile design
http://www.pinterest.com
実装したこと
1. フォントを入れました
2. 背景画像を入れました
3. アイコンを自作しました
4. ボタンを画像ではなくXMLで指定しています
実装したこと
1. フォントを入れました
Raleway 個人・商用利用無料 →容量を使ってしまうので、1フォントに限定した方
がいい

参考サイト:

http://coliss.com/articles/freebies/freebies-best-of...
2. 背景画像を入れました
大阪ステーションシティからスマホで撮った写真
!
!
!
!
参考サイト:http://piyopiyocs.blog115.fc2.com/blog-entry-154.html
3. アイコンを自作しました
!
!
!






!
!
参考サイト:http://d.hatena.ne.jp/the_yokochi/20101103/1288780807
144px 144px 96px 96px 72px 72px...
4. ボタンを画像ではなくXMLで指定しています
!
!
!






!
!
参考サイト:http://allabout.co.jp/gm/gc/439438/

参考サイト:http://seesaakyoto.seesaa.net/ar...
やりたかったけどできなかったこと
1. 背景をアニメーションしたかった
2. 時間を100分の1ミリ秒まで表示したかった
3. テキストにグラデーションをかけたかった
4. ボタンを円にしたかった
1. 背景をアニメーションしたかった
00:00.0
Start
Stop
Reset
00:00.0
Start
Stop
Reset
レイアウト:黒色、透過べた塗り
#22000000
レイアウト:背景画像
テキストビュー:#ffffff
ボタン...
今後進化させたいこと
• ストップウォッチ意外にも、タイマーなどいろいろな機能をつけたい

たとえば、カップヌードルやパスタのゆで時間、ゆで卵の固さの加減が変わるタイマーなどなど
• UIのブラッシュアップ
• プロダクトとしてのブランド化
•...
Upcoming SlideShare
Loading in …5
×

はじめてのAndroidアプリ

702 views

Published on

Published in: Mobile

はじめてのAndroidアプリ

  1. 1. はじめての Androidアプリ 近岡真由美 ドロイド君ぬいぐるみ画像元 http://www.squishable.com/pc/squish_android_15//Squishable+Android
  2. 2. 今までのJavaでの プログラミングとはちがって、
  3. 3. スマホに入ってる アプリ 実用的 面白い ゲーム
  4. 4. ダウンロードの壁 削除されたくない
  5. 5. 簡単で実用的 GooglePlayに れているアプリ =
  6. 6. でも! UIや、ユーザビリティに 優れていたら 選んでもらえる可能性がある!
  7. 7. 「ストップウォッチ」 をつくりました。 参考サイト:http://ameblo.jp/chicktack123/entry-11294564495.html
  8. 8. 実際にアプリを 起動してみます
  9. 9. UIデザインの参考 ! ! 参考サイト:http://appli-anyalyze.apptrigger.me/smart-ui/ UI design mobile design http://www.pinterest.com
  10. 10. 実装したこと
  11. 11. 1. フォントを入れました 2. 背景画像を入れました 3. アイコンを自作しました 4. ボタンを画像ではなくXMLで指定しています 実装したこと
  12. 12. 1. フォントを入れました Raleway 個人・商用利用無料 →容量を使ってしまうので、1フォントに限定した方 がいい
 参考サイト:
 http://coliss.com/articles/freebies/freebies-best-of-thin-fonts.html
 ダウンロードサイト:
 https://www.theleagueofmoveabletype.com/raleway 実装方法は簡単!
 assetsディレクトリ階層にttfテキストファイルを置く
 →ActivityクラスのTextViewインスタンスやButtonインスタンスに追記するだけ
 
 
 ! ! 参考サイト:http://d.hatena.ne.jp/the_yokochi/20101103/1288780807 TextView text1 = (TextView)findViewById(R.id.main_textView_1); text1.setTypeface(Typeface.createFromAsset(getAssets(), "raleway_thin-webfont.ttf"));
  13. 13. 2. 背景画像を入れました 大阪ステーションシティからスマホで撮った写真 ! ! ! ! 参考サイト:http://piyopiyocs.blog115.fc2.com/blog-entry-154.html
  14. 14. 3. アイコンを自作しました ! ! ! 
 
 
 ! ! 参考サイト:http://d.hatena.ne.jp/the_yokochi/20101103/1288780807 144px 144px 96px 96px 72px 72px 48px 48px xxdpi xdpi hdpi mdpi
  15. 15. 4. ボタンを画像ではなくXMLで指定しています ! ! ! 
 
 
 ! ! 参考サイト:http://allabout.co.jp/gm/gc/439438/
 参考サイト:http://seesaakyoto.seesaa.net/article/385153506.html ボタンが押されてないとき ボタンが押されたとき
  16. 16. やりたかったけどできなかったこと 1. 背景をアニメーションしたかった 2. 時間を100分の1ミリ秒まで表示したかった 3. テキストにグラデーションをかけたかった 4. ボタンを円にしたかった
  17. 17. 1. 背景をアニメーションしたかった 00:00.0 Start Stop Reset 00:00.0 Start Stop Reset レイアウト:黒色、透過べた塗り #22000000 レイアウト:背景画像 テキストビュー:#ffffff ボタンビュー:#ffffff
  18. 18. 今後進化させたいこと • ストップウォッチ意外にも、タイマーなどいろいろな機能をつけたい
 たとえば、カップヌードルやパスタのゆで時間、ゆで卵の固さの加減が変わるタイマーなどなど • UIのブラッシュアップ • プロダクトとしてのブランド化 • メニューを追加して • アニメーションなども用いてユーザビリティのブラッシュアップ • 10秒ぴったりを当てるゲームを追加 • タイマーの場合は音をつけたり まだまだ進化できそう♪

×