Movable Type 5
:2009twitter: goodpicblog:    www.goodpic.com
10MTOS
( GPL      )Movable Type                 Movable Type     Movable TypeOpen Source        Dual License       Sub License   ...
5.1
Movable Type
5.1
/
Movable Type 5.1
EPUB             Facebook                   CSV                       FastCGICSS3+jQuery   iPhone
6/9   6/23   MTOS                            4.292     Pro                    4.37Advanced                    5.06        ...
CGI
AssetFileExtensionsDeniedAssetFileExtensions   MT 4.291 / 4.361 / 5.051 / 5.11
= HTML,CSS + MT                    mt:Entries                    mt:SetVar                    mt:If, mt:Loop<?php $result ...
for Movable Type 5.1x        •        •      /        •   11   16
2011/7 Apple                    iPhone, iPad, iPod Touch                    2                    http://www.apple.com/pr/l...
iPnone 2011 Q2                   2000                                                      (IDC 2011 8          )         ...
iPad 2011 Q2        800                                          (WWD Keynote 2011 6               )1    1                ...
2011                                      50%                                                     (nielsen 2011 6   )http:...
2011            2012                    50%                                  (MM      2011 7         )   MM      :        ...
Android   iOS   Windows phone
vsOS     3D    GPS
Web    APIGeolocation API
Web                      URLhttp://example.com/entry
The Open Graph Protocol<html xmlns:og="http://ogp.me/ns#"><head><title>The Rock (1996)</title><meta property="og:title" co...
<meta property="og:title" content=" <$mt:EntryTitle encode_html="1"$>"><meta property="og:url" content=" <$mt:EntryPermali...
<$mt:LikeButtons$>   OpenGraphLikehttp://www.goodpic.com/mt/archives2/2011/07/mt-facebook-googleplus-tweet.html
http://zenback.jp/https://github.com/goodpic/mt-plugin-Zenback
Android   iOS   Windows phone
Android   iOS   Windows phone
Luke Wroblewski               http://www.lukew.comMOBILE FIRST                                 Yasuhisa Hasegawa     http:...
for Movable Type 5.1x          •          •       /          •5 2,500       /
for Movable Type 5.1x         •       https://github.com/movabletype/mt-theme-smart-blog
MT
Demo
.
Tap, Press   Drag, Flick   Pinch, Squeeze
.
PC   Web
PC   URL
PC
@
Demo
HTML                Mobile First•   HTML5    Progressive Enhancement•   jQuery Mobile•   PC              jQuery Mobile
HTML, CSS, JavaScript
PC
jQuery Mobile<body class="main-index"> <div data-role="page" data-theme="a">  <header class="page-header">   <div data-rol...
<mt:IfUserAgent      wants="SmartPhone">             MT<mt:else>                   MT<mt:IfUserAgent>            DynamicMTML
Internet Explorer 9           5.13Safari / Firefox    5.1xChrome
•••   +
2011             5.25.2
http://communities.movabletype.jp/   http://bugs.movabletype.org/
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Movable Type 5 Smartphone Option
Upcoming SlideShare
Loading in …5
×

Movable Type 5 Smartphone Option

4,278 views

Published on

Movable Type 5.1 にスマートフォン用の管理画面とテーマを追加するスマートフォンオプションの紹介です。

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

  • Be the first to like this

