[B! html5][Phonegap][HTML] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

html5ã¨Phonegapã¨HTMLã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

PhoneGapã¨ã¯ä¸€å‘³é•ã†ï¼ç´”å›½ç”£ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã€Œã‚¢ãƒ—ãƒªã‚«ãƒ³ã€äº‹å§‹ã‚
PhoneGapã¨ã¯ä¸€å‘³é•ã†ï¼ç´”å›½ç”£ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã€Œã‚¢ãƒ—ãƒªã‚«ãƒ³ã€äº‹å§‹ã‚ ç• ç”° å–œä¸ˆï¼ˆæ ªå¼ä¼šç¤¾ãƒ‹ãƒ¥ãƒ¼ãƒ•ã‚©ãƒªã‚¢ï¼‰ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã¯ã€ç´”å›½ç”£ã®ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã„ã¤ã‚‚ä½¿ã£ã¦ã„ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã ã‘ã§ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ã®ã§ã€é–‹ç™ºç’°å¢ƒã®OSã‚‚é¸ã³ã¾ã›ã‚“ã€‚ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã¯2013å¹´æœ«ã«å…¬é–‹ã•ã‚Œã€ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ã¯å¾Œç™ºã§ã™ãŒã€ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ç•°ãªã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã¨ã—ã¦ã€æ§˜ã€…ãªãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼ä¼æ¥ã®ã‚µãƒ¼ãƒ“ã‚¹ã®SDKã‚’çµ„ã¿è¾¼ã¿ã€ARæ©Ÿèƒ½ã‚„ã€ä½ç½®æƒ…å ±é€£å‹•ã‚µãƒ¼ãƒ“ã‚¹ãªã©è¤‡é›‘ãªã‚µãƒ¼ãƒ“ã‚¹ã‚ªãƒ—ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ JavaScriptã‹ã‚‰ç°¡å˜ã«å‘¼ã³å‡ºã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ åŸºæœ¬ã¯ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ãŒã€å‰è¿°ã®é«˜æ©Ÿèƒ½ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã‚Šã€ç„¡æ–™ãƒ“ãƒ«ãƒ‰ã—ãŸã‚¢ãƒ—ãƒªã«è¡¨ç¤ºã•ã‚Œã‚‹åºƒå‘ŠãƒãƒŠãƒ¼ã‚’å¤–ã™å ´åˆã«ã¯æœ‰æ–™ã¨ãªã‚Šã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã®é–‹ç™ºã«å¿…è¦ãªã‚‚ã® ã‚¨ãƒ‡ã‚£ã‚¿ å¥½å¥‡å¿ƒ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã®é–‹ç™ºã«ã¯ã€IDEã‚’
beth321 2014/07/28
android

Phonegap

html5

CSS

é–‹ç™º

JavaScript

iOS

html

ã‚¢ãƒ—ãƒª

ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ ã‚¢ãƒ—ãƒªé–‹ç™ºã®å®Ÿè·µã€œé–‹ç™ºç¾å ´ã§ã™ãã«æ´»ã‹ã›ã‚‹ã‚³ãƒ„ã‚’ä¼æŽˆã€œ
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
beth321 2014/05/27
ã‚¢ãƒ—ãƒª

HTML5ã‚¢ãƒ—ãƒª

html5

PhoneGap

ã‚¢ãƒ—ãƒª

javascript

é–‹ç™º

tips

HTML

