1. はじめての
Androidアプリ
近岡真由美
ドロイド君ぬいぐるみ画像元
http://www.squishable.com/pc/squish_android_15//Squishable+Android

2. 今までのJavaでの
プログラミングとはちがって、

3. スマホに入ってる
アプリ
実用的
面白い
ゲーム

4. ダウンロードの壁
削除されたくない

5. 簡単で実用的
GooglePlayに
れているアプリ
=

6. でも！
UIや、ユーザビリティに
優れていたら
選んでもらえる可能性がある！

7. 「ストップウォッチ」
をつくりました。
参考サイト：http://ameblo.jp/chicktack123/entry-11294564495.html

8. 実際にアプリを
起動してみます

9. UIデザインの参考
!
!
参考サイト：http://appli-anyalyze.apptrigger.me/smart-ui/
UI design
mobile design
http://www.pinterest.com

10. 実装したこと

11. 1. フォントを入れました
2. 背景画像を入れました
3. アイコンを自作しました
4. ボタンを画像ではなくXMLで指定しています
実装したこと

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. 2. 背景画像を入れました
大阪ステーションシティからスマホで撮った写真
!
!
!
!
参考サイト：http://piyopiyocs.blog115.fc2.com/blog-entry-154.html

14. 3. アイコンを自作しました
!
!
!
!
!
参考サイト：http://d.hatena.ne.jp/the_yokochi/20101103/1288780807
144px 144px 96px 96px 72px 72px 48px 48px
xxdpi xdpi hdpi mdpi

15. 4. ボタンを画像ではなくXMLで指定しています
!
!
!
!
!
参考サイト：http://allabout.co.jp/gm/gc/439438/
参考サイト：http://seesaakyoto.seesaa.net/article/385153506.html
ボタンが押されてないとき ボタンが押されたとき

16. やりたかったけどできなかったこと
1. 背景をアニメーションしたかった
2. 時間を100分の1ミリ秒まで表示したかった
3. テキストにグラデーションをかけたかった
4. ボタンを円にしたかった

17. 1. 背景をアニメーションしたかった
00:00.0
Start
Stop
Reset
00:00.0
Start
Stop
Reset
レイアウト：黒色、透過べた塗り
#22000000
レイアウト：背景画像
テキストビュー：#ffffff
ボタンビュー：#ffffff

18. 今後進化させたいこと
• ストップウォッチ意外にも、タイマーなどいろいろな機能をつけたい
たとえば、カップヌードルやパスタのゆで時間、ゆで卵の固さの加減が変わるタイマーなどなど
• UIのブラッシュアップ
• プロダクトとしてのブランド化
• メニューを追加して
• アニメーションなども用いてユーザビリティのブラッシュアップ
• 10秒ぴったりを当てるゲームを追加
• タイマーの場合は音をつけたり
まだまだ進化できそう♪