Home. 
.

transparent

transparent

transparent

スタイルシート デザイナー

Altova StyleVision® 2012 はグラフィカルなスタイルシートデザイナーで、XML、XBRL、データベースコンテンツを HTML、RTF、PDF、Word 2007+ (OOXML)、または Authentic® 電子フォームへ変換します。

StyleVision でのスタイルシートのデザイン操作は、ドラッグアンドドロップによる非常に直感的かつフレキシブルなものです。データソースからコンポーネントを選択し、デザインペインにドラッグした後、ユーザーフレンドリーな入力ヘルパーウィンドウを使って、外観やレイアウトプロパティを指定します。まずは全体にわたるデザインを作成し、その後 -通常のデスクトップ・パブリッシングアプリケーションを使用するのと同様に、- コンテンツを追加することもできます。

StyleVision スタイルシートは、複数の XML、DTD、XBRL、そしてデータベースのソースをベースにデザインすることができます。つまりこれは、複数の XML ソースからデータを統合したり、XMLスキーマやリレーショナルデータベースからデータの組み合わせを行えることを意味します。実際に、リレーショナルデータベース(現在 IBM DB2 ならびに SQL Server のみをサポート)のカラム内に収められている XML ドキュメントを出力するようデザインすることもできます。

各デザインは、標準仕様に準拠した XSLT 1.0/2.0 ならびに XSL:FO スタイルシートを出力し、対応する HTML、RTF、PDF、Word 2007+ または Authentic eForm の形式のドキュメントを出力します。この機能により、StyleVision は XML、XBRL、そしてデータベースのデータといった単一ソースから、複数チャンネル出力を行うための最適なツールになります。

Download ここをクリックして、使用できる機能に制限のない30日間無料トライアルの Altova StyleVision® 2012 をダウンロード!

ページナビゲーションリンク:

ビュー

StyleVision ユーザーインターフェースには、同期された6つのタブが搭載されており、スタイルシートや、デザインにより生成された出力の閲覧を、デザインウィンドウから直接行うことができるようになっています。各タブでは、スタイルシートと、それに割り当てられた出力の表示を切り替えることができます。タブには以下の種類があります:

  • デザインタブにより、デザインの閲覧を行うことができます。タブをクリックすることで、JavaScript エディターが表示され、デザイン内で使える JavaScript 関数を定義することができます。
  • Authentic タブにより、デザインから生成された Authentic 電子フォームを閲覧することができます。
  • HTML プレビュータブにより、HTML 出力を閲覧することができます。タブをクリックすることで、HTML 出力を生成する、標準仕様に従った XSLT 1.0 / 2.0 スタイルシートが表示されます。
  • RTF プレビュータブにより、RTF 出力を閲覧することができます。タブをクリックすることで、RTF 出力を生成する、標準仕様に従った XSLT 1.0 / 2.0 スタイルシートが表示されます。
  • PDF プレビュータブにより、PDF 出力を閲覧することができます。タブをクリックすることで、PDF 出力を生成する、標準仕様に従った XSL:FO スタイルシートが表示されます。
  • Word 2007 プレビュータブにより、OOXML 出力を閲覧することができます。タブをクリックすることで、Microsoft® Word 2007+ 出力を生成する、標準仕様に従った XSLT 1.0 / 2.0 スタイルシートが表示されます。

Synchronized views in StyleVision

デザイン概要

デザイン概要ウィンドウにより、スキーマソース、グローバルパラメーター、モジュール、CSS ファイルを追加したり、アクティブなデザインに対して外部 XSLT ファイルを適用することができます。これらコンポーネントの概要や管理を一箇所でまとめて行うことができます。

Design Overview

インテリジェントな入力ヘルパー

StyleVision インターフェースには、デザインにおける各要素に対して、閲覧、編集、スタイルやレイアウトプロパティを割り当てるためにある、5つの高度な入力ヘルパーが搭載されています。

スキーマソース入力ヘルパーでは、デザインがベースとしているスキーマやデータベースがツリービューで表示されます。このウィンドウでは、作業用の XML ファイルを割り当てたり、デザインのルート要素を指定することもできます。スキーマソースウィンドウから、ノードをデザインペインにドラッグすることで、出力の構造を指定することができます。ウィンドウには、グローバル要素や XML スキーマ(または XBRL タクソノミコンセプト)から得られた、再利用可能な複合型または単純型の要素が表示されており、それらにグローバルテンプレートを割り当て、デザイン内でスタイルを適用することができます。

Schema Sources

スキーマソースウィンドウからデザインペインにコンポーネントをドラッグアンドドロップすることで、スタイルやレイアウトのルールを定義したり、以下で述べられる入力ヘルパーウィンドウを使用することで、高度なスタイルシート機能の定義を行うことができます。

