jQueryMobileとSenchaTouchのサンプル眺めてみた。 - 技術をかじる猫
jQueryTouchとSenchaTouchのサンプル眺めてみた。 眺めた環境 Xperia X10(Android2.1) GalaxyTab(Android2.2) FireFox(3.6.x) GoogleChrome(PC webkit) 互換性 上記4つのブラウザ(スマホ側はあえてデフォルトを使用)で眺めてみた。 jQueryTouch のサンプルは、上記すべてのブラウザで表示できるのを確認。ただし、FireFoxに限り、スクロール等の一部エフェクトがかからない。 SenchaTouch のサンプルは、FireFoxがそもそもまともに表示できない。他の環境はいずれも正常表示ができている。公式の互換性についても、jQueryTouch はほぼすべての主要なスマホに対応しているが、SenchaTouch は iPhone/Android向けで、他のプラットフォームに言及していない。
Ext JS / Sencha Touch 勉強会の資料（1月、東京） | Ext Japan Blog
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についてのプレゼンを行ってもらいました：
[JS] SenchaTouch入門に最適なWebサイトまとめ | RakuMobi
RakuMobiはSenchaTouchというJavascriptフレームワークを使用しています。 SenchaTouchの敷居はパッと見低め。 カルーセルが超簡単に作れてスワイプしたときの感動はひとしおです。 が、、、さらに一歩踏み込んだ事をやろうとするとドツボにはまります。 偽ハッカーは一歩踏み込もうとしたときに、きっと心を折られます。 でも貴方が立派なハッカーなら、突如出現した半端無く高い壁にでも立ち向かえるはずです。 ということで、これからSenchaTouchに挑む立派なハッカーのために、SenchaTouch入門用サイトをつらつら挙げていきます。 参考になれば幸いです。 SenchaTouchの感動を味わえるサンプル サンプルの動きを見るだけで、とても感動します。まさかこれがブラウザ上で動くなんて。 間違っても入門の時点で、このサンプルのソースコードを読んではいけません。棍棒で
jsonengineとExtJSはものすごく相性が良い - TsutomuUchimaの日記
jsonengineとExtJSを使えば20行位のJavaScriptコードでtreeが動的に表示出来ちゃいます。勿論サーバーサイドは何も書きません。 ExtJSについてはここを参照してください。 http://extjs.co.jp/products/js/ 私が書いたデモはここ。 http://uchjava.appspot.com/samples/extjs/samples/tree.html コードはこんな感じ Ext.onReady(function() { var treePanel = new Ext.tree.TreePanel( { dataUrl : '/_je/testTree', requestMethod: 'GET', nodeParameter: null, root: { nodeType: 'async', text : '/', id : 'xxx' }
Ext JS 4 イントロダクション – Perfect Day #003 資料
Ext JS 4 プレビューが先日リリースされました。 みなさんは、もう試しましたか？これから、Ext JS 4で開発を行うために必要な知識をご紹介します。 Ext JS 3 互換レイヤー Ext JS 4で定義されたクラスなどに対するエイリアスを設定するためのJSファイルです。 Ext JS 4の正式リリースまでに準備する予定らしいですが、既に、examples/ext3-compat.jsとして配置されています。 ただ、すべての機能が現時点で対応されているわけでは無いようです。 新たにExt JS 4で開発を行う場合は、不要でしょう。 古いコードサンプルを持ってきて動かす場合は別でしょうが、Ext JS 4のパワフルな機能を利用するには不要な作業です。 サンドボックスモード Ext JS 4では、サンドボックスモードが導入されました。 コレにより、旧バージョンのExt JSとの共存が可
Ext JS 4 実践開発ガイド 【アウトライン公開】
ども、小堤です。 最近、Ext JS 4 の解析でヘロヘロです。 そもそも、こんなでかいものを一人で解析してること自体ｒｙ 順調に（？）執筆を続け、なんとかドラフト版は、６０％位は終わったんですが、やっとこさ、大体のアウトラインが固まってきたので公開します。 章でいうと１３章まで大体書き終わっています。（ページ数で２００ページちょい） このあと、出版社いって打ち合わせ。 A4ベースで作ってるので、仮で流し込める四六判で早く見てみたいものです。 なんだか、ずーーーっと執筆してると、飽きてくるだけなくて、何かいているかわからなくなったり、本当にいるのか？ｗとか色々考えるんですが（笑） そろそろ力尽きそうなので、Perfect Dayでもなんでもいいんでｗ 僕にやる気出させてください（他力なんとかｗ 本書のターゲットは、次の人たちです。 Ext JS 3を使ってきた人 Ext JS 初心者だが、
Ext JS 4のMVC Application Architectureを試してみた - s5ot's blog
先日ついにリリースされたExt JS 4に新たに追加されたMVCアーキテクチャを試してみました。 MVC Application Architecture MVCアーキテクチャで自作したサンプル サンプル サンプルのソースコード 見よう見まねなのでいろいろとアレなところがあります。 調べたことの簡単なまとめ Ext JS 4のMVCアーキテクチャ モデル → Ext.data.Modelクラスを継承したクラス ビュー → パネル、グリッド、ツリーなどのコンポーネント コントローラー → Ext.app.Controllerクラスを継承したクラス アプリケーションのディレクトリ構造 - appname - app - controller - model - store - view - resources - css - images - ... - app.js - index.html
http://extjs.co.jp/products/core/manual/content/utility.html
ユーティリティについて ExtではJavaScriptおよびJSONを便利に利用するためのユーティリティを提供しています。 Ext.applyメソッドはあるオブジェクトリテラルの全てのプロパティを別のオブジェクトにコピーする際に利用します。第1引数はコピー先のオブジェクト、第2引数はコピー元のオブジェクトです。コピー元とコピー先に同じ名前のプロパティがある場合コピー元のプロパティの値で上書きされることに注意してください。この呼び出しの結果、コピー先のオブジェクトの中身は書き換えられます。 var person = { name: 'John Smith', age: 30 }; Ext.apply(person, { hobby: 'Coding', city: 'London' }); // オブジェクトリテラルpersonに"hobby"と"city"を追加 Ext.applyIfはE
xtypeにcontainerを指定した場合の描画速度 | Free Writing
先週、ExtJS勉強会 に行ってきました。 その中で小堤さんがパフォーマンス向上のテクニックについて 紹介されていたのでそれを試してみました。 内容は･･･ 大枠のパネルの中にカラムレイアウトなどでテキストフィールドとか フォームのアイテムのレイアウトを行う場合は、”container”を指定すると パフォーマンスが向上する という内容です。 詳しい内容については、小堤さんのブログで紹介されています。 サンプルソース Ext.onReady(function() { Ext.BLANK_IMAGE_URL = 'http://extjs.cachefly.net/ext-3.2.0/resources/images/default/s.gif'; Ext.QuickTips.init(); var start = new Date().getTime(); var form = new E
lazuli - ExtJS4 Desktop Application 実装まとめ -
はじめに リニューアルしたってことで、しょっぱな張り切ってエントリー書く。 ExtJS4でのDesktopApplicationの実装方法まとめ。 まず、作ったサンプルページの提示から。 Demo Page ExtJS4についてある程度知識のあること前提でいきます。 ExtJSなにそれ？っていう人はこことか見ると幸せになれます。Demoとか見ると楽しい。 Ext.app.Application まず、起点となるExt.app.Applicationクラスのインスタンスを作ります。 Ext.ns('Sample'); Ext.Loader.setConfig({ enabled: true, paths: { 'Ext': '/ext/src', 'Ext.ux.desktop': '/ext/examples/desktop/js', 'Sample': '/resources/js
Webアプリ、特にExtJSのパフォーマンスチューニング - 日々精進
以下のスレッド ExtJS: Performance Best Practices とか ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール 作者: Steve Souders,スティーブサウダーズ,武舎広幸,福地太郎,武舎るみ出版社/メーカー: オライリージャパン発売日: 2008/04/11メディア: 大型本購入: 32人 クリック: 676回この商品を含むブログ (126件) を見るとかをまとめました。 高速化の指標となるのはTime To Interact（TTI）。これはユーザがリンクをクリックするなどのアクションを起こしてから次にユーザが作業可能になるまでの時間。 例えば、はてなダイアリーの右上の「記事一覧」をクリックしてから記事一覧ページの上部が表示されるまでの時間とか。ページ全体や画像が読み込まれて無くても作業は開始できる場合が多い。 高速化の方針は主に以下
Ext JS4 MVCアプリケーション開発 第一回
近年のWebアプリケーションやその開発手法は、大きな過渡期にあります。Ajaxなどの技術に始まる、Javascriptの業界における再評価、再認識は、それらに大きな影響を与えています。 またスマートフォンの台頭、HTML5、CSS3の広まりも、従来のWeb開発、Web知識だけでは補えないものになってきています。 そんな時代の変化に対応すべく、様々なJavascriptライブラリが生まれました。有名なものでは、prototype.js、YUI、GWT、jQueryそしてExt JSです。 Ext JSは2012年1月現在、バージョン4がリリースされ、またスマートフォン等のコンテンツ用にSencha Touchというフレームワークも登場しています。 Ext JSはRIAに特化した開発に優れていますが、その開発手法は煩雑になりがちです。プロジェクトで何か1つ開発手法を決めておかないと、大規模な開
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://yuki.xenophy.com/?p=141