Sencha GXT 3.1 Betaの発表

こんにちは、ゼノフィnakamuraです。

この記事は、US Sencha社ブログ Announcing Sencha GXT 3.1 Beta を翻訳したものです。

はじめに

ここからもしくは、Maven Central のリポジトリからダウンロードできます。この最新のGXTのリリースには、GXTアプリケーションのテーマ設定を行うテーマビルダーツール、全体をこのツールで作成した Neptune テーマ、GWT 2.6サポート、そしてユーザーから報告された様々なバグフィックスが含まれています。GXT 3.1のGA公開の準備を整えている間にコミュニティからフィードバックを頂きたいと思っています。

GXT 3.1 テーマビルダー

テーマビルダーは簡単な設定ファイルで、GXTアプリケーションのテーマ設定するために必要な情報全てを含むjarファイルを生成するツールです。設定ファイルのフォーマットは border radius や gradient などのCSS3値が利用可能で、対応してないブラウザでもそういった外観を生成できます。この時、CSSとHTMLでできる場合は利用して、不可能な場合は必要な画像を生成して実現しています。

theme {
  name = "neptune"
  basePackage = "com.sencha.gxt.theme.neptune"
  details {
    buttonGroup {
      borderRadius = 3
      border = util.border('solid', '#dfeaf2', 3)
      headerGradient = util.solidGradientString('#dfeaf2')
      font = util.fontStyle("helvetica, arial, verdana", '13px', '#666666');
      ...
    }
    ...

GXT 3.1はJava 6のサポートを続けますが、テーマビルダー自体はJava 7が必要です。ただ、テーマビルダーが生成するコードはJava 6と互換性があります。コマンドラインツールはWindowsとOS X両方といくつかのLinuxでも動作するようにテストされています。ダウンロードzipのシェルスクリプトとバッチは大きくならないようにWindows、またはOS Xだけで動作するようになっています。スクリプトをLinuxで動作させるには、PhantomJSのコピーが必要となります。

コンフィグプロパティは350を超えており、GXTで使用可能なほとんどのウィジェットやセルにテーマ設定ができます。テキストを表示するあらゆるウィジェットは、family、size、color、weightを１つのコンフィグでセットできます。ボーダー付きのウィジェットに対して、color、widthスタイルも指定できます。ほとんどのウィジェットで、padding、spacing、background-colorが、さらにいくつかは gradient も設定できます。

Neptune テーマ

GXT 3.1 bataはTheme Builderで生成された、新しいNeptuneテーマが含まれています。Neptune はそのコンフィグファイルで完全に生成されていて、カスタムHTML、CSS、イメージ、Javaは含まれていません。

Neptune をデフォルトテーマとして使用するには、まずGXT 3.1に移動して、プロジェクトに gxt-theme-neptune.jar を追加して下さい。次の継承ステートメントもモジュールファイルに追加する必要があります：

<inherits name="com.sencha.gxt.theme.neptune.Theme">

GWT 2.6

GWT 2.6 のサポートを追加した際、GWTの2.4 と 2.5 との互換性を無効にする必要がありましたので、GXT 3.1 を利用するプロジェクトでは GWT2.6 を利用する必要があります。 GWT2.6 に移行すると、リリースノートで掲載されているように、GWT 2.5.1 と比べて様々な修正と改善があります。

ドキュメンテーション

GXT 3.1 betaのリリースでTheme Builderのような新しい機能をドキュメントに含め、既存の多くの機能についてより詳しく解説しています。

既知の問題点

テーマビルダーが生成した Neptune や他のテーマには既知の問題がいくつかあります。この問題はモダンなCSSとHTMLを扱えないブラウザ、例えばIE8と9で発生します。 TabPanel は最も明白な問題があり、下部のタブパネルにイメージが正しく整列されていません。デュアルリストフィールド、グリッド行編集、ボタングループはモダンブラウザで表示できる角丸はIE8と9では表示されません。この問題は現在対応中であり、ユーザーコミュニティに報告される問題も一般公開までに解決したいと思います。

フィードバック

GXTアプリケーションのカスタムテーマの作成は開発者にとって非常に大変な作業です。しかし、GXT 3.1のテーマビルダーとNeptune テーマの公開で、とても簡単になりました。我々はこの新しい機能にとてもワクワクしていますので、あなたの体験をぜひ聞かせてください。一般公開の前にさらに製品を改善するために、Sencha GXT 3.1 Betaフォーラムでフィードバックをお願いします。

Sencha Blog