[B! CSS3][iPhone] justoneplanetã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

justoneplanet id:justoneplanet

CSS3ã¨iPhoneã«é–¢ã™ã‚‹justoneplanetã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ã®åŸºç¤Žå‹‰å¼·æ³• : LINE Corporation ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ–ãƒã‚°ã‚°ãƒ«ãƒ¼ãƒ—ã®é£¯ç”° (@iishun) ã§ã™ã€‚ 2011 å¹´ã¯ã•ã‚‰ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®æ‹¡å¤§ãŒåŠ é€Ÿã™ã‚‹ã¨äº‘ã‚ã‚Œã¦ã„ã¾ã™ã€‚å¼Šç¤¾ã§ã‚‚ 2010 å¹´ 10 æœˆã«ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢å…¨ä½“ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£äº‹æ¥ã‚’æŽ¨é€²ã—ã¦ã„ãã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—ãŒè¨ç«‹ã•ã‚Œã¾ã—ãŸã€‚ ãŒã€å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆãƒ»ã‚¢ãƒ—ãƒªã¯å„ã‚°ãƒ«ãƒ¼ãƒ—ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„æ‹…å½“ãŒé‹ç”¨ã™ã‚‹ã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ã®çŸ¥è˜ã¯å¿…é ˆã«ãªã‚Šã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯åƒ•ãŒã“ã“æœ€è¿‘å®Ÿè·µã—ã¦ã„ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã™ã‚‹å‹‰å¼·æ³•ã‚’ã€å®Ÿéš›ã«ä½¿ç”¨ã—ãŸå‚è€ƒæ›¸ç±ã¨å…±ã«ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®äº‹ã‚’å‹‰å¼·ã—ãªãã‚ƒï¼ã€ã¨æ€ã£ãŸäººã«å½¹ã«ç«‹ã£ã¦ã‚‚ã‚‰ãˆã‚Œã°ãªã¨æ€ã„ã¾ã™ã€‚ 1. HTML5/CSS3 ã®ç‰¹å¾´ã‚’çŸ¥ã‚‹ HTML5/CSS3 ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã¨ã„ã†ã‚ã‘ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ (Webkit ç³») ã¯ HTML5/CS
justoneplanet 2011/01/31
html5

css3

android

Webã‚µã‚¤ãƒˆåˆ¶ä½œ

iphone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
Sencha Presents Sencha Touch
æ¥ç•Œåˆã®HTML5ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Sencha Touchã‚’ä½¿ãˆã°ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’è£…å‚™ã—ãŸApple iOSã‚„ Androidç«¯æœ«ä¸Šã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªãŒé–‹ç™ºå¯èƒ½ã§ã™ã€‚ Webæ¨™æº–æŠ€è¡“ã«æº–æ‹ Sencha Touchã¯HTML5ã€CSS3ã€JavaScriptã«ç‰¹åŒ–ã—ãŸä¸–ç•Œåˆã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚SSencha Touchã¯ã“ã‚Œã‚‰ã®æŠ€è¡“ãŒæŒã¤åŠ›ã‚’æœ€å¤§é™ã«å¼•ãå‡ºã—ã€ã‹ã¤æŸ”è»Ÿã§æœ€é©åŒ–ã•ã‚ŒãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚Sencha Touchã§ã¯ã€éŸ³å£°ã‚„å‹•ç”»ã‚’çµ„ã¿è¾¼ã‚€ç‚ºã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ‡ãƒ¼ã‚¿ã‚’ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚åˆ©ç”¨å¯èƒ½ã«ã™ã‚‹localStorageãƒ—ãƒã‚ã‚·ãƒ¼ãªã©ã§HTML5ã®æ©Ÿèƒ½ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸSencha Touchã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã¯CSS3ã‚’æœ€å¤§é™æ´»ç”¨ã—ã¦ã¨ã¦ã‚‚å …ç‰¢ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã
justoneplanet 2010/09/21
android

css3

html5

localstorage

javascript

