Extjs4のコントローラがロードできない

IT

ローカルでExtjs4のMVC機能を使ったらWebページが全く表示されなくなってしまった。 Chromeのデバッグコンソールでエラーを確認しても GET file:////C:/xampp/htdocs/・・・と出ているだけでいまいちよくわからない。。調べたらExt.LoadはXHRでファイルを…

2011-09-16

Ext.Loader is not enabled

IT

The MVC Application Architecture | Learn | Senchaの例をそのまま実行するとExt.Loader is not enabledというエラーが出た。これは以下のコードをapp.jsの先頭に書くと解消できる。 Ext.onReady(function () { Ext.Loader.setConfig({enabled:true}); });

2011-09-15

MVC Architectureその４

IT

Saving data with the Model Ext.define('AM.controller.Users', { init: function() { this.control({ 'viewport > userlist': { itemdblclick: this.editUser }, 'useredit button[action=save]': { click: this.updateUser } }); }, updateUser: function…

2011-09-14

MVC Architectureその３

IT

Controlling the grid Ext.define('AM.controller.Users', { extend: 'Ext.app.Controller', views: [ 'user.List' ], init: function() { this.control({ //自分で作ったViewをクラスとして指定できるよ！ 'userlist': { itemdblclick: this.editUser } });…

2011-09-13

MVC Architectureその２

IT

Defining a View Viewを定義してみよう。 Ext.define('AM.view.user.List' ,{ extend: 'Ext.grid.Panel', alias : 'widget.userlist', title : 'All Users', //initComponentの中で初期化する。見た目を決めるパラメータの中で動的に変わらないものはここで…

2011-09-12

MVC Architectureその１

IT

公式：http://docs.sencha.com/ext-js/4-0/#!/guide/application_architecture クライアントサイドでもMVCパターンを使って保守性の高いコードを書こう！ Extjsと一般的なMVCの違いはStoreがあること。Storeはエリック・エヴァンスのドメイン駆動設計 (IT A…

2011-09-11

Class Systemその４

IT

3. Statics staticsプロパティでstaticメンバを定義できるよ。 Ext.define('Computer', { statics: { instanceCount: 0, factory: function(brand) { //staticメソッド内でのthisはクラスそのものを指すよ return new this({brand: brand}); } }, config: { …

2011-09-10

Class Systemその３

IT

2. Configuration クラスには特殊なconfigプロパティを定義できる。configは以下の特徴を持つ。・他のクラスから参照出来ない・Getter,Setterメソッドが自動的に定義される・applyメソッドが各config毎に自動的に定義される。このapplyメソッドはSetterメ…

2011-09-09

Class Systemその２

IT

III. Hands-on var MyWindow = Ext.extend(Object, { ... }); ↑はネームスペースを汚すので良くない。 My.cool.Window = Ext.extend(Ext.Window, { ... }); ↑ならOK。でもMy.coolにオブジェクトを代入しておかないといけない。 Ext.ns('My.cool'); My.cool.W…

2011-09-08

Class Systemその1

IT

公式：http://www.sencha.com/learn/the-class-system/ Extjs4のクラスシステムはVer.3からだいぶ変わったからちゃんと確認した方がいいよ。 I. Overview JSのコードは柔軟性が高いがゆえに読みづらい。保守性が落ちる。 Extjs4にはクラスベースのOOPのいい…

2011-09-07

Getting Started with Ext JS 4.0その2

IT

3. Deployment Sencha SDK Toolsは静的コード解析をしてファイル間の依存関係をドキュメントにしてくれる。さらにExtjsのうち使っているファイルだけを取り出して結合してくれる。以下のコマンドを打つとJSBuilder file format形式で依存関係を書き出してく…

2011-09-06

Getting Started with Ext JS 4.0その１

IT

最近Javascriptにはまってます。最近Ext Js 4というライブラリを触ってみたところなかなか良さそうだったのでまずは公式ドキュメントを読んで勉強していきたいと思います。公式：http://www.sencha.com/learn/extjs/?4x Getting Started with Ext JS 4.0を…

2011-02-27

SRM443 Div2 Mid

IT TopCoder

方針これは自力で解けたので嬉しかったです。コードはスマートではありませんが。。出発点・到着点を含む円を半径の昇順でソートしたのですが、この処理はいらなかったですね。出発点から到着点まで移動する間にまたぐ境界の数は各点のどちらかだけ含む円…

2011-02-26

SRM436 Div2 Easy

IT TopCoder

方針直接の友達の数＋直接の友達でない人の中で友達に自分がいる人の数を数えればOKというのに気付けませんでした。友達の友達をすべて洗い出そうとしたのがよくなかったですね。それだと重複を除くのが大変です。ソースコード using System; using Syst…

2011-02-25

SRM363 Div2 Mid

IT TopCoder

方針 DPで各マスに到達できる場合の数を数えていけばいいのですが、まだDPで解けばいいということに気付けません。。この問題の答えはカタラン数になるそうです。ソースコード using System; using System.Collections.Generic; using System.Text; public…

2011-02-24

2003 TCCC Online Round 4 Easy

IT TopCoder

方針 DPで各マスに到達できる場合の数を数えていけばいいのですが、まだDPで解けばいいということに気付けません。。ソースコード私は盤面を再利用しましたが、三次元配列を使って履歴も保持した方がシンプルで不具合が出にくいかもしれませんね。 using S…

2011-02-23

TCCC　2004 Round4　Easy

IT TopCoder

ソースコード DPの漸化式の立て方を間違えました。最初は dp[i] = Math.Max(dp[i - 1], dp[i - 2] + donations[i]); だと思ったんですが、２つ飛ばしても最大になる場合があるのでこれではだめですね。最後の家から寄付をもらうケースをどう扱うかについて…

2011-02-22

SRM428 Div2 Easy　解法2

IT TopCoder

方針元の文字列と、文字列を反転させたものを重ね合わせ、1文字ずつずらしていき一致したところまでずらした数＋nが答えとなります。こっちの方が簡単に実装できますね。ソースコード >|cs| using System; using System.Collections.Generic; using Syste…

2011-02-21

SRM428 Div2 Easy

IT TopCoder

問題の分析与えられた文字列の後ろに文字列を追加して回文を作ります。作成できる最短の回文の長さを求めなさい。方針a 回文となっているかどうかを調べる範囲を正しくコーディングするのに手間取りました。ソースコード using System; using System.Col…

2011-02-20

SRM488 Div2 Easy

IT TopCoder

問題の分析 n+m人の友人がいます。最初のn人は退屈しています。残りのm人はそうではありません。 j番目とb番目の友人を退屈させた場合、退屈している人の数を求めなさい。方針本当にやるだけの問題なので言うことがありません。ソースコード using System…

2011-02-19

SRM489 Div2 Medium

IT TopCoder

問題の分析 int型配列rosesとliliesでroseとlilyの数がそれぞれ与えられます。同じインデックスのroseとlilyはセットになっています。各セットのうちいくつかを購入してroseとlilyを矩形に並べます。ただし、同じ種類の花が隣り合ってはいけません。矩形…

2011-02-18

SRM489 Div2 Easy

IT TopCoder

問題の分析与えられた文字列の配列から、与えられた各文字列prefix（前方一致）, suffix（後方一致）, substring（部分一致）にマッチする文字列の数を求めなさい。方針前方一致、後方一致はStartsWith, EndsWithメソッドを使えば判定できます。部分一致…

2011-02-17

SRM490 Div2 Easy

IT TopCoder

問題の分析 "HH:MM"形式で時刻を表す文字列の配列が与えられる。"AA:BB", "AB:AB", "AB:BA"のようになっている文字列の数を求めなさい。方針ただ条件に合う文字列を数えるだけです。ソースコード >cs| using System; using System.Collections.Generic; u…