TAKASHI KIKUCHI
2007
2007
2011
2011
1990             2000                     2010               2020       Source: ITU, Mark Lipacis, Morgan Stanley Research.
1990             2000                     2010               2020       Source: ITU, Mark Lipacis, Morgan Stanley Research.
1990             2000                     2010               2020       Source: ITU, Mark Lipacis, Morgan Stanley Research.
1990             2000                     2010               2020       Source: ITU, Mark Lipacis, Morgan Stanley Research.
http://www.slideshare.net/CMSummit/ms-internet-trends060710final
http://www.slideshare.net/CMSummit/ms-internet-trends060710final
64%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
64%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
http://www.slideshare.net/CMSummit/ms-internet-trends060710final
http://www.slideshare.net/CMSummit/ms-internet-trends060710final
123%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
123%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
70%http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
46.8%http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
Fennec   Opera Mobile
Fennec   Webkit Opera Mobile
Webkit
KDE
Webkit
Palm PreAndroid WebkitiPhone WebkitS60 Webkit
Palm PreAndroid WebkitiPhone WebkitS60 Webkit
http://www.quirksmode.org/webkit.html
http://www.quirksmode.org/webkit.html
http://www.quirksmode.org/webkit.html
Black                            HTC Desire        iPhone     IS03                  Sirius    Berry                       ...
Framework
HTML Js Js Js
Fluid Grid
Fluid Imageimg { max-width : 100%;}.ie6 img { width : 100%;}
http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
http://unformedbuilding.com/articles/css-media-queries-for-mobile/
http://2010.dconstruct.org/
http://ajaxian.com/archives/css-media-queries-bees-knees-or-spawn-of-satan
HTML+CSSHTML+CSSHTML+CSSHTML+CSSHTML+CSS
HTML+CSS
Frame workResponsiveWeb Design
Frame workResponsiveWeb Design
Long Time Evolution
http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
70%http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
SwapSkills Vol04 「モバイルサイトは  テキストの画像はなしでしょ?」
Upcoming SlideShare
Loading in …5
×

SwapSkills Vol04 「モバイルサイトは テキストの画像はなしでしょ?」

1,711 views

Published on

海外スマートフォンサイト制作の新しい考え
スマートフォンサイトを作成する上での配慮すべき基本的な知識と情報をご紹介しました。特に、海外でトレンドになっている レスポンシブウェブデザイン について詳解しました。 またスマートフォンのフレームワークなども数多く出ていますので、代表的なフレームワークの紹介とそれらの簡単な特徴をご紹介しました。
http://swapskills.info/2011/04.html

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,711
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

SwapSkills Vol04 「モバイルサイトは テキストの画像はなしでしょ?」

  1. 1. TAKASHI KIKUCHI
  2. 2. 2007
  3. 3. 2007
  4. 4. 2011
  5. 5. 2011
  6. 6. 1990 2000 2010 2020 Source: ITU, Mark Lipacis, Morgan Stanley Research.
  7. 7. 1990 2000 2010 2020 Source: ITU, Mark Lipacis, Morgan Stanley Research.
  8. 8. 1990 2000 2010 2020 Source: ITU, Mark Lipacis, Morgan Stanley Research.
  9. 9. 1990 2000 2010 2020 Source: ITU, Mark Lipacis, Morgan Stanley Research.
  10. 10. http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  11. 11. http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  12. 12. 64%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  13. 13. 64%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  14. 14. http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  15. 15. http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  16. 16. 123%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  17. 17. 123%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  18. 18. http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  19. 19. http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  20. 20. 70%http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  21. 21. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  22. 22. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  23. 23. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  24. 24. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  25. 25. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  26. 26. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  27. 27. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  28. 28. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  29. 29. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  30. 30. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  31. 31. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  32. 32. 46.8%http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  33. 33. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  34. 34. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  35. 35. Fennec Opera Mobile
  36. 36. Fennec Webkit Opera Mobile
  37. 37. Webkit
  38. 38. KDE
  39. 39. Webkit
  40. 40. Palm PreAndroid WebkitiPhone WebkitS60 Webkit
  41. 41. Palm PreAndroid WebkitiPhone WebkitS60 Webkit
  42. 42. http://www.quirksmode.org/webkit.html
  43. 43. http://www.quirksmode.org/webkit.html
  44. 44. http://www.quirksmode.org/webkit.html
  45. 45. Black HTC Desire iPhone IS03 Sirius Berry HD 9700 Webkit Webkit Webkit Webkit WebkitAcid3 100 93 93 93 93fmbip Safari5 Safari4 Safari4 Safari4 Safari4
  46. 46. Framework
  47. 47. HTML Js Js Js
  48. 48. Fluid Grid
  49. 49. Fluid Imageimg { max-width : 100%;}.ie6 img { width : 100%;}
  50. 50. http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
  51. 51. http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
  52. 52. http://unformedbuilding.com/articles/css-media-queries-for-mobile/
  53. 53. http://2010.dconstruct.org/
  54. 54. http://ajaxian.com/archives/css-media-queries-bees-knees-or-spawn-of-satan
  55. 55. HTML+CSSHTML+CSSHTML+CSSHTML+CSSHTML+CSS
  56. 56. HTML+CSS
  57. 57. Frame workResponsiveWeb Design
  58. 58. Frame workResponsiveWeb Design
  59. 59. Long Time Evolution
  60. 60. http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  61. 61. http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  62. 62. 70%http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf

×