No Downloads
Views
Total views
4,278
On SlideShare
0
From Embeds
0
Number of Embeds
2,096
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Movable Type 5 Smartphone Option

  1. 1. Movable Type 5
  2. 2. :2009twitter: goodpicblog: www.goodpic.com
  3. 3. 10MTOS
  4. 4. ( GPL )Movable Type Movable Type Movable TypeOpen Source Dual License Sub License CMS
  5. 5. 5.1
  6. 6. Movable Type
  7. 7. 5.1
  8. 8. /
  9. 9. Movable Type 5.1
  10. 10. EPUB Facebook CSV FastCGICSS3+jQuery iPhone
  11. 11. 6/9 6/23 MTOS 4.292 Pro 4.37Advanced 5.06 5.12 :http://www.movabletype.jp/
  12. 12. CGI
  13. 13. AssetFileExtensionsDeniedAssetFileExtensions MT 4.291 / 4.361 / 5.051 / 5.11
  14. 14. = HTML,CSS + MT mt:Entries mt:SetVar mt:If, mt:Loop<?php $result = mysql_query(); ?>
  15. 15. for Movable Type 5.1x • • / • 11 16
  16. 16. 2011/7 Apple iPhone, iPad, iPod Touch 2 http://www.apple.com/pr/library/2011/07/07Apples-App-Store-Downloads-Top-15-Billion.html 2011/5 GoogleAndroid 1 http://googleblog.blogspot.com/2011/05/android-momentum-mobile-and-more-at.html
  17. 17. iPnone 2011 Q2 2000 (IDC 2011 8 ) http://mediatel.co.uk/newsline/2011/08/09/iphone-tops-smart-phone-sales/1 2.52011 ? http://www.digitimes.com/news/a20110814PD200.html
  18. 18. iPad 2011 Q2 800 (WWD Keynote 2011 6 )1 1 http://www.businessinsider.com/apple-ipad-sales-2011-6
  19. 19. 2011 50% (nielsen 2011 6 )http://www.wired.com/gadgetlab/2011/06/android-iphone-growth/
  20. 20. 2011 2012 50% (MM 2011 7 ) MM : 11 7http://www.m2ri.jp/newsreleases/main.php?id=010120110707500
  21. 21. Android iOS Windows phone
  22. 22. vsOS 3D GPS
  23. 23. Web APIGeolocation API
  24. 24. Web URLhttp://example.com/entry
  25. 25. The Open Graph Protocol<html xmlns:og="http://ogp.me/ns#"><head><title>The Rock (1996)</title><meta property="og:title" content="The Rock" /><meta property="og:type" content="movie" /><meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /><meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />... Web</head>...
  26. 26. <meta property="og:title" content=" <$mt:EntryTitle encode_html="1"$>"><meta property="og:url" content=" <$mt:EntryPermalink$>"><meta property="og:description" content=" <$mt:EntryBody words="100"$>"> OGP MT http://www.movabletype.jp/blog/mtddc2011_special_06.html
  27. 27. <$mt:LikeButtons$> OpenGraphLikehttp://www.goodpic.com/mt/archives2/2011/07/mt-facebook-googleplus-tweet.html
  28. 28. http://zenback.jp/https://github.com/goodpic/mt-plugin-Zenback
  29. 29. Android iOS Windows phone
  30. 30. Android iOS Windows phone
  31. 31. Luke Wroblewski http://www.lukew.comMOBILE FIRST Yasuhisa Hasegawa http://www.slideshare.net/yhassy/mobile-firstweb
  32. 32. for Movable Type 5.1x • • / •5 2,500 /
  33. 33. for Movable Type 5.1x • https://github.com/movabletype/mt-theme-smart-blog
  34. 34. MT
  35. 35. Demo
  36. 36. .
  37. 37. Tap, Press Drag, Flick Pinch, Squeeze
  38. 38. .
  39. 39. PC Web
  40. 40. PC URL
  41. 41. PC
  42. 42. @
  43. 43. Demo
  44. 44. HTML Mobile First• HTML5 Progressive Enhancement• jQuery Mobile• PC jQuery Mobile
  45. 45. HTML, CSS, JavaScript
  46. 46. PC
  47. 47. jQuery Mobile<body class="main-index"> <div data-role="page" data-theme="a"> <header class="page-header"> <div data-role="header" data-theme= PC class<nav> HTML5 <ul class="nav-list" data-role="listview" jQuery Mobile HTML
  48. 48. <mt:IfUserAgent wants="SmartPhone"> MT<mt:else> MT<mt:IfUserAgent> DynamicMTML
  49. 49. Internet Explorer 9 5.13Safari / Firefox 5.1xChrome
  50. 50. ••• +
  51. 51. 2011 5.25.2
  52. 52. http://communities.movabletype.jp/ http://bugs.movabletype.org/

×