Bryntum Gantt - The Fastest JavaScript Gantt ChartThe fastest JS Gantt chart Bryntum Gantt is a super fast and fully customizable Gantt chart suite for your JavaScript, React, Angular, and Vue applications.
Jasmineã§ã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆ
本稿ã¯ã€Senchaå…¬å¼ãƒ‰ã‚ュメント㮠Unit Testing with Jasmine ã®ç¿»è¨³ã§ã™ã€‚ I. å°Žå…¥ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯æ—¢å˜ã®Extアプリケーションをå–り上ã’ã€ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã™ã‚‹Jasmineアサーションライブラリを紹介ã—ã¾ã™ã€‚ èªè€…ã¯JavaScript, Ext JS 4, MVCアーã‚テクãƒãƒ£åŠã³HTML, CSSã®åŸºæœ¬åŠã³ãƒªã‚½ãƒ¼ã‚¹ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ç²¾é€šã—ã¦ã„る人ãŒå¯¾è±¡ã§ã™ã€‚ ãªãœãƒ†ã‚¹ãƒˆã™ã‚‹ã®ã‹? アプリケーションをテストã™ã‚‹ã«ã¯å¤šãã®ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚ テストã¯ã™ã¹ã¦ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚’手動ã§æ¶ˆã—込んã§ã‚†ãã“ã¨ãªãアプリケーションã®æ©Ÿèƒ½æ€§ã‚’検証ã§ãã¾ã™ã€‚ ã•ã‚‰ã«ã€ã‚¢ãƒ—リケーションãŒãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚„アップデートã•ã‚Œã‚‹æ™‚ã«ã€ テストã¯ãれらã®å¤‰æ›´ãŒã‚·ã‚¹ãƒ†ãƒ ã«å½“ãŸã‚‰ã—ãƒã‚°ã‚’呼ã³è¾¼ã¾ãªã„よã†ã«æ¤œè¨¼ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ II. ã¯ã˜ã‚ã« ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ExtJSã«ãƒãƒ³ãƒ‰
Ext JS 4.0/4.1 MVCã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ§‹é€ ã®ç†è§£ – æ ªå¼ä¼šç¤¾ã‚¼ãƒŽãƒ•ã‚£ç¤¾å†…勉強会資料
本資料ã¯ã€2011å¹´12月18æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸæ ªå¼ä¼šç¤¾ã‚¼ãƒŽãƒ•ã‚£ç¤¾å†…勉強会資料ã§ã™ã€‚ アジェンダ Class Styles Ext JSã«ãŠã‘るアプリケーションパターン Ext.app.Controller/Ext.Application サンプルアプリケーションレイアウト å„コントãƒãƒ¼ãƒ©ãƒ¼ä½œæˆ コントãƒãƒ¼ãƒ©ãƒ¼ã‹ã‚‰ãƒ“ューã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ Class Styles Ext JS 3ã¾ã§ã®å®Ÿè£…ã¯ã€Ext.extendを利用ã—ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ã‚’継承ã—ã€initComponentã§å¿…è¦ãªåˆæœŸåŒ–ã‚’è¡Œã„アプリケーションを実装。 コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’一ã¤ã®ã‚¯ãƒ©ã‚¹ã¨ã—ã¦å®Ÿè£…ã™ã‚‹æ‰‹æ³•ã¯éžå¸¸ã«æœ‰åŠ¹ã§ã‚ã‚‹ãŒã€è¦‹ãŸç›®(View)ã¨å®Ÿè£…(Model/Controller)ãŒæ··åœ¨ã™ã‚‹ã‚¯ãƒ©ã‚¹ãŒä½œæˆã•ã‚Œã¦ããŸã€‚ Ext JS 3 Style Class <span style="color: #990000;">// defi
)
Docs | Sencha Documentation
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
Ext JS/Ext GWT勉強会 資料
エレメントをドラッグå¯èƒ½ã«ã™ã‚‹ãŸã‚ã«ã€Ext.dd.DDを使用ã—ã¦ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆä½œæˆã—ã¾ã™ã€‚ new Ext.dd.DD('dragbox'); 動作サンプル ãŸã£ãŸ1è¡Œã§ãƒ‰ãƒ©ãƒƒã‚°ãŒå¯èƒ½ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ フレーム付ãã®ãƒ‰ãƒ©ãƒƒã‚° 次ã«ã€å…ˆã»ã©ã®ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯ã€ãƒ‰ãƒ©ãƒƒã‚°ã—ãŸçž¬é–“ã«DIVã‚¿ã‚°ãŒç§»å‹•ã—ã¾ã—ãŸãŒã€ 今回ã¯ã€ãƒžã‚¦ã‚¹ãŒæ”¾ã•ã‚Œã‚‹ã¾ã§ã€ãƒ•ãƒ¬ãƒ¼ãƒ を表示ã—ã¦ã€ãƒžã‚¦ã‚¹ãŒæ”¾ã•ã‚Œã¦ã‹ã‚‰ç§»å‹•ã™ã‚‹ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’作æˆã—ã¾ã™ã€‚ var el = Ext.get('dragbox2'); el.initDDProxy(); Ext.getã«ã¦ã€HTMLエレメントオブジェクトをå–å¾—ã—ã¦ã€initDDProxyを呼ã³å‡ºã™ã ã‘ã§ã™ã€‚ 動作サンプル ドラッグゾーンã¨ãƒ‰ãƒãƒƒãƒ—ターゲット ã•ã¦ã€ã“ã“ã¾ã§ã§ç°¡å˜ã«ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’実装ã™ã‚‹ã“ã¨ãŒã§ãã¾
外部ライブラリã®Ext.Component化
2. ⽬次 外部ライブラリをComponent化ã™ã‚‹æ„義 p å–ã‚Šã“む⼿法 â—¦ 継承 â—¦ プラグイン 継承ã®ã‚¹ã‚¿ã‚¤ãƒ« â—¦ Component â—¦ â¾®Component 親クラスをé¸ã¶ â—¦ Ext.Component â—¦ Ext BoxComponent Ext.BoxComponent â—¦ Ext.Container 外部ライブラリã®å–ã‚Šè¾¼ã¿ä¾‹ â—¦ Mac OS-Style Dock l k â—¦ flot ã•ã‚‰ãªã‚‹æ‹¡å¼µã«ã‚€ã‘㦠3. ãã‚‚ãã‚‚Ext Componentã¨ã¯â€¦ ãã‚‚ãã‚‚Ext Componentã¨ã¯â€¦ ãã‚‚ãã‚‚Ext.Componentã¨ã¯ Ext.Componentã¨ã¯ 「Ext 2.0 - API ドã‚ュメント ＆ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€â½‡æœ¬èªžç‰ˆ （http://docs.ext-japan.org/docs/）ã«ã‚ˆã‚Œã°â€¦ （h //d /d /）ã«ã‚ˆã‚Œã° â—¦ å…¨ã¦ã®Extコン
第三回EｘｔJS勉強会資料：ExtJS イベント制御
第三回ExtJS勉強会ã®è³‡æ–™ã§ã™ã€‚ ãˆãƒ¼ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ã‚¿ã§æ˜ ã—ãŸã¨ã用ã®URLã§ã™ã€‚ http://code.xenophy.com/ 今回ã¯ã€ã‚¤ãƒ™ãƒ³ãƒˆåˆ¶å¾¡ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ç™»å ´ã™ã‚‹ä¸»ãªæ©Ÿèƒ½ã¯ã€Œã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼ã€ã¨ã€Œã‚¤ãƒ™ãƒ³ãƒˆãƒ‡ã‚£ã‚¹ãƒ‘ッãƒã€ã§ã™ã€‚ イベント制御ã¯ã€ExtJSã‚’ã¯ã˜ã‚ã€éžåŒæœŸã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—リケーション作æˆã«ã¯ã€ã„ã¾ã§ã¯æ¬ ã‹ã›ãªã„å˜åœ¨ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ イベントリスナー イベントリスナーã¨ã¯ã€ä½•ã‹ã‚¤ãƒ™ãƒ³ãƒˆãŒèµ·ããŸã¨ãã«åå¿œã—動作ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚„ファンクションã§ã™ã€‚ ExtJSã§ã„ãˆã°ã€ã€Œãƒ‘ãƒãƒ«ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒçµ‚ã‚ã£ãŸã€‚ã€ã€Œãƒ„リーノードã®ãƒ‰ãƒ©ãƒƒã‚°ãŒé–‹å§‹ã•ã‚ŒãŸãªã©ã§ã™ã€‚〠イベントリスナーã®ç™»éŒ²ã¯ã€ç™»éŒ²ã—ãŸã„オブジェクトã®addListenerを利用ã—ã¦ç™»éŒ²ã‚’è¡Œã„ã¾ã™ã€‚ã¾ãŸã¯ã€ç™»éŒ²ã—ãŸã„オブジェクトを生æˆã™ã‚‹ã¨ãã«ã€ã‚³ãƒ³ãƒ•ã‚£ã‚°ã‚ªãƒ—ションã§listenersã§ç™»éŒ²ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚
ExtJapan
APIドã‚ュメンテーション日本語版を求ã‚ã¦ãã‚Œã¦ã„る方々ã¸ãŠçŸ¥ã‚‰ã›ã§ã™ã€‚ ã„ã¾ã¾ã§ã€http://www.ext-japan.org/docs/ã ã£ãŸAPIドã‚ュメンテーション日本語版ã¯ã€URLãŒå¤‰ã‚ã‚Šã¾ã—ãŸã€‚ç¾åœ¨è‡ªå‹•çš„ã«ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã‚ã‚Šã¾ã™ãŒã€æ–°ã—ã„URLã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚http://docs.ext-japan.org/docs/緊急ã®ã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ï¼ˆç§»è¡Œï¼‰ã®ãŸã‚上記ã®ã‚ˆã†ã«URLを変更ã™ã‚‹å¯¾å‡¦ã§ä¸€æ™‚ã—ã®ãŽã—ã¦ã„ã¾ã™ã€‚ã„ãšã‚Œã€ã¾ãŸå…ƒã®URLã«ç›´ã™ã¤ã‚‚ã‚Šã§ã™ãŒã€ã¾ã 見通ã—ãŒç«‹ã£ã¦ã„ã¾ã›ã‚“。 ã”迷惑をãŠã‹ã‘ã—ã¦ç”³ã—訳ã”ã–ã„ã¾ã›ãŒã€ã”ç†è§£ã¨ã”å”力ã®ã»ã©ãŠé¡˜ã„ã—ã¾ã™ã€‚
)
Docs | Sencha Documentation
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
Docs | Sencha Documentation
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.projectspace.nl/
Blender 2.5 Lighting and Rendering
Docs | Sencha Documentation
Docs | Sencha Documentation
http://docs.ext-japan.org/docs/
{{#tags}}- {{label}}
{{/tags}}