Movable Type 5 Smartphone Option

Movable Type 5

:2009twitter: goodpicblog: www.goodpic.com

10MTOS

( GPL )Movable Type Movable Type Movable TypeOpen Source Dual License Sub License CMS

Movable Type

Movable Type 5.1

EPUB Facebook CSV FastCGICSS3+jQuery iPhone

6/9 6/23 MTOS 4.292 Pro 4.37Advanced 5.06 5.12 :http://www.movabletype.jp/

AssetFileExtensionsDeniedAssetFileExtensions MT 4.291 / 4.361 / 5.051 / 5.11

= HTML,CSS + MT mt:Entries mt:SetVar mt:If, mt:Loop<?php $result = mysql_query(); ?>

for Movable Type 5.1x • • / • 11 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

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

iPad 2011 Q2 800 (WWD Keynote 2011 6 )1 1 http://www.businessinsider.com/apple-ipad-sales-2011-6

2011 50% (nielsen 2011 6 )http://www.wired.com/gadgetlab/2011/06/android-iphone-growth/

2011 2012 50% (MM 2011 7 ) MM : 11 7http://www.m2ri.jp/newsreleases/main.php?id=010120110707500

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" 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>...

<$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

Luke Wroblewski http://www.lukew.comMOBILE FIRST Yasuhisa Hasegawa http://www.slideshare.net/yhassy/mobile-ﬁrstweb

for Movable Type 5.1x • • / •5 2,500 /

for Movable Type 5.1x • https://github.com/movabletype/mt-theme-smart-blog

Tap, Press Drag, Flick Pinch, Squeeze

PC Web

PC URL

HTML Mobile First• HTML5 Progressive Enhancement• jQuery Mobile• PC jQuery Mobile

HTML, CSS, JavaScript

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

<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/

http://intranet.sixapart.jp	799
http://www.sixapart.jp	597
http://mt5demo.lolipop.jp	2
http://intranet.sixapart.com	1

Movable Type 5 Smartphone Option

by Six Apart KK on Nov 10, 2011

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 1,399

Statistics

Movable Type 5 Smartphone Option — Presentation Transcript