Home

code:x

FireBugの便利な機能

  • 2008-12-30 (火)
  • Ext

朝だ、朝だ、晦日なのに朝だ、小堤です。

ExtJSだけでなく、JavaScriptでの開発にはFireBug欠かせませんね。

しかし、Console API、console.logとかconsole.debug以外使っていますか?

先日、ExtJSの勉強会でconsole.dirについてちょこっと終わった後にデモったんですが、好評でしたので、追記ってことで。

console.dirは、オブジェクトをDOMタブで表示しているように、ツリー上に一気に表示してくれます。
データの確認時、深いオブジェクトをいちいちクリックしないで、まとめて表示できるってわけですわ。

んで、今日は、3つほど。

  • グループにまとめて表示
  • 実行時間を計測する
  • プロファイルを生成する

を紹介します。

グループにまとめて表示

console.group( ’グループ名’ );

~FireBugのConsoleAPIを実行~

console.groupEnd();

groupからgroupEndまでに出力されるConsoleAPIの出力を、グループ化して表示してくれます。

折りたたみできるので、いろんなところにConsoleAPIを埋め込む時にいいのかも。

実行時間を計測する

こっから、ここまで何msで動いているんだろう?と思ったことありますよね?自前で計測したり・・・。

console.time( ’keisoku1′ );

console.timeEnd( ’keisoku1′ );

timeとtimeEndの間の処理の時間をコンソールに表示してくれます。

プロファイルを生成する

まぁ・・timeとにたようなものですが。

console.profile( ’pro1′ );

~いろんなJavaScriptの処理~

console.profileEnd();

間の処理のプロファイルを生成してくれて、どこにどれくらいの時間がかかっているか?などを一括でみることができます。

FireBugはこれ以外にもコマンドラインAPIがあり、ページに対してコマンドラインからJSコードを流し込むことで、いろいろ確認ができます。

そこらへんは、まだこんど。

要するにconsole.logみたく、ただオブジェクト確認だけじゃないぞーってことです。

意外と忘れがちなので、メモ。

ブログを書くならBlogWrite

ExtJS + FireBugでconsole is undefinedを回避する

  • 2008-12-24 (水)
  • Ext

ども、小堤です、メリクリですな。

さて、ExtJSで開発をしていてFireBugは、もはや必須ツールです。

しかし、console is undefined なんて表示されて、なんどか再表示していたら出た!なんてこと経験ありませんか?環境によって出たりでなかったり・・。

これを回避する手っ取り早い方法をメモっておきます。

