ITコンサルの日常

ITコンサル会社に勤務する普通のITエンジニアの日常です。

Ext JS/Sencha Touch勉強会@11月行ってきた。

気になったところをつらつらメモ。

SASS/Compass入門(@ispernさん)

SASSとCompass

SASSは、CSSを生成するためのメタ言語。1ファイルのみ扱う想定。
Compassは、SASSに加えてディレクトリごと扱えるような環境を提供している。
いずれも、gemになっているので、コンパイル(scssファイルからCSSファイルへの変換)にはrubyが必要。

Sencha TouchはCompassを使っている。

デフォルトで青色ベースになっているのは、変数で切り出されているため。
そこを変えればUIを変えることができる。

SASSの特徴
  • 変数が使える
  • 親子関係をネストで書ける(CSSではフラットにしか書けない)
  • セレクタは&で書ける
    • .font{ size: …, family: …}
    • font-size: …, font-family: …
  • データ型(string/color/number/boolean)
    • 計算式も可能
  • 制御文
  • セレクタの継承
  • サーバサイドインポート
  • Mixins(関数みたいなもの?)
  • Functions

参考URL: http://sass-lang.com

Compass

(@naotoriさんより追加)
compass watchがうまく動かないときは、
compass watch --poll
とやると、うまくいくらしい。(監視エラーの回避?)

参考URL: http://compass-style.org/

ライブコーディング

緑色のKitchen Sinkすげえ!

SalesforceTwitterマッシュアップ(MashMatrix 西林さん @hagino3000

Salesforce Chatter

→社内Twitterツール
商談や取引先といったオブジェクトがそれぞれのフィールドを持つ。
CRMと紐付けて情報を扱える。
デフォルトでは使いづらい。
IE6はChatterを使えない。逆にスマートフォン(iPhone/iPadはOK)

Salesforce for Twitter

Salesforce標準で提供されているTwitterとの連携機能。
リアルタイム性は低い。
クロールしてなにかするためのツール。
気をつけないと垢Banされることも。。
(参考) Salesforce for Twitter って何ができるのサ:プロジェクトマネジメント10.0:ITmedia オルタナティブ・ブログ

Chattingboard

Chatterと別のソーシャルメディア(Twitterとか)を組み合わせられる。
(製品ページ) mashmatrix Chattingboard - 株式会社マッシュマトリックス
社内情報(Chatter)と、社外情報(Twitter)を、組み合わせてみられるっていうのが便利そうですね。

Twitterの不便なところ、バグなどつらつらと。。

Sencha Conference 2010 報告(@naotoriさん)

対象OS

WebKitを搭載している、Blackberry/WebOSはサポート対象予定。
Windows Phone 7はサポート対象外。

JSBuilder3を使って圧縮する

ファイルが1つなら良いというわけではない。
JITコンパイルの速度に影響?
パフォーマンステストして決めるべき。

Ext JS4
  • Layoutsのパフォーマンス改善
  • SVG/Canvas/VML(IE) Chart
  • SASS/Compass(Theme)
  • MVC
  • 標準オブジェクトの拡張の廃止
Sencha Command → 近日リリース予定

./sencha generate app Myapp ./myapp
まるでrails

その他もろもろ
個人的に押さえておきたいのは、、
  • JSBuilder
  • SASS/Compass
  • Jasmine(Testing Framework?)
  • MVC/Sencha Command

ですが、
MVC/Sencha Commandはまだまだ情報が限定的ですねー。
twitter/kivaサンプルを読み込めよって話もあるんですけども。。