短期間でのスマホ向けWeb開発

24,246 views

Published on

スマホアプリ開発者向け IDCFクラウド活用セミナー
2012年6月14日(木)18:30~ @IDCフロンティア

 ~『短期間でのスマホ向けweb開発について』~

セミナー資料

Published in: Technology
0 Comments
43 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
24,246
On SlideShare
0
From Embeds
0
Number of Embeds
2,046
Actions
Shares
0
Downloads
145
Comments
0
Likes
43
Embeds 0
No embeds

No notes for slide

短期間でのスマホ向けWeb開発

  1. 1. 短期間 スマホウェブ開発 2012/06/14 植草 学 @mauekusa
  2. 2. 市場状況
  3. 3. 7割 スマートフォンhttp://mb.softbank.jp/biz/trend_report/114.html
  4. 4. タブレットも右肩上がりhttp://mb.softbank.jp/biz/trend_report/114.html
  5. 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. 6. スマートフォン多種多様
  7. 7. スマートフォンサイト
  8. 8. Simple情報を絞る
  9. 9. 文字は、13文字以内
  10. 10. スマホWeb
  11. 11. or
  12. 12. appli webダウンロード 必要 なし公開時申請 必要 なし GPS ○ ○ 写真 ○ × 今後可能性ありPush通知 ○ ×オフライン ○ ○ 圏外 修正 アプリ再配布 即時
  13. 13. +Hybrid
  14. 14. iPad 1024x768 iPhone 320x480
  15. 15. スマホ・タブレット 解像度 iPad XGA 1024x768 HD 1280x720 ダブルVGA 960x640 QHD 960x540iPhone フルワイドVGA++ HVGA 960x480320x480 フルワイドVGA 854x480 ワイドVGA 800x480
  16. 16. 解像度個別に作るか?
  17. 17. Responsive Web Design Web Web Web Web Web
  18. 18. CSSが面倒
  19. 19. 3つのグレード
  20. 20. codiqa
  21. 21. codiqa demohttp://youtu.be/ZyyClRan3a8
  22. 22. Webアプリこつ
  23. 23. Simple
  24. 24. ビジュアル メニュー 直感的
  25. 25. メニューアイコン化
  26. 26. メニューサムネイル
  27. 27. フィードバックLV. 30EXP 78/120
  28. 28. 件数表示 結果表示
  29. 29. プレビュー表示
  30. 30. ボタンサイズ OK縦横 44px 以上
  31. 31. リストは、3∼4行程度
  32. 32. 入力より選択
  33. 33. コンポーネントに慣れる UI要素 組合せ
  34. 34. タブレット
  35. 35. タップしやすい画面
  36. 36. タブレット特徴 View表示
  37. 37. Mobile Perfect SP ワンコイン ( 100円 )で 簡単に、スマホ・ タブレットを 活用するサービス
  38. 38. まとめ
  39. 39. 高速開発
  40. 40. 目的ハッキリ
  41. 41. ユーザー 視点
  42. 42. Simple
  43. 43. 繰り返し 改善
  44. 44. たくさんチャレンジ!Thanks. @mauekusa

×