デザインツリー入力ヘルパーでは、編集可能なデザインの概要が表示されます。表示される内容には、グローバルに定義されたパラメーター、XML、XBRL、データベーススキーマソースや、JavaScript エディターで定義された JavaScript 関数、グローバルテンプレート、そして RTF、PDF、Word 2007+ といった媒体に関するレイアウト情報などがあります。

Design Tree

スタイルリポジトリ入力ヘルパーでは、外部 CSS スタイルシートのインポートを行ったり、デザインのグローバル CSS スタイルや XSL:FO ページ処理の定義を行うことができます。詳しい情報については、StyleVision の CSS を使うを参照ください。

Style Repository

プロパティ入力ヘルパーを使えば、デザイン内の各コンポーネントに対して割り当てられたプロパティを変更することができます。ウィンドウ内に表示されているプロパティの内容は、現在選択されているコンポーネントにより変化します。例えば、選択されているコンポーネントがテンプレートの場合、テンプレートのデザインに関係するプロパティだけが表示されます。

Properties window

プロパティの設定は、キーボードから直接行うか、ドロップダウンメニューから選択することで行うことができます。入力フォーマットや XPath セレクターのようなプロパティによっては、新たな入力ヘルパーダイアログボックスが表示され、更に詳細な情報の入力を促されることもあります。

Properties entry helper

スタイル入力ヘルパーウィンドウでは、デザインビュー内のコンポーネントにおいて使用されるページ処理の CSS スタイルや XSL:FO スタイルを定義することができます。デザイン内にある任意のコンポーネントを選択して、スタイルルールを割り当てることもできます。デザイン内にあるコンポーネントをクリックすることで、各コンポーネントならびにそれに割り当てられた方のスタイルが表示されます。例えば、テーブルの一部分であるコンテンツ要素をクリックすると、コンテンツだけでなく、テーブルやそのコンポーネントのスタイル設定がスタイルウィンドウに表示されます。これにより、複数のスタイルルールを一度に定義することができます。

静的なスタイルルールの選択に加えて、XPath 条件式を使うことで、動的なスタイル値を割り当てることができます。例えば、XPath を使うことで、不正なデータを赤色で表示したり、テーブル内の行の色を1行おきに変えたりといったことができるようになります。XPath を使うことで、アクセス可能な XML ファイルや、XPath 条件式そのものから直接抽出されたデータをベースにスタイル値をセットすることができるようになります。

XPath 条件式は、スタイル入力ヘルパーの値フィールドに直接入力することができます。または、XPath アイコンをクリックすることで XPath ビルダーを起動し、入力ヘルパーや構文チェックを使用しながら XPath 条件式を作成することもできます。各 XPath 条件式はランタイム時に評価され、その結果はプロパティの値に入力されます。

Edit XPath

XPath フィルターを使用することで、XPath 条件式をベースに、スタイルシートデザインの出力にある、特定のコンポーネントを除外することができます。XPath フィルタリングは、テンプレートの選択時に、スタイル入力ヘルパーの属性フィールドから、またはデザインペインにてノードテンプレートを右クリックすることでアクセスすることができます。

XPath filter

更に、XPath により XML やデータベースフィールドに対して動的にクラスを割り当てることができます。クラスの割り当ては HTML、Word、RTF、PDF、そして Authentic 電子フォーム出力フォーマットに反映されます。

format output

複数ページレイアウト

StyleVision を使えば、同一ドキュメント内における複数のページレイアウトサポートにより、真にモジュール化されたスタイルシートデザインの作成を行うことができます。このような機能は、縦書きや横書きの形式を組み合わせたり、異なるヘッダーやフッター、ページサイズを使用する活字メディアで特に便利な機能になる他、各コンポーネントに対して細かな設定を行うことで、ウェブ上においても、より複雑な形式による情報発信が可能になります。

新たなドキュメントセクションを作成するには、現在のドキュメント内の位置を選択して、挿入メニューから、ページ/カラム/ドキュメントセクションを挿入を選択します。その後、セクション全体に対してスタイルやプロパティを簡単に定義することができます。

document section

複数の出力ファイル

StyleVision では単一のテンプレートデザインから複数の出力ファイルを生成することもできます。例えば、CRM(顧客関係管理)データベースにある連絡先に対して個々のファイルを作成エクスポートするということが簡単に行なえます。

multiple output documents

挿入メニューの新規ドキュメントの挿入コマンド、またはタグで囲むコマンド選択することで、この機能を使用することができます。

multiple output documents

テンプレート

StyleVision には、フォーマット、レイアウトの定義を行う、様々なユーザー定義テンプレートがサポートされており、処理時に使用されるルールをデザイン全体を通して再利用したり、ソースデータ内で特定の条件が満たされたときに適用することができます。

グローバルテンプレートはメインテンプレートから呼び出され、要素(または型)が指定した要素や場所で発生するような状況で、再利用可能なドキュメントフラグメントを定義するために使用されます。例えば、ドキュメント内のどこに位置しているかに関わらず、同一のフォーマット形式を持つように <para> 要素を設定する必要がある場合、グローバルテンプレートを使って、HTML、RTF、PDF、または Word 2007+ 出力において同一の外観を保つことができるようになります。

