スタッフブログ株式会社クオリアシステムズ　スタッフによるブログ

Ext.JSでグルーピング表示のサンプルがあったので、使ってみました。以下Ext.JSのサンプルページ

http://extjs.com/deploy/dev/examples/grid/grouping.html

集計もやってみましたが、集計はまだExt｡JSには実装されていないようで、サンプルページのJavascriptからいただいて実装していますが、割愛させていただきます。

ソース中に静的に書かれたデータをds（以降、データストア）に読み込み、GroupingViewで表示するサンプルでしたが、このデータをAjaxで取得して動的に更新できないものかやってみました。

まず、AjaxでJSON形式のデータを取得するので、dsにJsonStoreを使おうとしましたが、できませんでした。

そもそも、グルーピングの基本は、dsにGroupingStore（Ext.data.GroupingStore）を使わなければなりませんでした。以下サンプルです。

補足：指定期間のデータを取得してきて、「division」フィールドでグルーピングします。sort情報（sortInfo）という項目ですが、必須のようです。なので、データにtypeがあり、そのtypeで昇順にソートを指定してます。listenersのbeforeloadでds.load()される前に、textFiled(monthDate)の値を取得してセットしています。

ds = new Ext.data.GroupingStore({
                                proxy    : new Ext.data.HttpProxy({
                                    url        :     '/ajax.php', // ajaxでjsonを返却するもの指定
                                    method    :    'POST'
                                }),
                                baseParams : {
                                        dateFrom            : '20080406',
                                        dateTo                : '20080412'
                                },

                                reader    : new Ext.data.JsonReader({
                                    root : 'results',　　// JSONのrootタグをresultsとしてます。
                                    totalProperty : ''
                                },  rec　　//rec は別途Ext.data.Record.createで作ったレコードの型
                                ),
                                groupField    : 'division', // divisionでグループ化
                                sortInfo    : {field:"type",direction:"ASC"},
                                listeners:    {
                                    'beforeload'    :     function(){
                                                            var month = Ext.get('monthDate').getValue();
                                                            if(month != ""){
                                                                this.baseParams.dateFrom     =month;
                                                            }
                                                        }
                                    }

 あとは、dsをExt.grid.GridPanelのstoreで指定します。

次にExt.grid.GridPanelのview部分ですが、
view : new Ext.grid.GroupingView({
  hideGroupedColumn : true
})
で、グループ化したフィールドを非表示にできます。そのあたりは、サンプルにもあるので、割愛します。

 データストア（ds）という、データが保存されている場所とそれらを表示するGridなどのビューの部分の関係がすこしばかりわかったきがしました。

以前CAPTCHAという

こんなやつを設置しましたが、上記みてもわかるように、文字がよくわかりません。

コンピュータに識別できなくするのが目的なのに、人間でもわかりにくくなってるような気がします

そこでなんとかわかりやすくできないかなと思い、サポートに問い合わせたところ、Captchaの画像をカスタマイズする機能はMTに備えておりません。とのことでした。

だけど、ね、自分でも他の人のMTのコメントしようとしたとき、上記文字の入力ミスが多くて、困ってますので少しだけカスタマイズできたので報告します。

MTインストールディレクトリのmt-static/images/captcha-sourceここに

background1.png～background5.pngのファイルがあります。

この画像を編集し少々明るくしてみました。

それだけです。すると

こんな感じになりました。どうでしょう。すこしは読めるようになりましたでしょうか。

また、そのディレクトリ内を見たときにわかったのですが、表示される文字の画像がすべて入っていました。
ということは、それらの文字ももうすこしわかりやすい文字フォントで置き換えればよいのかなと思ったりしてますが、そちらはまだやってません。

またディレクトリ内を見てみると数字の「１」の画像がありません。ずっとわかりづらかった「１」（イチ）と「「l」（小文字エル）。1が存在しないことがわかりました。ちなみに、「o」（小文字オー）はありましたが、「0」（ゼロ）もありませんでした。

Ext.JSを使っていて、まだまだわからないことばかりです。その度にweb検索をしていますが、なかなか良いサイトがみつかりません。

そこでいくつか参考になったサイトをまとめておこうとおもいます。

Ext.JS 参考サイト

※随時更新していきます（たぶん）

ビル・ゲイツ氏の著書『THE ROAD AHEAD』に、「成功した企業がイノベーションに失敗しがちなのは（中略）自分たちの現在のビジネスに固執しすぎていると、新生面を開くことに力を集中できなくなってしまうからだ」と書いてあるそうです。（日経コンピュータより）

その本、読んでません(^^ゞ

しかし、面白いことに、その本は１３年前の本でして、実際にそうなっている自分というか、Microsoftがいるわけで、自分で書いたことを証明しているようです。

今月末でパートタイム社員となるらしいビルゲイツさんですが、まあ、Windowsでイノベーションを起こし、さらに、Windowsを超えるイノベーションを、というのは、期待しすぎでしょう。

イノベーションを起こすということは、現状に不満を持ってこそ生まれるもの。自分の作ってきたものを自分で不満をもつってことになるわけですから、なんだか矛盾しているというか、おかしな話ですからね。

電車内で、チャラ男系の人が、
電話してました。

社内で電話すんなよ的な目で見ていたのですが、

突然チャラ男が電話先の誰かとしゃべってたかと思うと
ケータイを振りはじめました。
小刻みに数回。

いやぁ、
何年ぶりでしょうか。

ケータイを振って電波状況をよくしようとする行動。

10年位前、ケータイを初めて持ったときは、
振ったらよくなるんじゃないか的な発想があり、
よく電波がよくなるようにケータイを振ってるひとをみたものです。

いまは、振らなくても良くなったというか、
振るという行為が電波状況が良くなる
ということとまったく関係ないことが理解されたか、
振る人がいなくなってました。

いやぁ、なつかしい。

しかしね、最近のDoCoMoのFOMAなんか、
ケータイの傾きを検知できるようになって、
（いわゆるwiiのリモコンのようになって）
この「振る」という行為が
うまく使えないかなと。

振ることで電波状況が改善できるような機能がついたら
面白いのかなと。

ケータイを持ったとき、

ケータイを振る＝電波状況が良くなる

という方程式が成り立っていたわけで、
これって、ユーザが直感的に感じて行った行動なわけです。

携帯を振ることで
電波状況がよくなる機能をつけたとしたら、
まさに、ユーザビリティに優れたインタフェースの出来上がりですよ。

直感で操作できるわけですからね。
どうでしょう。ケータイメーカさんたち。このアイデア。