Sencha Touchã§ã®ãƒ†ãƒ¼ãƒžè¨å®šå…¥é–€ | Ext Japan Blog
ã“ã®è¨˜äº‹ã¯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 を始ã‚よã†
ã“ã®ãƒ‰ã‚ュメントã§ã¯Sencha Touchã®å§‹ã‚æ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ 最åˆã«ã‚¿ãƒƒãƒåž‹ç«¯æœ«å‘ã‘ã®Webアプリケーションを開発ã™ã‚‹ãŸã‚ã®åŸºæœ¬çš„ãªã‚¹ãƒ†ãƒƒãƒ—ã«ã¤ã„ã¦ã®èª¬æ˜Žã€ 次ã«ã€Sencha Touchパッケージã«ã‚‚åŒæ¢±ã•ã‚Œã¦ã„るデモアプリGeoTweetsã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦ã®è©³ç´°ãªèª¬æ˜Ž ã‚’ã—ã¦ã„ãã¾ã™ã€‚ ã“ã®ãƒ‰ã‚ュメントã¯Sencha Touchを使ã£ã¦ã‚¿ãƒƒãƒåž‹ç«¯æœ«å‘ã‘ã®Webアプリケーションã®é–‹ç™ºã‚’ã—ãŸã„ Web開発者ã«å‘ã‘ãŸã‚‚ã®ã§ã™ã€‚å‰ææ¡ä»¶ã¨ã—ã¦ã¯ã€Sencha Touchライブラリをダウンãƒãƒ¼ãƒ‰ã—ã¦ã„ã‚‹ã“ã¨ã€ Webサーãƒãƒ¼ç’°å¢ƒãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€ãã—ã¦JavaScript・HTML・CSSãªã©ã®Webアプリケーション開発 ã«å¿…è¦ãªæŠ€è¡“や考ãˆæ–¹ã«ã¤ã„ã¦ç†è§£ã—ã¦ã„ã‚‹ã“ã¨ã€ãŒã‚ã’られã¾ã™ã€‚ ã“ã®ãƒ‰ã‚ュメントã¯ä»¥ä¸‹ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ï¼š Sencha Touch ã«ã¤ã„ã¦
Sencha Touch ã® NestedList 㧠JSON データを動的ã«ãƒªã‚¹ãƒˆè¡¨ç¤º - ãªã‚“ã¨ãªã㪠Developer ã®ãƒ¡ãƒ¢
以å‰ã€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 ã®çµ„ã¿åˆã‚ã›ã§å®Ÿè£…
ExtJS入門12　Ext.XTemplateã§for,ifを使ㆠ| ExtJSã§æ¥½ã—ãRIAæ¥å‹™ã‚¢ãƒ—リ開発
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
Sencha Touchノート
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: '
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を最大é™æ´»ç”¨ã—ã¦ã¨ã¦ã‚‚å …ç‰¢ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’実ç¾ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ラリã¯ã
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://planet-ape.net/akb48/
{{#tags}}- {{label}}
{{/tags}}