Ext JS に関しては,新しい記事は Sunvisor Lab. ExtJS 別館 にあります。そちらもよろしくお願いいたします。
最近の記事
Ext.Direct と xFrameworkPX のコラボ
投稿者:sunvisor 投稿日時:2010/09/30(木) 09:24さて,Ext.Direct を xFrameworkPX で使うというところにやっとたどりついた。
前回の資料で
- xFrameworkPXにはxFrameworkPX_Controller_ExtDirectクラスが存在する。
- モジュールを作成して、コントローラーに登録するだけでモジュール名でJS側からアクセスできる。
- サーバーサイドのやりとり(api.phpとかrouter.phpの部分)は、ちゃんとオリジナルで実装して動作確認済。
- MVCのModel部分をExt側から透過的に利用できるため、開発が高速。
というのがありました。xFrameworkPX_Controller_ExtDirect を継承したコントローラーを使うと,「モジュール名でアクセスできる」ってことですね。モジュールに必要なメソッドを書いてやれば,それをExt.Directで使えるという訳です。ぐっとハードルが低くなります。
Ext.Direct の勉強
投稿者:sunvisor 投稿日時:2010/09/29(水) 15:07参考サイト
参考サイトは,株式会社ゼノフィの小堤一弘さんの発表資料です。そちらににサンプルのありかが書いてあったのでダウンロードしてみました。
http://extdirect.xenophy.net/directsample.zip
動かしてみると,TreePanelと連携,GridPanelとの連携,FormPanelとの連携。どれもちゃんと動作しました。これから,サンプルの内容を見て,自分でExt Directが使えるようになりましょう。(でも,実際にはたぶんサーバーサイドはxFrameworkPXを使うことになるとは思います)
基本的なRPCの使い方の節
APIの設定
APIというのがようわからんかったのですが....
xFrameworkPXを使って見る(3) モジュールの機能
投稿者:sunvisor 投稿日時:2010/09/28(火) 17:11前稿で,モジュールの$this->insert() メソッドについてちらと書いたが,あれはLiveRecordの機能だった。LiveRecordはモジュールのビルトインビヘイビアで,通常のRDBMSに対する様々な処理が実装されているんですね。
xFrameworkPXを使って見る(2) データベース操作
投稿者:sunvisor 投稿日時:2010/09/28(火) 15:52引き続き 「データベースの基本的な操作」のチュートリアルを順番にやってみます。
xFrameworkPX を使ってみる
投稿者:sunvisor 投稿日時:2010/09/28(火) 12:55ExtJSの勉強を始めるに当たり,サーバーサイドは,CakePHPでやろうと思っていたが,xFrameworkPX という和製フレームワークを知り,こちらを勉強してみることにした。勉強初日のメモ
04. パネルの中身をセットする
投稿者:sunvisor 投稿日時:2010/09/23(木) 14:22パネルの内容を動的にセットするには,Ext.Templateを使うのがExtJS流みたいです。
参考サイト
テンプレートとなるhtml文をセットしてテンプレートオブジェクトを生成。そのhtmlは,ページ中の要素からも取り出せるし,文字列で与えても良い。
03. Ext Designer で作成されるファイル
投稿者:sunvisor 投稿日時:2010/09/22(水) 15:43Ext Designer で作成されるファイル
Ext Designerで,画面上にいろいろ配置してプロジェクトを保存した後に,「Export Project」を実行するとソースファイルが生成されます。ファイルは,トップレベルのコンポーネントごとにhogehoge.jsというファイルとhogehoge.ui.jsという二つのファイルというようになります。
またデータストアの場合はもデータストアごとに一つのファイルができます。
そのほかに,
02.ExtJSの開発環境
投稿者:sunvisor 投稿日時:2010/09/10(金) 16:36http://www.sencha.com/http://www.sencha.com/
Spketの導入
Javascriptの開発環境はspketがいいと聞いた。それを信じてspket導入する。
導入方法は「Javascript向けIDE「Spket IDE」の導入」を参照した。
この記事のとおり,spketのexe版を導入してみた。あとでpleiadesを入れて日本語化もでき,とても簡単に導入できた。
ExtJSでのコード補完の設定もしておく。参考にしたのは「Eclipse + Spket + ExtJS でコード補完をしてみる」。でもExtJSのバージョンがちょっと違うみたい。3.1.1の場合は,おそよ次のとおりの手順かな?
01.ExtJS基本/設置
投稿者:sunvisor 投稿日時:2010/09/10(金) 15:10配置
extjsのライブラリをサーバーに配置。ここではルート直下のjsというフォルダにextというフォルダを作り,そこに必要なものを配置してみる。
ExtJS入門1 開発環境を整える | ExtJSで楽しくRIA業務アプリ開発
によると,docsとexamplesはいらないとのことなので,それを抜いて配置する。
書籍「ExtJS入門」では,ext-all.jsとext-base.jsそれとresoucesディレクトリがあればいいと書いてあるが,これはたぶんV2.1の場合でしょう。3.0以降だと,少なくともpkgsディレクトリは必要だと思う。
テンプレート?
ExtJSを利用するhtmlファイルのテンプレートを作っておくと便利かな。
設定系スクリプト実行時にUACに邪魔されるのを回避する
投稿者:sunvisor 投稿日時:2010/09/09(木) 09:36VBSで設定系のスクリプトをWindows 7などで実行すると,UACにひっかかって Access Denied あたりのエラーがでちゃってうまく動作しません。
これを回避する方法をいろいろ調べたのですが。次のサイトなどにあった情報で解決できました。
Windows VistaでのWSH(VBScript)の管理者権限への昇格方法
これらのサイトで採用している方法は,OSのバージョンなどを調べUACにじゃまされそうだったら,Shell.ApplicationのShellExecuteメソッドで自分自信をrunasオプションをつけて呼び出す。というコードを,スクリプトの先頭に書くという方法です。
Shell.Executeの第4引数に"runas"を渡すと,「管理者として実行」したのと同じことになるみたいです。
ExtJSでのイベント処理など
投稿者:sunvisor 投稿日時:2010/06/02(水) 13:59ExtJSのコードを,Ext Designerではき出した後,コンポーネントからのイベントを処理する部分を書かなければなりませんが,はき出されたコードに書き加えていたら,画面デザインの変更のたびに面倒なことになります。
ですから,当然,イベント処理は別ファイルでやることになるんだと思います。デザイン定義部分とは別の場所でイベントを低位議するにはどうしたらよいのでしょうか。
ExtJSとCakePHPデータやりとり
投稿者:sunvisor 投稿日時:2010/05/29(土) 17:35CakePHPでのURLは,
site.com/コントローラー名/アクション名/パラメータ1/パラメータ2
という形式だから,
ExtJSからデータが欲しいときは,この形式でリクエストする。
それに対して,JSON形式でデータを返すViewでも作れば,CakePHPとExtJSの間でデータのやりとりができそう。
必要なパラメータと一緒にAjax.requestでリクエストする。
ExtJSでは,データストアのHttpProxyでURLを指定してやるとよいらしい。データストアは,ADOでいうDataSetみたいなものか。
cakePHP+ajaxでjsonを扱う - 憂鬱なプログラマの形而上学
CakePHPからJSONやXMLを返す方法は,Webserviceコンポーネントを入れるととても簡単らしい。
ExtJSのリンク集
投稿者:sunvisor 投稿日時:2010/05/28(金) 08:33Ext Japan
- Ext Japan - Ext JS / Ext GWTのライセンス・サポート・研修・コンサルティング
- 日本語フォーラムExt International
- Ext 3.0 - API Documentation 日本語版
ExtJSで楽しくRIA業務アプリ開発 (株式会社sus4)
SyntaxHighlighterのインストールメモ
投稿者:sunvisor 投稿日時:2010/05/27(木) 16:34- DrupalのSyntaxHighlighterモジュールをインストールします。
- SyntaxHighlighterの本体をダウンロードします。
- http://alexgorbatchev.com/wiki/SyntaxHighlighter
- /sites/all の下に libraries/js/syntaxhighlighter ディレクトリを作成します。
- そこに,SyntaxHighlighterを解凍します。
- Drupalの管理セクション > モジュール でSyntaxHighlighterを有効にします。
- 管理セクションのSyntaxHighlighterのオプションを設定します。
あとは,preタグに class="brush: js"のように指定すれば,そこにSyntaxHighlighterが効きます。
職場のサイボウズの予定をiPodで持ち歩く
投稿者:sunvisor 投稿日時:2010/05/09(日) 11:47職場のサイボウズOfficeのスケジュールをiPod touchにシンクさせて使いたいと思いまして,いろいろとやった結果を記録しておきます。iPod touchにスケジュールを同期させるために間にGoogleカレンダーを挟みます。
Step One: サイボウズとGoogleの連携
サイボウズofffice8と同期するツール暫定版|名古屋ではたらく社長blogだもんで
これはすばらしい。このスクリプトを自分のサイトにセットして,Googleカレンダーで「他のカレンダー」として追加してやります。やり方は次の通り。
Pocket wifi と iPod touch
投稿者:sunvisor 投稿日時:2010/05/08(土) 14:10先日,iPod touchを購入しました。イーモバイルのPocket wifiと組み合わせて買いました。
そうです,「疑似iPhone」です。
うちの携帯電話のキャリアはauなので,SBMのiPhoneを追加で買う勇気はありませんでした。通信費がコワくて。というわけで,iPod touchとイーモバイルの組み合わせとなったわけです。
自宅では無線LAN環境があるので通信料はいりません。出先では小さなPocket Wifiを持っていれば,通信ができます。これはなかなか便利です。最近ハマっているTwitterにぴったり。
ただ,やっぱりGPSとカメラがないのがアレです。アプリでその機能が必須なものは使えません。AppleによるとiPod touchは,iPhoneの代替品じゃないらしいのでしょうがないのでしょうか。iPhoneってSBMとの契約を切ってもその他の機能は使えるのでしょうか。白ロムだとiTunesと同期できないような話も聞くのですが。
iPhoneのSIMにイーモバのSIMを差して使えたら最高なんだけどなぁ。
ちなみに自宅でPocketWifiのスピードテストしたら,下り236Kしか出ませんでした。(´・ω・`)
Server 2008 でwpadが参照できない
投稿者:sunvisor 投稿日時:2010/04/30(金) 11:37別エントリで,wpadに関するネタを書きました。
ドメインコントローラーをWindows Server 2003から2008 R2にリプレイスしました。そうしたら,「設定を自動的に検出する」と設定している多くのPCでインターネットに接続できないトラブルが発生しました。なぜこんなことが起きたのか調べてみると...
プロキシ設定をクリアするスクリプト
投稿者:sunvisor 投稿日時:2010/04/28(水) 16:17私の職場ではインターネットへ出るのにProxyサーバーを使用しなければ出ることはできません。しかしイントラにあるサーバーについては,当然ながらプロキシなしで接続する必要があります。そういう時には,自動構成スクリプトを作って,ブラウザはそれを解釈してネット接続するようにします。
そしてそれをさらに簡単にするためには,wpadというサーバーにwpad.datという名前で自動構成スクリプトを置けば,「設定を自動的に検出する」にチェックを入れるだけで,自動構成スクリプトを読み込んでくれるようになります。
フェッチイミが公開中止?
投稿者:sunvisor 投稿日時:2010/02/27(土) 08:40Firefoxアドオンのフェッチイミが公開中止になっています。めっちゃ便利だったのに。
ついこないだまで公開されていたのに。なにかあったのでしょうか。利用している辞書のアルクからクレームでも...
DoEventsをうまく使う
投稿者:sunvisor 投稿日時:2010/02/24(水) 16:41AccessのVBAで時間のかかる処理をすると,画面が更新されなかったり,Windowsから(応答なし)扱いされたりします。それをさけるためには,DoEventsを呼び出すのですが,なにも考えずに呼び出すとパフォーマンスが大幅に低下します。これをなんとかしようという試みです。