console.log();
Ext.onReady(function(){
・・・・

つまり、Ext.onReadyの前に、からのconsole.log()を一発呼んであげれば、回避できます。

そんだけ。

いや、ExtJSで開発というよりも、コンポーネント開発やレイアウト開発時に発生しがちだと思う。>console is undefined

ブログを書くならBlogWrite

Ext JS 3.0の新機能

  • 2008-12-22 (月)
  • Ext

ども、すげー久しぶりな気がします、小堤です。

いや、マジで忙しいんです。

さて、Ext JSの有料トレーニングのサポートに先日行ってきました。いやいや、2日間というのは、なんだかんだ疲れますね(笑)

で、いろいろとExtJSの中身をみていて、Ext JS 3.0のソースコードをちらちら見ています。
(ライセンスとサポート買えば、最新のExtJS3.0のソースみれますよぉ)

でですね、たまにはブログかこうというだけで何ですが、ちょっとだけ紹介。

ツールバーの拡張

Office2007のようなリボンコントロールを実装するためでしょうか?(笑)

それっぽいことができる様になっています。

動作サンプル

あと、ウィンドウやパネルのサイズが足りなかったときに、ボタンで残りを表示することができるような機能も追加されています。

動作サンプル2

ボタンの拡張

で、上記にもでてきたボタンですが

動作サンプル

とまぁ・・・いろいろできる様になっています。

なので、ExtJS2.xでは、ボタンアイコンが、かけたりした問題も解決しそうですね。

でかいボタンも作れます。

 

あと、ちょっとサンプルはないのですが、レイアウトが追加されています。

その名も「BoxLayout」。ん~ほしかった。ってか、作ろうと思った矢先(笑)

なんか、ソースをみていると、プレインプリメントとしてExtJS2.2で動作させるようにすることができそうな予感。

なんだかんだ、ExtJS 3.0のリリースは来年の2月以降になりそうな気配だし・・・かといって、毎回ビルドして最新版ひっぱってくるかぁ?!

悩ましい・・・。

 

ブログを書くならBlogWrite

ExtJapan Weekly Workshop 開催のお知らせ

ども、小堤です。

いつにやることになりました。

extwslogo2.jpg

毎週、木曜日、株式会社ゼノフィで行います。

http://groups.google.co.jp/group/extjs-workshop

にグループ作っておきましたので、参加できないかたも、何かしらそこで情報共有できればと思います。

まぁ・・・・ExtJapanがフォーラム対応したら、そっちにスレッド作る予定ですが。

第1回に関しては、下記のことをやろうかなぁと思っています。

  1. 勉強会資料先出し確認(笑)
    1. Ext.TaskMgrクラス
    2. Ext.DomHelperクラス
  2. フリースタイルディスカッション&開発

まぁ飲み物とか食べ物とか、自分でどうぞてきな感じですが、みんなで集まって何かしら輪が広がればいいなぁと思っております。

参加受付とかについては、グループのほうに記載してあるので確認してください。

ブログを書くならBlogWrite

第六回勉強会

  • 2008-11-27 (木)
  • Ext

ども、小堤です。

最近ブログ書く気が失せる・・。休んでないからだ!

まぁいいとして。

お疲れ様でした。

ExtJSのサイトにも載ると思いますが。使った資料です。

http://code.xenophy.com/wp-content/static/ExtJS/DragAndDrop/

一応、いったんで載せときます。

 

さて、おまけにExtJS LLCの名刺ゲットしました。

その場にいた数名の方にはお渡ししましたが、そのうち

http://www.extjs.co.jp/company/

にものるはず。

 

なんだかじわじわ進んできています。

勉強会の中でお話したワークショップ(あつまってわいわい開発しよう会)は、正式にはExtJSの方に載ると思いますが、12月3日か4日あたりかな?と思っています。

場所は、株式会社ゼノフィ会議室です。

まぁとりあえずやってみるべー的なのりではじめようかと。

さて、ExtJSの作業がまだのこってる・・・・ああ、そうそう。

FireBugの使い方そのうちだしますかね?フロリダいったときに聞いたのをちょっと披露したら興味ある人が結構いたので、ブログにかきかきしますかなぁ・・・・元気があれば。

 

ブログを書くならBlogWrite

札幌からかえってきたどー。

ってことで、お久しぶりです。

こつつみんです。さてさて、札幌から帰ってきました。

ってか、日曜日から札幌いってました。

特に写真もありません(笑)地元なのもあるし・・・。いや、ザクティ買ったんですわ。

持って行ったんですわ。でも何もとらなかった・・・orz

そうそう、10年ぶりに平岸駅の迎えにある、たこやきやいきました。

大学生の時によく買いに行ったものですが、久々にくってもすげーうまいの。でも、札幌の店じゃないの(笑

次は30日に札幌INします!それまでに作るものがいっぱい。

がんばれ、俺。

ブログを書くならBlogWrite

無事、日本に帰ってきた。

ども、コツツミです。

さて、昨日無事日本に帰ってきました。

いやいや、いろいろありましたが楽しかったですよ。

授業をしてくれた、ExtJSのアーロンからTシャツをもらいました!

NEC_0128.JPG

えへっ。

これからたまっている仕事をかりかり終わらせていくばかりです・・・。

今月の勉強会までに、何か重大発表があるかもね~(笑

ブログを書くならBlogWrite

休日なので冒険してみた!

はいはい、小堤です。

今日は休みというか、何もすることがない日なので、せっかくだから堪能しようとおもって、近くのショッピングモールいってきました。一人で。

その前に、朝から晴れていたのでホテルを激写。

NEC_0043.JPGNEC_0042.JPGNEC_0040.JPGNEC_0044.JPG

んー昨日は夜に着いたので、初めてまともにみました(笑

さて、んでモールにいってきたんですが、シャトルバスに乗るのもしゃくなので、歩いていってやりました!!

NEC_0046.JPGNEC_0047.JPGNEC_0048.JPGNEC_0049.JPG

NEC_0050.JPG

ってことで何となく移動した感じが写真ででたでしょうか?(ぉ 最後がモールに着いたときのやつです。

でモールの中はというと。

NEC_0051.JPG

な感じ。

長くなりそうだから、CONTINUEに(追記に)続きかきまぁ・・。

ブログを書くならBlogWrite

Continue reading

レセプションパーティ

ってことで、こつつみんです。

いやいや、昨夜はレセプションパーティ楽しく過ごさせてもらいました。

当たり前ですが、ほぼ英語の飲み会って・・・ある意味人生初じゃないだろうか(笑

ExtJSの開発者であるジャックと写真撮ってみマスタ-。お互いよっぱらげててよくわかんない状態でとりましたが(苦笑

NEC_0037.JPG

んで、近くのバーでパーティやったんですが、そこのトイレに行くと、必ずというかずーっと人がいるんですね・・・。いや、なんか掃除でもしているのかなぁ・・・と思ってたら、トイレ幾たびに、まず済ませたあとに、洗面台の水はだしてくれる。そして、洗ってるところに液体石けんを投入してくれる。そして、洗い終わったときにペーパーまで出してくれる。

んだぁ?!と思ってたらサービスなんですねぇ・・・チップはらいましたよ。1ドル。

すげぇ~なぁと思いました。おもわずこっちからチップだしました。サービスってこういうことなんだぁ・・・と勉強させられました。

なんで!記念にいまいとらせてもらいました(笑

NEC_0038.JPG

名前はわかんないです(笑 でもすごいいい人。

ってことで、レセプションパーティは堪能しましたとさ。

ブログを書くならBlogWrite

ホテル着

いまさっき、無事にフロリダ州タンパのホテルに着きました。

ん~いろいろあったなぁ(笑

特にがちで外人とやりとりをワシントンDCで繰り広げ(ぉ なんとか無事にタンパにつきました。

NEC_0033.JPGNEC_0034.JPGNEC_0035.JPGNEC_0036.JPG

ExtJapanLLCの方たちとも合流しましたし。

これからレセプションパーティがあるらしいので、風呂(シャワーしかね-)にはいったんで、準備していってきます!

ブログを書くならBlogWrite

Home

Search
Feeds
Meta
Affiliate

Page Top