Facebookã®ã¢ãã¤ã«ã¢ããªã失æããçç±ã¯HTML5ã®ãããããªããHTML5ã§ãµã¯ãµã¯åãFacebookã¢ããªãä½ã£ã¦è¦ããSencha Touchéçºãã¼ã Facebookã¯ä»å¹´ãHTML5ãã¼ã¹ã§éçºããã¢ãã¤ã«ã¢ããªã®åä½é度ãå®å®æ§ã§ä¸è©ãè²·ããåä½ãæ¹åãããã¤ãã£ãã¢ããªã±ã¼ã·ã§ã³ãããããã¦ãªãªã¼ã¹ãã¾ãããã¶ãã«ã¼ãã¼ã°æ°ããããæ¯ãè¿ã£ã¦ãHTML5ã«è³ããã®ã¯å¤±æãã¨çºè¨ãã¾ããã ããããFacebookã®ã¢ãã¤ã«ã¢ããªéçºãã¼ã ãæ±ããåé¡ã®çç±ããç§ãã¡ã¯æªããã¨æã£ã¦ãããï¼We had our suspicions about why Facebook's mobile application team had problemsï¼ã¨ããã°ã«æ¸ããã®ã¯ãHTML5ãã¼ã¹ã®ã¢ãã¤ã«ã¢ããªã±ã¼ã·ã§ã³ãã¬ã¼ã ã¯ã¼ã¯ãSencha Touchãã®éçºãã¼ã ã
2012/10/12ã«éå¬ãããJapan Sencha User Groupã®ç¬¬1ååå¼·ä¼ã®ãã¤ã¼ããã¾ã¨ãã¾ãããå½æ¥ã¯USTREAMä¸å®¶ããã£ãã®ã§ããããã®é²ç»ã®æ¹ã¯1åç¨åº¦ã§åãã¦ãã¾ã£ã¦ãããæ®å¿µãªããæ®ã£ã¦ãã¾ããããã¤ã¼ãä¸ã®URLã®è³æããèªã¿ã«ãªã£ã¦è¿½ä½é¨ãã¦ãã ããã
å»å¸«ãå¦æ¹ããæ²»çè¬ã¯ä¸å®ã®ãªãªã¸ãã«ã®ãã¨ã§ç¹ã«ç®¡çããã¦ããã®ã«å¯¾ããAGAã¯ãªããã¯è±æ¯ã®å ´åã¯æ²»çè¬ã®å質ãæ²»çããã¦ãã¾ãããä»ã¾ã§ï¼¡ï¼§ï¼¡æ¹åè¬ã ãã§ã¯å¹æããªãã£ããã¨ããæ¹ããã®è©å¤ãå¤ãã§ããã èªå® ã§ãããã·ã¢ãæç¨ãã¦ï¼¡ï¼§ï¼¡æ²»çããããªãããã¨ããå ´åãAGAãã¢çæ³ãããããã§ãã ä¿éºã¯ããããã·ã¢ãã¸ã§ããªãã¯ãã¶ã¬ã¼ããããé害ãªã©AGAãå¿ è¦ã«æã£ã¦ãã¾ããã ãã©ã»ãã¨ã¯å åæåã®å ¥ã£ã¦ããªããã®ã§ããããå¯ä½ç¨ã¯ãã¡ãã¨æ°ã«ããªãã¦ãããã¨èãããã¾ãããã£ãã¹ããªãé ããµã¯ã¤ãã¯AGAã¯ãªããã¯ã§æ§ã ãªã¸ã§ããªãã¯å»è¬åã製é ã»ä¿¡é ¼ãã¦ããAGAãã¬ãããæ²»çããã¦ãããã®ã§ããèªåã®ï¼¡ï¼§ï¼¡ã®çç¶ã®å ´åã©ããããè²»ç¨ãããããæ°ã«ãªãæ¹ã¯ãä¹³æ¿ã«ç¸è«ãã¦ã¿ãã¨ããã§ããããå¹æã¯ï½åé¨åã ã£ããã ãã©ãï¼åº¦ç®ãæ³å以ä¸ã«è¯ãã£ãã®ã§ãæ°ã«ãªã£ã¦ããã¹ãã³
Sencha Touch is one of the mobile web appication framework available that we can download for free, it targeted for iPhone, Android or Tablet devices, if you have some experience with ExtJS, I believe you have one advantage in learning Sencha Touch, most of the component, code structure built similar with ExtJS. Â This is my first bite, tasting sencha touch I have created RSS reader that read from
é層åã®ãªã¹ããä½ã£ã¦ã¿ã¾ãã Panel ã TabPanel ã«æ¯ã¹ãã¨å°ããããããã§ãã ã㢠(â»è¦Safari) ãã©ã«ãæ§æ sencha-touch-1.1.0 docs and more⦠list.js âä»åä½ããã® list.html âä»åä½ããã® list_data.php âä»åä½ãã㮠表示ãããã¼ã¿ã¯ list_data.php ã§åçã«å¤ããçæãããã®ã¨ä»®å®ãã¾ãã å ¨æãèªã
2011å¹´æåã®åå¼·ä¼ã®è³æã§ããã¢ã¸ã§ã³ãã¯ä»¥ä¸ã®éãï¼ NextJSã§ã¡ã£ã¡ããTwitterä½ããï¼@Mt_blue81 ï¼ SenchaTouch+Scalaã§ã¢ãã¤ã«ã¢ããªéçºï¼@noweliumï¼ Sencha Touchã§MVCï¼@naotoriï¼ â¦ @Mt_blue81ãã¨éå±±ããã«ã¯ãNode.jsãã©ãããããã¬ã¼ã ã¯ã¼ã¯NextJSã使ã£ãã¢ããªã±ã¼ã·ã§ã³éçºã«ã¤ãã¦è©±ããã¦ãããã¾ããï¼ è³æã¯ãã¡ãï¼ãNextJSã§ã¡ã£ã¡ããTwitterä½ããã ⦠@noweliumãã¨æ¼¢ï¼ãã¿ï¼ããã«ã¯ãMashup Award 6ã§åªç§è³ãåè³ãããããªããªãã®éçºãéãã¦å¾ãããSencha Touchã«é¢ãããã¦ãã¦ã¨Scalaã«ã¤ãã¦ã®ãã¬ã¼ã³ãè¡ã£ã¦ãããã¾ããï¼
ãã®è¨äºã¯12/17ã«æ²è¼ããããAn Introduction to Theming Sencha Touchãã訳ãããã®ã§ãï¼ç¿»è¨³ï¼@taka_2ï¼ Sencha Touchã¯ãSASSã¨Compassã使ã£ã¦æ§ç¯ããããé©æ°çãªæ°ãããã¼ãã·ã¹ãã ãå°å ¥ãã¾ããããã®ã·ã¹ãã ãå©ç¨ããã°ãSencha Touchã®åºæ¬ãã¼ããã¢ããªã±ã¼ã·ã§ã³ããã©ã³ãã«åããã¦ç°¡åã«ã«ã¹ã¿ãã¤ãºãããã¨ãã§ãã¾ããSencha Touchã¯Webæ¨æºã«åºã¥ããè¨è¨ã«ãªã£ã¦ãã¦ãã¾ããç¾å¨ã¯WebKitãã©ã¦ã¶åãã«ä½ããã¦ãããããWebKitã§æ¢ã«å©ç¨å¯è½ãªCSS3ã®æ§ã ãªããããã£ããã¨ãã°ãè§ä¸¸ãèæ¯ã°ã©ãã¼ã·ã§ã³ã ãã§ãªããCSS3ããã¯ã¹ã¢ãã«ã®ãããªé«åº¦ãªããããã£ããèªç±ã«å©ç¨ãããã¨ãã§ãã¾ããããã¦ãSASSã¨Compassã使ãã°ãCSS3ã§æ§æããã¦ããSencha Touc
ãã®ããã¥ã¡ã³ãã§ã¯Sencha Touchã®å§ãæ¹ã«ã¤ãã¦è§£èª¬ãã¦ããã¾ãã æåã«ã¿ããå端æ«åãã®Webã¢ããªã±ã¼ã·ã§ã³ãéçºããããã®åºæ¬çãªã¹ãããã«ã¤ãã¦ã®èª¬æã 次ã«ãSencha Touchããã±ã¼ã¸ã«ãå梱ããã¦ãããã¢ã¢ããªGeoTweetsã®ä½ãæ¹ã«ã¤ãã¦ã®è©³ç´°ãªèª¬æ ããã¦ããã¾ãã ãã®ããã¥ã¡ã³ãã¯Sencha Touchã使ã£ã¦ã¿ããå端æ«åãã®Webã¢ããªã±ã¼ã·ã§ã³ã®éçºãããã Webéçºè ã«åãããã®ã§ããåææ¡ä»¶ã¨ãã¦ã¯ãSencha Touchã©ã¤ãã©ãªããã¦ã³ãã¼ããã¦ãããã¨ã Webãµã¼ãã¼ç°å¢ãç¨æããã¦ãããã¨ãããã¦JavaScriptã»HTMLã»CSSãªã©ã®Webã¢ããªã±ã¼ã·ã§ã³éçº ã«å¿ è¦ãªæè¡ãèãæ¹ã«ã¤ãã¦ç解ãã¦ãããã¨ããããããã¾ãã ãã®ããã¥ã¡ã³ãã¯ä»¥ä¸ã®ã»ã¯ã·ã§ã³ã§æ§æããã¦ãã¾ãï¼ Sencha Touch ã«ã¤ãã¦
ã©ããå°å ¤ã§ãã ä¹ ãã¶ãã®ããã°ã§ãã å æ¥ãããTwitterã§ã¡ããã¡ãããã£ã¦ãNXã®è©±ã ã¾ãNode.JSã®è©±ãªãã§ããã Ext.PlatformããExt JS 4.0/Sencha Touchã®å ±éã³ã¢ã«ãªããã¨ãçºè¡¨ããã¾ãããã ã¾ããExt Coreãããªãã¦ãä»å¾ãã®Ext.Platformãªã®ããªï¼ããªããªï¼ã£ã¦æã£ã¦ãã¾ãããããããã®ããã«ä¸ã«Ext Coreã«ãªãããã»ã»ãã¾ãã©ã£ã¡ã§ããããã§ããã ããã®ã½ã¼ã¹ã³ã¼ããªã¼ãã£ã³ã°ãããªãããã¼ã¡ã¼ã¡ãããã試ãã¦ã㦠æè¿ãNode.JSã触ã£ã¦ãã¦ããªãããNode.JSã£ã¦jQueryã¨ãExt JSã¨ããã®ã¾ã¾ä½¿ããããããªãã ã§ããã¯ã©ã¹ã®ç¶æ¿ã¨ããã»ãªãªã¼ã¨ããSencha Touchã£ã½ãå®è£ ãããããã§ã ãªã®ã§ãxFramework NXã¨ãã¦ãExt.Platformã®ä¸é¨ç§»æ¤ãã¤ã¤
以åãiUI ã jQTouch ã§ä½æãããã®ï¼iUIç㯠id:fits:20100715, jQTouchç㯠id:fits:20100731ï¼ã¨åæ§ã®ãµã³ãã«ã Sencha Touch ã§ä½æãã¦ã¿ã¾ãããï¼ãµã¼ãã¼å´ã®å¦çãåããã®ã使ç¨ï¼ Sencha Touch 1.0 Ext.NestedList ã使ã£ã¦å®è£ ãã¦ã¿ã¾ããããExt.NestedListï¼ã¨ãããã TreeStoreï¼ã¯é層çãªãã¼ã¿ãä¸æ¬åå¾ããã±ã¼ã¹ãæ³å®ãã¦ããããã§ãä»åå©ç¨ãããµã¼ãã¼å´ã®å¦çã®ããã«é層æ¯ã«å¥ã® URL ãããã¼ã¿ãåå¾ãããããªã±ã¼ã¹ï¼ã¹ãã¼ãåå¾ ã¨ãã¼ãã«åå¾ã§URLã¨ãã¼ã¿ã¹ãã¼ããç°ãªãï¼ã§ã®å®è£ ã¯ããªãè¦å´ãã¾ããã ãã®ãããä»åã®ãããªã±ã¼ã¹ï¼é層æ¯ã«åå¾å URLããã¼ã¿ã®ã¹ãã¼ããç°ãªãï¼ã«ã¯ Ext.List 㨠CardLayout ã®çµã¿åããã§å®è£
Ext.XTemplateã§ã¯ãã³ãã¬ã¼ãå ã§forãifãè¨å®ãã¦ããã³ãã¬ã¼ããå¦çãããã¨ãã§ãã¾ããæ¡ä»¶åå²ã®å¦çããã³ãã¬ã¼ãå ã«è¨è¿°ãã¦ãapply()ã§ãã¼ã¿ã渡ãã ãã§ãã Ext.XTemplateã«ã¤ãã¦ã®ãã®ä»ã®è¨äº ExtJSå ¥é10 Ext.XTemplateã使ã ExtJSå ¥é11 Ext.Xtemplateã§JSå ã®ãã³ãã¬ã¼ãã使ã Ext.XTemplateã¯ã©ã¹ â Ext 3.0 â API Documentation æ¥æ¬èªç http://extdocs.xenophy.com/?class=Ext.XTemplate ã»HTML <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ExtJSåå¤å±åå¼·ä¼ãxtem
TabPanelã¯ã©ã¹ã¯cardSwitchAnimationããããã£ãå©ç¨ãããã¨ã§ãç°¡åã«ã«ã¼ãåãæ¿ãã®ã¢ãã¡ã¼ã·ã§ã³ãä½ãã¾ãã cubeã¢ãã¡ã¼ã·ã§ã³ãµã³ãã« fadeã¢ãã¡ã¼ã·ã§ã³ãµã³ãã« flipã¢ãã¡ã¼ã·ã§ã³ãµã³ãã« popã¢ãã¡ã¼ã·ã§ã³ãµã³ãã« slideã¢ãã¡ã¼ã·ã§ã³ãµã³ãã« cubeã¢ãã¡ã¼ã·ã§ã³ãè¡ãJavaScriptã¯æ¬¡ã®ã¨ããã§ããcardSwitchAnimationããããã£ã®å¤ã«'cube'ãæå®ãã¦ããã¾ãã index.js Ext.setup({ onReady: function(){ var cards = [{ title: 'Photo 1', html: 'Photo 1 ', cls: 'card1' }, { title: 'Photo 2', html: 'Photo 2 ', cls: 'card2' }, { title: '
æ¥çåã®HTML5ã¢ãã¤ã«ã¢ããªç¨ãã¬ã¼ã ã¯ã¼ã¯ Sencha Touchã使ãã°ã¿ããã¹ã¯ãªã¼ã³ãè£ åããApple iOSã Android端æ«ä¸ã§ãã¤ãã£ãã¢ããªã®ãããªWebã¢ããªãéçºå¯è½ã§ãã Webæ¨æºæè¡ã«æºæ Sencha Touchã¯HTML5ãCSS3ãJavaScriptã«ç¹åããä¸çåã®ã¢ããªã±ã¼ã·ã§ã³ãã¬ã¼ã ã¯ã¼ã¯ã§ããSSencha Touchã¯ãããã®æè¡ãæã¤åãæ大éã«å¼ãåºãããã¤æè»ã§æé©åãããã¢ããªã±ã¼ã·ã§ã³éçºãå¯è½ã«ãã¾ããSencha Touchã§ã¯ãé³å£°ãåç»ãçµã¿è¾¼ãçºã®ã³ã³ãã¼ãã³ãããã¼ã¿ããªãã©ã¤ã³ã§ãå©ç¨å¯è½ã«ããlocalStorageãããã·ã¼ãªã©ã§HTML5ã®æ©è½ãå©ç¨ããã¦ãã¾ããã¾ãSencha Touchã®ã¹ã¿ã¤ã«ã·ã¼ãã§ã¯CSS3ãæ大éæ´»ç¨ãã¦ã¨ã¦ãå ç¢ãªã¹ã¿ã¤ãªã³ã°ã¬ã¤ã¤ã¼ãå®ç¾ãã¦ãã¾ãã ãã®ã©ã¤ãã©ãªã¯ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}