iphone
ãƒªãƒ³ã‚¯
EExt Japan - Sencha Touchç™»å ´ - ãƒ¢ãƒã‚¤ãƒ«ç”¨HTML5ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
Ext Coreã¯ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªWebã‚µã‚¤ãƒˆæ§‹ç¯‰ã«æœ€é©ãªè»½é‡ã‹ã¤é«˜æ©Ÿèƒ½ãªã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼å¯¾å¿œã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã®ç‰¹å¾´ã¯ï¼š ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒã‚³ãƒ³ãƒ‘ã‚¯ãƒˆãªç´„25kb (ext-core.jsã‚’gzipåœ§ç¸®ã—ãŸå ´åˆ) æŸ”è»Ÿã‹ã¤åˆ©ç”¨ã—ã‚„ã™ã„ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ Exté–‹ç™ºãƒ¡ãƒ³ãƒãƒ¼ã«ã‚ˆã‚ŠåŸ·ç†ã•ã‚ŒãŸä½“ç³»çš„ã‹ã¤ç¶²ç¾…çš„ãª75ãƒšãƒ¼ã‚¸ã®ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« ã“ã‚Œã¾ã§ã®Ext JSã‚’åŒã˜ä½¿ã„æ…£ã‚ŒãŸç›´æ„Ÿçš„ãªAPI Ext JS 2.2 Ext JSã¯ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ãŸã‚ã®ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ é«˜æ€§èƒ½ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ å„ªã‚ŒãŸè¨è¨ˆã€æ–‡æ›¸ãŒè±Šå¯Œã€æ‹¡å¼µæ€§ã®é«˜ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ¢ãƒ‡ãƒ« å•†ç”¨ãƒ©ãƒ³ã‚»ãƒ³ã‚¹ã¨ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒåˆ©ç”¨ã§ãã¾ã™ Ext JS 3.0ã¨Ext GWT 2.0ãŒ
justoneplanet 2010/09/21
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

html5

javascript

css3

ext.js

sencha

android

iPhone
ãƒªãƒ³ã‚¯
jQuery Mobile èª¿æŸ»å ±å‘Šï¼ˆä»®ï¼‰
jQuery Mobile ã«ã¤ã„ã¦ã®ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã§ã™ã€‚
justoneplanet 2010/09/21
jquery

mobile

javascript

android

iphone

tablet

html5

css3

ui
ãƒªãƒ³ã‚¯
100915 HTML5ã¨ã‹å‹‰å¼·ä¼šç™ºè¡¨è³‡æ–™
This document discusses Sencha Touch, a JavaScript framework for building mobile web applications. It highlights that Sencha Touch uses HTML5, CSS3 and JavaScript to build applications for iOS and Android devices. It also mentions features of Sencha Touch like gestures, transitions, GUI components and being lightweight at under 75kb minified.Read less
justoneplanet 2010/09/21
html5

css3

javascript

iPhone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

android

Ext.js
ãƒªãƒ³ã‚¯
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤‰ãˆã‚‹ - builder by ZDNet Japan
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¯ã€é–²è¦§ç’°å¢ƒã«ã‚ˆã£ã¦ã•ã¾ã–ã¾ã ã€‚ç‰¹å®šã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’æƒ³å®šã—ã¦ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã¨ã€ãã‚Œä»¥å¤–ã®å¤§ãã•ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒèªã¿ã¥ã‚‰ããªã‚‹ãªã©ã®å•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã€‚æœ€è¿‘ã§ã¯iPhoneã®ã‚ˆã†ãªæºå¸¯ç«¯æœ«ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚‚è€ƒæ…®ã™ã‚‹å¿…è¦æ€§ãŒå‡ºã¦ãã¦ã„ã‚‹ãŒã€ã‚µã‚¤ã‚ºåˆ¥ã«ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã™ã‚‹ã®ã¯åˆ¶ä½œã«ã‚‚ç®¡ç†ã«ã‚‚æ‰‹é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã†ã€‚ ã“ã‚“ãªã¨ãã€CSS3ã®ã€ŒMedia Queryï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã€ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚Œã°ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«å¿œã˜ã¦é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç’°å¢ƒã”ã¨ã«æœ€é©ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ç¾åœ¨ã€Media Queryã®è¦æ ¼ã¯W3Cã®å‹§å‘Šå€™è£œï¼ˆCandidate Recommendationï¼‰ã¨ãªã£ã¦ãŠã‚Šã€Firefox 3.5ä»¥ä¸Šã€Safariã€Google Chromeã€OperaãŒå¯¾å¿œã—ã¦ã„ã‚‹ã€‚
justoneplanet 2010/03/04
css

css3

android

iphone

mobile

layout

window

size
ãƒªãƒ³ã‚¯
1