CSS
ãƒªãƒ³ã‚¯
HTML5ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚’â€œãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªåŒ–â€ã™ã‚‹ã€ŒPhoneGapã€ãŒæ£å¼ç‰ˆã«ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã®å¤‰æ›ã‚µãƒ¼ãƒ“ã‚¹ã‚‚ç™ºè¡¨
HTML5ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚’â€œãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªåŒ–â€ã™ã‚‹ã€ŒPhoneGapã€ãŒæ£å¼ç‰ˆã«ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã®å¤‰æ›ã‚µãƒ¼ãƒ“ã‚¹ã‚‚ç™ºè¡¨ HTML5ã€CSSã€JavaScriptãªã©ã®Webæ¨™æº–ã®æŠ€è¡“ã§ä½œæˆã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€iPhoneã‚„Androidãªã©ã®ãƒ‡ãƒã‚¤ã‚¹ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¯èƒ½ãªãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¸ã¨å¤‰æ›ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒPhoneGapã€ãŒã€æ£å¼ç‰ˆã€ŒPhoneGap 1.0ã€ã«ãªã£ãŸã¨é–‹ç™ºå…ƒã®nitobiã‚ˆã‚Šç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ PhoneGapã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã€ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«å¤‰æ› PhoneGapã‚’ã€jQuery Mobileã®ã‚ˆã†ãªãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨çµ„ã¿åˆã‚ã›ã‚‹ã¨ã€HTMLã‚„JavaScriptãªã©ã®Webæ¨™æº–
beth321 2013/08/05
HTML5

Android

iPhone

JavaScript

ã‚¢ãƒ—ãƒª

PhoneGap

ãƒ¢ãƒã‚¤ãƒ«

Mobile

é–‹ç™º

html
ãƒªãƒ³ã‚¯
HTML5ã§iPhoneã‚¢ãƒ—ãƒªé–‹ç™ºï¼PhoneGapå…¥é–€ (1/5)
HTMLã‚„CSSã€JavaScriptã¨ã„ã£ãŸWebã®æŠ€è¡“ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã§ãã‚‹ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒæ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã€‚æœ¬é€£è¼‰ã§ã‚‚ã“ã‚Œã¾ã§ã€WebæŠ€è¡“ã‚’ä½¿ã£ã¦iOSå‘ã‘ã®ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã§ãã‚‹ã€ŒNim bleKitã€ã‚’ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€ä»–ã«ã‚‚ä»¥ä¸‹ã®ã‚ˆã†ãªåŒæ§˜ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Titanium http://www.appcelerator.com/ PhoneGap http://www.phonegap.com/ Nim bleKit (iPhoneå°‚ç”¨) http://www.nim blekit.com/ JSWaffle (Androidå°‚ç”¨) http://d.aoikujira.com/jsWaffle/wiki/ ä»Šå›žã‹ã‚‰æ•°å›žã«ã‚ãŸã£ã¦ã€ã€ŒPhoneGapã€ã‚’ä½¿ã£ãŸiPhone/iPadå‘ã‘
beth321 2013/06/14
ã€€ASCII.jp

iphone

HTML5

phonegap

ã‚¢ãƒ—ãƒª

é–‹ç™º

JavaScript

android

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

html

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
html5ã§ã‚¢ãƒ—ãƒªã®å£ã‚’è¶…ãˆã‚‹æ–¹æ³•
åˆ¶é™ åŒæ™‚ã«å†ç”Ÿã§ãã‚‹éŸ³æºã¯1ãƒ•ã‚¡ã‚¤ãƒ«ã®ã¿ å†ç”Ÿã§ãã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã¯ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ³ãƒ‰ãƒ©å†…ã ã‘ ãƒ—ãƒªãƒãƒ¼ãƒ‰ä¸å¯ OSè‡ªä½“ã®ã‚µã‚¤ãƒ¬ãƒ³ãƒˆãƒ¢ãƒ¼ãƒ‰ã¨é€£å‹•ã›ãš BGMã‚’æµã™ã ã‘ãªã‚‰ã“ã‚“ãªæ–¹æ³•ã‚‚ $('<div>BGMã‚’å†ç”Ÿã—ã¾ã™ã‹ï¼Ÿ</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
beth321 2012/08/22
HTML5

javascript

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

mobile

è³‡æ–™

HTML

ã‚ã¨ã§èªã‚€

js

phonegap

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
1