ï¿¼åµæ¥ææ²»33å¹´ã®è¡£ï¦¾å¸åå±ããï° ã¢ãããªã¦ãæãã³ãã¥ãã±ã¼ã·ã§ã³å¤é© ï° ï½Monacaã¨mBaaSãæ´»ç¨ããï° ããã·ããã¹ãã£ããã¢ãããªã®ç´¹ä»ã ï°
ä»å¹´æ³¨ç®ã®ãªã¼ãã³Webãã¯ããã¸ã¼ã®ã²ã¨ã¤ã«ãWeb Componentsãæããããã¨æãã¾ããHTML5Experts.jpã§ãä»ã¾ã§å¹¾åº¦ãé¢é£è¨äºãPolymer.jsã«ã¤ãã¦ã®è¨äºãç´¹ä»ããã¦ãã¾ãããä»åã¯å®éã«ãPolymerã¨Material Designã®ãã¶ã¤ã³ã³ã³ã»ãããç¨ãã¦ãè¦è¦çã«ãã¦ã¼ã¶ã¨ã¯ã¹ããªã¨ã³ã¹ã«ãåªãããã£ããã¢ããªãå®éã«ä½ã£ã¦ã¿ã¾ãããã ã¾ãå§ããåã«ãã®ã©ã¤ããã¢ãKitteh Anonymousããã¹ã¯ãããã¾ãã¯ã¢ãã¤ã«ã®ã¢ãã³ãã©ã¦ã¶ã§å®éã«è©¦ãã¦ã¿ã¦ãã ãããããã§ã¯ããã®ãã¢ã®ç°¡ç¥çã§ããLiteãã¼ã¸ã§ã³ãå®éã«ä½æããæ¹æ³ãã¹ãããã»ãã¤ã»ã¹ãããã§ç´¹ä»ãããã¨æãã¾ãã å¿ è¦ãªç¥è Polymerã®åºç¤ç¥è ããã±ã¼ã¸ããã¼ã¸ã£ãBowerã®åºæ¬çãªä½¿ãæ¹ï¼Polymerã¨ä¾åãããã¡ã¤ã«ãã¤ã³ã¹ãã¼ã«ãã¢ãããã¼ãããã®ã«ä½¿
PhoneGap Day US 2012ã«ã¦ãå¾ æã®PhoneGap 2.0.0ããªãªã¼ã¹ããã¾ãããæ¬é£è¼ã§ã¯ãPhoneGap 2.0.0ã®å¤æ´ç¹ãã¯ããã¨ãã¦ãæ°æ©è½ã®ç´¹ä»ãFile APIã使ã£ãã¢ããªã±ã¼ã·ã§ã³ã®éçºæ¹æ³ã«ã¤ãã¦ç´¹ä»ãã¦ããã¾ããã©ãããæ¥½ãã¿ãã ããã PhoneGap/Cordovaã¨ã¯ PhoneGapã¯Adobeãéçºãå ¬éãã¦ããã¯ãã¹ãã©ãããã©ã¼ã ã»ã¢ãã¤ã«ã¢ããªã±ã¼ã·ã§ã³ã®éçºãã¬ã¼ã ã¯ã¼ã¯ã§ãã詳細ã«ã¤ãã¦ã¯ãååã®é£è¼ã®è¨äºããåç §ãã ããã PhoneGap ãã¨ãã¨PhoneGapã¯Nitobi社ãéçºã»å ¬éãã¦ãã¾ãããã2011å¹´10æ2æ¥ï¼ç±³å½æéï¼ã«Adobe社ãPhoneGapã®éçºå ã§ããNitobi社ãè²·åããã¨çºè¡¨ãã¾ãããPhoneGapã¯éçºä½å¶ãé 叿¹æ³ã夿´ãããApacheã«å¯è´ãããç¾å¨ã«ãããã¾ãã Phone
Monacaã¯ã¯ã©ã¦ãæè¡ãæ´»ç¨ãããæ¥æ¬çºã»æ¬¡ä¸ä»£ã®ã¢ããªéçºãã©ãããã©ã¼ã ã§ãã夿§ãªã¢ããªéçºã«å¯¾å¿ããã¯ã©ã¦ããµã¼ãã¹ãä¸å¿ã«ãã¢ã¸ã£ã¤ã«éçºãä¿é²ããDevOpsãã³ã³ãµã«ãã£ã³ã°ããã¯ãã«ã«ãµãã¼ããæ¥ã ã®èª²é¡ã解決ããããã«ç¨æããããã¼ã«ããµã¼ãã¹ãéãã¦ãããªãã®ããã¸ã§ã¯ãã®æåãæ¯ãã¾ãã ããã«è©³ãã
Senchaã¯ãHTML5/CSS3ã¨JavaScripããã°ã©ãã³ã°ã§iOSãAndroidãªã©ã«å¯¾å¿ããã¢ãã¤ã«ã¢ããªã±ã¼ã·ã§ã³ãæ§ç¯ã§ãããã¬ã¼ã ã¯ã¼ã¯ã®ææ°çããSencha Touch 2.0ããå ¬éãã¾ããã Sencha Touchã¯ãjQuery Mobileã®ããã«HTML5ããã¼ã¹ã«ããã¢ããªã±ã¼ã·ã§ã³ãã¬ã¼ã ã¯ã¼ã¯ã§ããjQuery MobileãHTML5ã®ã¿ã°ã®ã¿ã§åºæ¬çãªã¢ããªã±ã¼ã·ã§ã³ãéçºã§ããã®ã«å¯¾ããSench Touchã§ã¯JavaScriptããã°ã©ãã³ã°ãå¿ è¦ã«ãªãã¾ãããã®åãã¢ããªã±ã¼ã·ã§ã³ã®ç´°ããä½ãè¾¼ã¿ãããµã¼ãã¨é£ä¿ããã¢ããªã±ã¼ã·ã§ã³ãªã©ãå¯è½ã«ãªã£ã¦ãã¾ãã é¢é£ã½ããã¦ã§ã¢ã¨ãã¦Sencha DesignerãSencha Touch ChartsãSencha Animatorãªã©ãæã£ã¦ãããSenchaèªèº«ã«ããæåã§ã®ãã¬ã¼
HTML5ã®ã¢ãã¤ã«ã¢ããªãâãã¤ãã£ãã¢ããªåâãããPhoneGapããæ£å¼çã«ããªã³ã©ã¤ã³ã§ã®å¤æãµã¼ãã¹ãçºè¡¨ HTML5ãCSSãJavaScriptãªã©ã®Webæ¨æºã®æè¡ã§ä½æããã¢ãã¤ã«ã¢ããªã±ã¼ã·ã§ã³ããiPhoneãAndroidãªã©ã®ããã¤ã¹ã«ã¤ã³ã¹ãã¼ã«å¯è½ãªãã¤ãã£ãã¢ããªã±ã¼ã·ã§ã³ã¸ã¨å¤æãããã¬ã¼ã ã¯ã¼ã¯ãPhoneGapãããæ£å¼çãPhoneGap 1.0ãã«ãªã£ãã¨éçºå ã®nitobiããçºè¡¨ããã¾ããã PhoneGapã¯ãªã¼ãã³ã½ã¼ã¹ã½ããã¦ã§ã¢ã¨ãã¦éçºããã¦ããã½ããã¦ã§ã¢ã§ãç¡æã§ãã¦ã³ãã¼ããå©ç¨ãããã¨ãã§ãã¾ãã ããã¤ã¹ãã¨ã®ãã¤ãã£ãã¢ããªã±ã¼ã·ã§ã³ã«å¤æ PhoneGapããjQuery Mobileã®ãããªãã«ãããã¤ã¹ã«å¯¾å¿ããã¢ãã¤ã«ã¢ããªã±ã¼ã·ã§ã³ç¨ãã¬ã¼ã ã¯ã¼ã¯ã¨çµã¿åãããã¨ãHTMLãJavaScriptãªã©ã®Webæ¨æº
ã¹ãã¼ããã©ã³ãµã¤ãã®è¨è¨ã»ãã¶ã¤ã³ãHTML5+CSS3ã«ããåºæ¬çãªãã¼ã¯ã¢ããã«ã¤ãã¦ååã¾ã§ã«è§£èª¬ãã¦ãã¾ãããä»åã¯ãã¼ã¸å ã®è¦ç´ ã«ãªã³ã¯ãè¨å®ãã¦ã¹ãã¼ããã©ã³ãµã¤ããä»ä¸ãã¾ãã ãã¼ã¸å ãªã³ã¯ãå¼µã ä»åå¶ä½ãã¦ããã¹ãã¼ããã©ã³ãµã¤ãã¯ããã¼ã¸å ã®åã³ã¼ãã¼ã«ç§»åã§ããããã²ã¼ã·ã§ã³ï¼ã¸ã£ã³ããã¿ã³ï¼ãè¨ç½®ãã¦ãã¾ããã¾ãã¯ã¸ã£ã³ããã¿ã³ã«ãã¼ã¸å ãªã³ã¯ãè¨å®ãã¾ãããããã¼ã¸å ãªã³ã¯ã¯ãPCãµã¤ãã¨åæ§ããªã³ã¯å ã®è¦ç´ ã«ID屿§ãæ¯ããaè¦ç´ ãæ¬¡ã®ããã«è¨è¿°ãã¾ãã <ul class="clearfix"> <li><a href="#access">ã¢ã¯ã»ã¹</a></li> <li><a href="#tel">é»è©±</a></li> <li><a href="#mail">ã¡ã¼ã«</a></li> </ul> ãã¿ã³å ¨ä½ã«ãªã³ã¯ãè²¼ã ãã¼ã¸å ãªã³ã¯ãè¨å®ãããµ
HTMLãCSSãJavaScriptã¨ãã£ãWebã®æè¡ã§ã¹ãã¼ããã©ã³ç¨ã®ã¢ããªãéçºã§ããã¢ãã¤ã«ãã¬ã¼ã ã¯ã¼ã¯ã注ç®ããã¦ãã¾ããæ¬é£è¼ã§ãããã¾ã§ãWebæè¡ã使ã£ã¦iOSåãã®ã¢ããªãéçºã§ãããNimbleKitããç´¹ä»ãã¦ãã¾ããããä»ã«ã以ä¸ã®ãããªåæ§ã®ã¢ãã¤ã«ãã¬ã¼ã ã¯ã¼ã¯ãããã¾ãã ã¹ãã¼ããã©ã³åãã®ã¢ããªã±ã¼ã·ã§ã³éçºãã¬ã¼ã ã¯ã¼ã¯ Titanium http://www.appcelerator.com/ PhoneGap http://www.phonegap.com/ NimbleKit (iPhoneå°ç¨) http://www.nimblekit.com/ JSWaffle (Androidå°ç¨) http://d.aoikujira.com/jsWaffle/wiki/ ä»åããæ°åã«ããã£ã¦ããPhoneGapãã使ã£ãiPhone/iPadåã
ã¹ãã¼ããã©ã³ã®ãã©ã¦ã¶ã§ã©ã®ç¨åº¦ã®ã°ã©ãã£ãã¯è¡¨ç¾ãå¯è½ãªã®ããæ§è½ãæ°ã«ãªãã¾ãããï¼ãè¿å¹´ãHTML5ãå©ç¨ã§ããåéã¯ã¦ã§ããµã¤ãã®ã¿ãªãããã²ã¼ã ãSPAï¼ã·ã³ã°ã«ãã¼ã¸ã¢ããªã±ã¼ã·ã§ã³ï¼ãªã©å¤å²ã«æ¸¡ã£ã¦ãã¾ããããã§ãæ¬è¨äºã§ã¯iOSãAndroidã®æ°æ§ãã¾ãã¾ãªç«¯æ«ã使ã£ã¦ããã©ã¼ãã³ã¹ãæ¤è¨¼ãè¨äºã®ååã§ã¯æç»æ§è½ããå¾åã§ã¯JavaScriptã®è¨ç®æ§è½ã測å®ãã¦ãã¾ãã æç»æ§è½ã®æ¤è¨¼ãããªãã覧ãã ãã ãã¾ãã¾ãªç«¯æ«ã使ã£ã¦ãæç»æ¤è¨¼ã®æ§åãé²ç»ãã¾ããããã®80ç§ã®åç»ã§ã¯ç»åã®ãªãã¸ã§ã¯ãã®è¡¨ç¤ºå¯è½ãªåæ°ã測å®ãã¦ãã¾ãããããªã®å¾åãè¦ã©ããã§ãiPhone 5ã®ããã©ã¼ãã³ã¹ãè¯ããã¦ãããªãæ©éãããã»ã©ã¹ã³ã¢ãã§ãã¾ã§æéãããã£ã¦ãã¾ãã ãã¾ãã¾ãªç«¯æ«ã®ã¹ã³ã¢ã測å®ãã¾ãã æ¬¡ã®è¡¨ã«ã2012å¹´ã¾ã§ã«çºå£²ãããã¹ãã¼ããã©ã³ã®ã¹ã³ã¢ãæ²è¼ãã¾ããã
JavaScriptã®ã¹ããå¯¾å¿æã«ç¥ããªãã¨æãã16ã®ã³ãï¼ã¹ããåããµã¤ãå¶ä½ã§æ³£ããªãããã®ç§ä¼ãã¦ãã¦ï¼3ï¼ï¼1/3 ãã¼ã¸ï¼ ã¹ãã¼ããã©ã³åãWebãµã¤ãæ§ç¯æ¯æ´ãã¼ã«ãéçºã»è²©å£²ãããããå½å ãã¹ã¦ã®ã±ã¼ã¿ã¤ã»ã¹ãã¼ããã©ã³ã»ã¿ãã¬ãããææãã¦ãã伿¥ã«å¤ããçè ãããµã¤ãæ§ç¯ã®ãããªã©ããã¨ãè¨ãããã¦ãã¦ãç´¹ä»ããé£è¼ãä»åã¯ãã¹ããåããµã¤ãã«ãããJavaScriptã®4ã¤ã®ä¸»ãªå½¹å²ãå®è£ ä¸ã®3ã¤ã®æ³¨æç¹ããã使ãããOSSã©ã¤ãã©ãª4é¸ãOSï¼æ©ç¨®ä¾åäºä¾5é¸ãªã©ãç´¹ä»ãã¾ã ããã«ã¡ã¯ãKSKããã¬ãã¯ã¹ãã¡ã¼ã ãã¸ãã¹ã¦ããããã®æ¸¡è¾ºã§ããååã®ãHTML5ã®ã¹ãã対å¿ã®åºç¤ç¥èã¨ãããªã©ãã3é¸ãã§ã¯ãHTML5ã«å¯¾ãã対å¿ç¶æ³ã代表çãªHTMLã¿ã°ã«å¯¾ããä¾åäºä¾ãç´¹ä»ãã¾ããã ä»åã¯ãKSKã®è£½åãx-fitï¼ã¯ãã¹ãã£ããï¼ã®éçºã»è²©å£²ãã宿©ã§ã®
ã¨åãã§æåã«å¼ã³åºããã¾ãã ã¤ãã³ããã³ãã©ã®æ¸¡ãæ¹ãªã©ãå é ã$$ã«ãªã£ã¦ãã以å¤ã¯jQueryã¨åãã§ãã ãã©ã¦ã¶ã®ã¸ã§ã¹ãã£æ©è½ã¨ç«¶åããå ´åãããã®ã§ããã©ã¦ã¶ã®ã¸ã§ã¹ãã£æ©è½ãç¡å¹ã«ããå¿ è¦ãããã¾ãã ã¿ãããµã³ãã« <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>ã¿ãããµã³ãã«</title> <script src="quo.js"></script> <script> $$(document).ready(function(){ $$('#button1').touch(function(){ ale
æ°ããªèªååã§ç±è¦ç·ï¼ AIã¨ã¼ã¸ã§ã³ãã®ãæ¨è«è½åããæ¯ãã2ã¤ã®ã³ã³ãã¼ãã³ãã¨ã¯ï¼ 11æ28æ¥ 6:30
moobileã¯HTML/JavaScript製ã®ããªã¼ã¦ã§ã¢ï¼ã½ã¼ã¹ã³ã¼ãã¯å ¬éããã¦ããï¼ãiPhone/Androidãä¸å¿ã¨ããã¹ãã¼ããã©ã³ã®ã·ã§ã¢æ¡å¤§ã¯çã¾ããã¨ãç¥ããªããã¢ãã¤ã«ãããã¯ã¼ã¯ãçºå±ãã¦ããéãããã®æµãã¯æ¢ã¾ããã¨ã¯ãªãã ãããWebãµã¤ããæä¾ããä¸ã§ãã¹ãã¼ããã©ã³ã¯æ¬ ãããªãåå¨ã«ãªãã ãã¿ã³ãã¼ ãã¤ãã£ãã¢ããªãæä¾ããæããããããã£ã¨å®¹æãªã®ãæé©åãããWebãµã¤ããæä¾ãããã¨ã ããããããã¤ãã£ãã¢ããªãæä¾ããã»ã©ã®ãã¼ãºããªããµã¼ãã¹ãããã¯ãã ãããã§ä½¿ããã®ãmoobileã«ãªãã moobileã¯iPhoneãAndroidã¨ãã£ãWebKitãã¼ã¹ã«å¯¾å¿ããWebãµã¤ããã¬ã¼ã ã¯ã¼ã¯ã ãHTML5ã§ä½æããã¦ããã®ãç¹å¾´ã ããã©ã¼ã ããã¿ã³ããã¿ã³ãã¼ãªã©ã®UIããã³ãã¬ã¼ãåãã¦ãããããã使ãã°æé©åãããWebãµã¤ãã
ãªããæè¿ããããã®æµè¡ã£ã¦ãããã§ãããåãèããæ¸ãã¦ã¢ã¯ã»ã¹æ°ã稼ãã¾ãã ãã¼ã¸é·ç§»ãéåº¦ã«æãããã¨ãããª ä¸æã« AJAX 使ãã¾ããããããªããã¼ã¸é·ç§»ããã»ãããã·ã§ãããã¨ãå¤ãã§ããä¸ã®ä¸ã«ã¯ãã¼ã¸é·ç§»ãæãããã¨ãã¦é ·ããã¨ã«ãªã£ã¦ã JS ãæ²¢å±±è¦ã¾ããããèããã ãã¼ã«ã«ã¹ãã¬ã¼ã¸ãæ´»ç¨ããªã localStorage ã«ç»åã¨ãæ¾ãããã®ç°å¸¸ã«éããªãã®ã§ãªã¹ã¹ã¡ãã¾ãããèªè¨¼æããªããµã¼ãã¹ã§è¨å®å¤ä¿åããã®ã«ä½¿ãã¨ãã«çããæ¹ãããã¨æãã éåæãª API çµ¶è³ãã¦ã¦æ°ã«é£ããªãæãã¯ãã¾ãããã®è¨äºãä¸èªãããã¨ããå§ããã¾ãã localStorage ã¯å°ããªãã¼ã¿ãããã¤ãå ¥ããåã«ã¯ååã«é«éã§ãã大ããªãã¼ã¿ãå ¥ããã¨ååã«ä½éã§ãã scroll ã¤ãã³ãã«å¯¾ãã¦ãªã¹ãã¼ãç½®ããªã scroll ã¤ãã³ãã®ç£è¦ã¯å®éææªã®ã¢ã¤ãã£ã¢ã§ããã
å¶é åæã«åçã§ãã鳿ºã¯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')); }) });
HTML5ã¨JavaScriptã«ããã¤ã³ã¿ã©ã¯ãã£ããªWebã¢ããªã±ã¼ã·ã§ã³ã®éçºã注ç®ãããä¸ãã²ã¼ã åéã§ã¯æ°å¤ãã®HTML5 JavaScriptã²ã¼ã ã¨ã³ã¸ã³ï¼ã²ã¼ã éçºç¨ã®ãã¬ã¼ã ã¯ã¼ã¯ï¼ãç»å ´ãã¦ãããJavaScriptã®ã©ã¤ãã©ãªã¼ãæ å ±ãã¾ã¨ãã¦ããJSwikiã«ããã¨ããã®æ°ã¯70以ä¸ã«ä¸ããéçºè ã¯ã©ã®ã²ã¼ã ã¨ã³ã¸ã³ãé¸ã¹ã°ããã®ã夿ãé£ããç¶æ³ã ã æ¬è¨äºã§ã¯ãæ°å¤ãããJavaScriptã²ã¼ã ã¨ã³ã¸ã³ã®ä¸ãããçè ãããããããã©ã¤ãã©ãªã¼ãç´¹ä»ããããç´¹ä»ããã²ã¼ã ã¨ã³ã¸ã³ã¯ãã¹ã¦MIT Licenseã§æä¾ããã¦ããã®ã§ãå人ã¯ãã¡ãããåç¨ã§ãå©ç¨ã§ããã Cocos2D JavaScript (http://cocos2d-javascript.org/) Crafty (http://craftyjs.com/) enchant.js (http:
FlashãHTML5ãSilverLight, SVGã使ããã«ãIE7+, iPhone, iPad, Androidã§åä½ããã¢ãã¡ã¼ã·ã§ã³ã使ã§ããjQueryã®ãã©ã°ã¤ã³ãç´¹ä»ãã¾ãã jCS Media Library [ad#ad-2] jCSMLã®å¯¾å¿ãã©ã¦ã¶ jCSMLã®ã㢠jCSMLã®ãã¦ã³ãã¼ã jCSMLã®å¯¾å¿ãã©ã¦ã¶ jCSMLã®å¯¾å¿ç°å¢ã¯ä¸è¨ã®éãã§ãã HTML5é対å¿ã®IE7ã§ããFlashé対å¿ã®iPhoneã§ãåä½ãã¾ãã IE7+ Firefox3.6+ Chrome Safari iPhone iPad Android jCSMLã®ã㢠jCSMLã®å¤å½©ã§ç¾ãããã¢ãããã¤ãç´¹ä»ãã¾ãã åãã¢ã¯ãã¥ã¼ããªã¢ã«ãå ¼ãã¦ãããã³ã¼ããä¸ç·ã«æ²è¼ããã¦ãã¾ãã
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã¡ã³ããã³ã¹
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}