スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30～ ＠IDCフロンティア 　～『短期間でのスマホ向けweb開発について』～ セミナー資料

1. 短期間 スマホウェブ開発
2012/06/14
植草 学 @mauekusa

2. 市場状況

3. 7割 スマートフォン
http://mb.softbank.jp/biz/trend_report/114.html

4. タブレットも右肩上がり
http://mb.softbank.jp/biz/trend_report/114.html

5. スマートフォン OSシェア
iPhone
その他
17% Androidで
Android
19%
iOS 8割
63%
http://marketshare.hitslink.com/operating-system-market-share.aspx?qprid=8&qpcustomd=1&qpcd=1300

6. スマートフォン
多種多様

7. スマートフォンサイト

11. Simple
情報を絞る

12. 文字は、13文字以内

13. スマホWeb

14. or

15. appli web
ダウンロード 必要 なし
公開時申請 必要 なし
GPS ○ ○
写真 ○ ×
今後可能性あり
Push通知 ○ ×
オフライン
○ ○
圏外
修正 アプリ再配布 即時

16. ＋
Hybrid

17. iPad 1024x768
iPhone
320x480

18. スマホ・タブレット 解像度
iPad XGA 1024x768
HD 1280x720
ダブルVGA 960x640
QHD 960x540
iPhone フルワイドVGA++
HVGA 960x480
320x480
フルワイドVGA
854x480
ワイドVGA
800x480

19. 解像度
個別に
作るか？

20. Responsive Web Design
Web
Web
Web
Web Web

21. CSSが面倒

23. 3つのグレード

26. codiqa

27. codiqa demo
http://youtu.be/ZyyClRan3a8

28. Webアプリこつ

29. Simple

30. ビジュアル メニュー
直感的

31. メニュー
アイコン化

32. メニュー
サムネイル

33. フィードバック
LV. 30
EXP 78/120

34. 件数表示 結果表示

35. プレビュー表示

36. ボタンサイズ
OK
縦横 44px 以上

37. リストは、３∼４行程度

38. 入力より選択

39. コンポーネントに慣れる
UI要素 組合せ

40. タブレット

41. タップしやすい画面

42. タブレット特徴
View表示

43. Mobile Perfect SP
ワンコイン
（ 100円 ）で
簡単に、スマホ・
タブレットを
活用するサービス

44. まとめ

45. 高速開発

46. 目的
ハッキリ

47. ユーザー
視点

48. Simple

49. 繰り返し
改善

51. たくさん
チャレンジ！
Thanks. @mauekusa