任意の XPath ステートメントを使用することで、グローバルテンプレートを適用するドキュメントの場所を選択することもできます。

StyleVision では、XML スキーマ内のグローバル要素に限らず、任意の要素に対してグローバルテンプレートを作成することができます。この機能によりモジュール化されたデザインを作成し、巨大なドキュメントの管理を簡単に行うことができるようになります。

global types

デザインフラグメント

デザインフラグメントは再利用可能なデザインのひな形で、似たような構造やフォーマット仕様を使って、モジュール化されたテンプレートを作成することができます。例えばレポートのデザインを行う場合、全ての住所に共通して含まれる要素を指定する 'Address' デザインフラグメントを作成することで、新たな住所作成時の手間を軽減することができるようになります。

design fragments

デザインフラグメントは既存のテンプレートデザインをベースに、または最初から作成することができます。作成されたデザインフラグメントはデザインツリーに追加されます。

design fragments

デザインフラグメントは、その他のテンプレートと同じような方法で作成することができます。静的 / 動的なコンテンツを作成し、スキーマツリーやデザインツリーウィンドウからデザイン内にドラッグすることでメインテンプレートへ挿入します。

デザインフラグメントは、パラメーターの定義オプションを使うことで、テンプレートのどこで使用されたかに関わらず、XPath によりデザインフラグメントに情報を付加するといった、更なるカスタマイズを行うことができます。以下の例では、出力に(以下の例の場合だと "Ship To" または "Bill To" という)接頭辞を加えるようなパラメーターが定義されています。

design fragments

条件付きテンプレート

StyleVision では、条件付きテンプレートを使用することで、高度な動的機能をデザインに適用することができます。条件付きテンプレートは、XPath 条件式をベースにしたもので、XML ファイルまたはデータベース内にあるソースデータの内容に応じて、レイアウトや外観が変化するデザインを作成することができます。

チャートとグラフ

StyleVision では、チャートやグラフによる詳細なデータの可視化もサポートされます。その他全ての StyleVision デザインと同様に、グラフは HTML、RTF、PDF、Word 2007+、そして電子フォームといった複数の出力にてレンダリングすることができます。

stylevision chart

より詳細な情報はチャートとグラフのページを参照ください。

目次

デザイン内の任意の場所で目次を配置したり、複数の目次を同一のドキュメント内に作成することもできます(Note 目次のサポートは、StyleVision ツールバーにて XSLT 2.0 が選択されている時のみ有効になります)。

目次ブックマークを作成して、テーブル内に含まれるアイテムを指定したり、目次ウィザードによりフォーマットの指定を行うことができます。

TOC design

オプションの設定を行うことで、条件付きテンプレート、フラットまたは階層構造の目次、プレインテキストまたはリンクやページ番号付きの目次を作成することができます。StyleVision の目次サポートにより、単一ソースから、全てのサイズのドキュメント -複数のセクションや章を持つドキュメントも含めて- への出力を簡単に行うことができます。

CSS ならびに JavaScript

ハイパーリンク、CSS スタイル、JavaScript 関数といった、今日の複雑なウェブページでサポートされている全てのデザイン要素が StyleVision の HTML ウェブページデザインではサポートされます。内蔵の JavaScript エディターを使用することで、動的でイベントベースの機能を HTML ページにて定義することができます。これら機能の詳細については、StyleVision の CSS のサポートならびに JavaScript のサポートページを参照ください。

スタイルシートの機能

StyleVision にてデザインされたスタイルシートは、自動計算、ビジネスロジック検証といった、高度な機能をサポートしています。詳細については、高度なスタイルシート機能のページを参照ください。

プロジェクト管理サポート

StyleVision には包括的なプロジェクト管理サポートが搭載されており、プロジェクト内の関連するスタイルシートやそのコンポーネントを簡単に保管、管理することができます。

project window


StyleVision® 2012 のビジュアルなスタイルシートデザインアプローチを使うことで、HTML、RTF、PDF、Word 2007+ (OOXML)、そして Authentic 電子フォームへのレンダリングを行うコードを手動で書く必要が無くなります。ご自分で生産性の向上を体験してみてください。 30日無料トライアル版 StyleVision をダウンロード



transparent
Download
Pricelist
Buy
Video
Online Training
Comparison
Datasheet
Print
Mail
Like It
.

64-bit stylesheet designer

.

StyleVision は32ビットならびに64ビットバージョンの両方で提供されています。64ビットオペレーティングシステムをお持ちの場合、64ビットスタイルシートデザイナーを選ぶ利点を御覧ください。

.
StyleVision フラッシュデモ
.

StyleVision Flash demo
StyleVision フラッシュデモを御覧下さい!

.
.
.
.

transparent

transparent