統合JavaソフトJustArks/PrezArkファイルの文書構造について
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
&size(24){統合ソフトJustArks/PrezArkファイルの文書構造に...
このページでは、Just Arks(PrezArk)の様々な面に焦点を当...
今回は、Javaプレゼーションソフト「PrezArk」ファイルをテキ...
&size(24){XHTMLへの挑戦};
#contents();
//●はじめに
//●ファイル形式としてXHTMLを採用した経緯
//●文書構造全体の概要
//●PrezArk固有の要素と属性
//●最後に
**はじめに [#u43bd844]
みなさんはじめまして。毎年恒例の健康診断が近いこともあり...
今回はPrezArkファイルの文書構造について紹介します。
ファイル形式としてXHTMLを採用した経緯からPrezArk固有の要...
文書構造を丸裸にしますので、テキストエディタや一太郎Arkな...
**ファイル形式としてXHTMLを採用した経緯 [#y92e0fd0]
PrezArkは、Arkアーキテクチャを継承するプロジェクトなので...
「やっぱりバイナリじゃなくてXMLだよね」というメンバーの総...
XHTMLにするメリットは、
-タグセットの設計コストが省略できる
-仕様の説明が省略できる(XHTMLと同じというだけで済む)
&ref(01.gif);
画面1 Netscape6.1での表示例
独自のXML形式にこだわる理由はありませんでした。既存のXHTM...
Technology Preview版(以下TP版)では、再設計したXHTML形式と...
***文書構造全体の概要 [#i0964183]
PrezArkファイルは、ホスト言語をXHTMLとしたXML複合文書とし...
XHTMLに定義されていないPrezArk固有の要素、属性については...
文書は、次の3つの部分から構成されます。
XML宣言(リスト1の001行目)
宣言的ヘッダの部分 (リスト1の004行目~021行目, head要素と...
文書の実際の内容を含む、本体 (リスト1の022行目~054行目, ...
XML宣言は、すべてのXML文書に必須というわけではありません...
ヘッダは、文書のタイトル、作成者、文書共通のスタイル情報...
文書の本体には、文書の内容が含まれます。
PrezArkでは、独自の拡張属性を用い、XHTML文書にページ、枠...
リスト1 :サンプルXHTMLファイル抜粋「sample.html」
sample.htmlはutf-8で記述されていますので、IEなどのブラウ...
1:<?xml version="1.0" encoding="utf-8"?>
2:<html xmlns:pa="http://www.justsystem.co.jp/ark/xmlns/p...
3: xml:lang="ja-JP" lang="ja-JP"xmlns="http://www.w3...
4:<head>
5: <meta http-equiv="Content-Type" content="text/html; c...
6: <link rel="schema.DC" href="http://dublincore.org/qdc...
7: <meta content="2001-09-17 14:28" name="DC.Date" />
8: <meta content="text/html" name="DC.Format" />
9: <meta content="PrezArk(Muffin/1.0)" name="generator" />
10: <meta content="タイトル" name="DC.Title" />
11: <meta content="isikawa" name="DC.Creator" />
13: <pa:permit>
14: <pa:item title=" " />
15: </pa:permit>
21:</head>
23:<div class="navi" style="position: absolute;left: 0px;...
24:<a name="pa:page1"></a>
25:<div>[previous] [<a href="#pa:page2">next</a>]...
27:<div class="tmPage" pa:type="page" pa:layout="title" s...
28: <div class="tmTitle" style="z-index: 0;" pa:type="ar...
31: <div class="tmSubTitle" style="z-index: 1;" pa:type=...
34: <div class="note" pa:type="note">タイトルページのノ...
36:<div class="navi" style="position: absolute;left: 0px;...
37:<a name="pa:page2"></a>
38:<div>[<a href="#pa:page1">previous</a>] [next]...
40:<div class="smPage" pa:type="page" pa:layout="list" st...
41: <div class="smTitle" style="z-index: 0;" pa:type="ar...
44: <div class="smArea1A" style="z-index: 1;" pa:type="a...
50: <div class="note" pa:type="note">箇条書きページのノ...
52:<div class="navi" style="position: absolute;left: 0px;...
リスト1の文書をPrezArkで読み込み、DOMツリー表示プラグイ...
html要素をルートとし、文書本体のbody要素にページが並んで...
1ページ目の要素を展開させています。名前空間 http://www.j...
画面2 DOMツリー表示プラグインでの表示例
&ref(02.gif);
画面2 DOMツリー表示プラグインでの表示例
**PrezArk固有の要素と属性 [#c6f6a153]
XHTMLでは表現できないため拡張したPrezArk固有の要素と属性...
固有の要素はすべて管理用で、head要素に格納され、レンダリ...
***■PrezArk固有の要素 [#qc8563d3]
permit要素
パーソナライズドビューの管理情報を保持します。パーソナラ...
head要素の子供として出現します。
item要素
パーソナライズドビューの項目情報を保持します。title属性で...
permit要素の子供として出現します。
tmaster要素
[書式-タイトルページの設定]で追加した枠の情報を保持しま...
この要素は、タイトルページの設定で枠を追加しない場合は存...
head要素の子供として出現します。
smaster要素
[書式-スライドページ共通の設定]で追加した枠の情報を保持...
この要素は、スライドページ共通の設定で枠を追加しない場合...
head要素の子供として出現します。
***PrezArk固有の属性 [#k6a12bc3]
version属性
PrezArkのバージョン情報を格納します。PrezArkのファイルか...
設定場所は、html要素です。
type属性
ページ、枠、ノートを表します。属性値については以下の表を...
設定場所は、div要素です。
表1 type属性値の一覧
|属性値|意味|
|page|ページを表します。body要素直下に並びます。|
|note|ノートを表します。存在する場合は、ページ最後の子要...
|area.title|タイトルの枠を表します。ページ先頭の子要素と...
|area.subtitle| サブタイトルの枠を表します。|
|area.list|箇条書きの枠を表します。|
|area.image|画像の枠を表します。|
|area.clipart|クリップアートの枠を表します。|
|area.object|オブジェクトの枠を表します。|
|area.misc|上記の種別に該当しない枠を表します。|
permit属性
パーソナライズドビューの表示、非表示の情報を格納します。
設定場所は、箇条書き項目(li要素)、タイトル(h1要素)、画像(...
以下のようなパーソナライズドビューの設定時
<pa:permit>
<pa:item title="英語" />
<pa:item title="日本語" selected="selected" />
</pa:permit>
2つのパーソナライズドビューが存在し、以下のような例の場合...
<li pa:permit="01">この項目は日本語の項目です。</li>
effect属性
[書式-画面切替のエフェクト]、[書式-枠のエフェクト]での...
設定場所は、画面切替のエフェクトはページ、枠のエフェクト...
表2 effect属性値の一覧
|属性値|エフェクト名|
|wipe-right|ワイプ(右へ)|
|wipe-left|ワイプ(左へ)|
|wipe-down|ワイプ(下へ)|
|wipe-up|ワイプ(上へ)|
|wipe-open-horizontal|ワイプ(開く(左右))|
|wipe-close-horizontal|ワイプ(閉じる(左右))|
|wipe-open-vertical|ワイプ(開く(上下))|
|wipe-close-vertical|ワイプ(閉じる(上下)|
|slide-right|スライド(右へ)|
|slide-left|スライド(左へ)|
|slide-down|スライド(下へ)|
|slide-up|スライド(上へ)|
|disolve|ディゾルブ|
|box-in|ボックスイン|
|box-out|ボックスアウト|
|random-stripe-horizontal|ランダムストライプ(縦)|
|random-stripe-vertical|ランダムストライプ(横)|
expand属性
[アウトライン-展開]、[アウトライン-折り畳み]で設定され...
設定場所はページです。
表3 expand属性値の一覧
|属性値|状態|
|expand|アウトラインは展開されている(初期値)|
|collapse|アウトラインは折り畳まれている|
layout属性
[挿入-新しいページ]、[書式-スライドのレイアウト]で設定...
設定場所はページです。
表4 layout属性値の一覧
|属性値|スライドのレイアウト名|
|title|タイトル|
|list|箇条書き(初期値)|
|list2|2段組箇条書き|
|clipart|クリップアート|
|clipart_list| テキストとクリップアート1|
|list_clipart|テキストとクリップアート2|
|blank|白紙|
category属性
クリップアートの分類名(グループ名)を保持します。
設定場所はクリップアートのimg要素です。
keyword属性
クリップアートのキーワードを保持します。
設定場所はクリップアートのimg要素です。
data属性
クリップアート挿入時のURIを保持します。
設定場所はクリップアートのimg要素です。
rehearsal属性
リハーサル予定(期待)時間を部分クロック値(MM:SS 例 02:3...
設定場所はページです。
frame-decoration属性
枠飾りの情報をCSSライクな仕様で保持します。「プロパティ名...
設定場所は枠です。
表5 frame-decoration属性値の一覧
プロパティ名 プロパティ説明 値 値説明
shape 枠飾りの型 rect 長方形(初期値)
round-rect 角丸長方形
lozenge 菱形
ellipse 楕円
cloud 雲形
balloon 吹き出し
direction 向き(吹き出し) btt 上向き(初期値)
ttb 下向き
ltr 右向き
rtl 左向き
border-style 縁取りの線種 solid 実線(初期値)
none 枠なし
dotted 点線(背景色に重ねられる)
dashed 破線(背景色に重ねられる)
border-width 縁取りの太さ medium 中くらいの太さ(初期値)
thin 細い
thick 太い
border-color 縁取りの色 色 CSS2で指定されている色と同じ
shadow 影 none 影なし(初期値)
横位置,
縦位置,
色 影の性質を設定します。書式は、横位置, 縦位置, 色です。...
通常の枠飾りの位置を基準にして、横は右方向を、縦は下方向...
たとえば、3px, 2px, black であれば,影は枠飾りの 3 ピクセ...
-3px -2px, black ならば、3 ピクセル左,2 ピクセル上になり...
“色”は影の色(CSS2で指定されている色と同じ)です。
background-color 背景色 色 CSS2で指定されている色と同じ
content属性
ページ内容を示す文字列を保持します。
設定場所はページです。
表6 content属性値の一覧
|属性値|内容|
|table_of_contents|目次ページを表します([ツール-目次生...
**さいごに [#j83d037c]
PrezArkファイルの文書構造についての紹介はいかがでしたか?
これであなたもPrezArkファイルをテキストエディタ等で編集す...
終了行:
&size(24){統合ソフトJustArks/PrezArkファイルの文書構造に...
このページでは、Just Arks(PrezArk)の様々な面に焦点を当...
今回は、Javaプレゼーションソフト「PrezArk」ファイルをテキ...
&size(24){XHTMLへの挑戦};
#contents();
//●はじめに
//●ファイル形式としてXHTMLを採用した経緯
//●文書構造全体の概要
//●PrezArk固有の要素と属性
//●最後に
**はじめに [#u43bd844]
みなさんはじめまして。毎年恒例の健康診断が近いこともあり...
今回はPrezArkファイルの文書構造について紹介します。
ファイル形式としてXHTMLを採用した経緯からPrezArk固有の要...
文書構造を丸裸にしますので、テキストエディタや一太郎Arkな...
**ファイル形式としてXHTMLを採用した経緯 [#y92e0fd0]
PrezArkは、Arkアーキテクチャを継承するプロジェクトなので...
「やっぱりバイナリじゃなくてXMLだよね」というメンバーの総...
XHTMLにするメリットは、
-タグセットの設計コストが省略できる
-仕様の説明が省略できる(XHTMLと同じというだけで済む)
&ref(01.gif);
画面1 Netscape6.1での表示例
独自のXML形式にこだわる理由はありませんでした。既存のXHTM...
Technology Preview版(以下TP版)では、再設計したXHTML形式と...
***文書構造全体の概要 [#i0964183]
PrezArkファイルは、ホスト言語をXHTMLとしたXML複合文書とし...
XHTMLに定義されていないPrezArk固有の要素、属性については...
文書は、次の3つの部分から構成されます。
XML宣言(リスト1の001行目)
宣言的ヘッダの部分 (リスト1の004行目~021行目, head要素と...
文書の実際の内容を含む、本体 (リスト1の022行目~054行目, ...
XML宣言は、すべてのXML文書に必須というわけではありません...
ヘッダは、文書のタイトル、作成者、文書共通のスタイル情報...
文書の本体には、文書の内容が含まれます。
PrezArkでは、独自の拡張属性を用い、XHTML文書にページ、枠...
リスト1 :サンプルXHTMLファイル抜粋「sample.html」
sample.htmlはutf-8で記述されていますので、IEなどのブラウ...
1:<?xml version="1.0" encoding="utf-8"?>
2:<html xmlns:pa="http://www.justsystem.co.jp/ark/xmlns/p...
3: xml:lang="ja-JP" lang="ja-JP"xmlns="http://www.w3...
4:<head>
5: <meta http-equiv="Content-Type" content="text/html; c...
6: <link rel="schema.DC" href="http://dublincore.org/qdc...
7: <meta content="2001-09-17 14:28" name="DC.Date" />
8: <meta content="text/html" name="DC.Format" />
9: <meta content="PrezArk(Muffin/1.0)" name="generator" />
10: <meta content="タイトル" name="DC.Title" />
11: <meta content="isikawa" name="DC.Creator" />
13: <pa:permit>
14: <pa:item title=" " />
15: </pa:permit>
21:</head>
23:<div class="navi" style="position: absolute;left: 0px;...
24:<a name="pa:page1"></a>
25:<div>[previous] [<a href="#pa:page2">next</a>]...
27:<div class="tmPage" pa:type="page" pa:layout="title" s...
28: <div class="tmTitle" style="z-index: 0;" pa:type="ar...
31: <div class="tmSubTitle" style="z-index: 1;" pa:type=...
34: <div class="note" pa:type="note">タイトルページのノ...
36:<div class="navi" style="position: absolute;left: 0px;...
37:<a name="pa:page2"></a>
38:<div>[<a href="#pa:page1">previous</a>] [next]...
40:<div class="smPage" pa:type="page" pa:layout="list" st...
41: <div class="smTitle" style="z-index: 0;" pa:type="ar...
44: <div class="smArea1A" style="z-index: 1;" pa:type="a...
50: <div class="note" pa:type="note">箇条書きページのノ...
52:<div class="navi" style="position: absolute;left: 0px;...
リスト1の文書をPrezArkで読み込み、DOMツリー表示プラグイ...
html要素をルートとし、文書本体のbody要素にページが並んで...
1ページ目の要素を展開させています。名前空間 http://www.j...
画面2 DOMツリー表示プラグインでの表示例
&ref(02.gif);
画面2 DOMツリー表示プラグインでの表示例
**PrezArk固有の要素と属性 [#c6f6a153]
XHTMLでは表現できないため拡張したPrezArk固有の要素と属性...
固有の要素はすべて管理用で、head要素に格納され、レンダリ...
***■PrezArk固有の要素 [#qc8563d3]
permit要素
パーソナライズドビューの管理情報を保持します。パーソナラ...
head要素の子供として出現します。
item要素
パーソナライズドビューの項目情報を保持します。title属性で...
permit要素の子供として出現します。
tmaster要素
[書式-タイトルページの設定]で追加した枠の情報を保持しま...
この要素は、タイトルページの設定で枠を追加しない場合は存...
head要素の子供として出現します。
smaster要素
[書式-スライドページ共通の設定]で追加した枠の情報を保持...
この要素は、スライドページ共通の設定で枠を追加しない場合...
head要素の子供として出現します。
***PrezArk固有の属性 [#k6a12bc3]
version属性
PrezArkのバージョン情報を格納します。PrezArkのファイルか...
設定場所は、html要素です。
type属性
ページ、枠、ノートを表します。属性値については以下の表を...
設定場所は、div要素です。
表1 type属性値の一覧
|属性値|意味|
|page|ページを表します。body要素直下に並びます。|
|note|ノートを表します。存在する場合は、ページ最後の子要...
|area.title|タイトルの枠を表します。ページ先頭の子要素と...
|area.subtitle| サブタイトルの枠を表します。|
|area.list|箇条書きの枠を表します。|
|area.image|画像の枠を表します。|
|area.clipart|クリップアートの枠を表します。|
|area.object|オブジェクトの枠を表します。|
|area.misc|上記の種別に該当しない枠を表します。|
permit属性
パーソナライズドビューの表示、非表示の情報を格納します。
設定場所は、箇条書き項目(li要素)、タイトル(h1要素)、画像(...
以下のようなパーソナライズドビューの設定時
<pa:permit>
<pa:item title="英語" />
<pa:item title="日本語" selected="selected" />
</pa:permit>
2つのパーソナライズドビューが存在し、以下のような例の場合...
<li pa:permit="01">この項目は日本語の項目です。</li>
effect属性
[書式-画面切替のエフェクト]、[書式-枠のエフェクト]での...
設定場所は、画面切替のエフェクトはページ、枠のエフェクト...
表2 effect属性値の一覧
|属性値|エフェクト名|
|wipe-right|ワイプ(右へ)|
|wipe-left|ワイプ(左へ)|
|wipe-down|ワイプ(下へ)|
|wipe-up|ワイプ(上へ)|
|wipe-open-horizontal|ワイプ(開く(左右))|
|wipe-close-horizontal|ワイプ(閉じる(左右))|
|wipe-open-vertical|ワイプ(開く(上下))|
|wipe-close-vertical|ワイプ(閉じる(上下)|
|slide-right|スライド(右へ)|
|slide-left|スライド(左へ)|
|slide-down|スライド(下へ)|
|slide-up|スライド(上へ)|
|disolve|ディゾルブ|
|box-in|ボックスイン|
|box-out|ボックスアウト|
|random-stripe-horizontal|ランダムストライプ(縦)|
|random-stripe-vertical|ランダムストライプ(横)|
expand属性
[アウトライン-展開]、[アウトライン-折り畳み]で設定され...
設定場所はページです。
表3 expand属性値の一覧
|属性値|状態|
|expand|アウトラインは展開されている(初期値)|
|collapse|アウトラインは折り畳まれている|
layout属性
[挿入-新しいページ]、[書式-スライドのレイアウト]で設定...
設定場所はページです。
表4 layout属性値の一覧
|属性値|スライドのレイアウト名|
|title|タイトル|
|list|箇条書き(初期値)|
|list2|2段組箇条書き|
|clipart|クリップアート|
|clipart_list| テキストとクリップアート1|
|list_clipart|テキストとクリップアート2|
|blank|白紙|
category属性
クリップアートの分類名(グループ名)を保持します。
設定場所はクリップアートのimg要素です。
keyword属性
クリップアートのキーワードを保持します。
設定場所はクリップアートのimg要素です。
data属性
クリップアート挿入時のURIを保持します。
設定場所はクリップアートのimg要素です。
rehearsal属性
リハーサル予定(期待)時間を部分クロック値(MM:SS 例 02:3...
設定場所はページです。
frame-decoration属性
枠飾りの情報をCSSライクな仕様で保持します。「プロパティ名...
設定場所は枠です。
表5 frame-decoration属性値の一覧
プロパティ名 プロパティ説明 値 値説明
shape 枠飾りの型 rect 長方形(初期値)
round-rect 角丸長方形
lozenge 菱形
ellipse 楕円
cloud 雲形
balloon 吹き出し
direction 向き(吹き出し) btt 上向き(初期値)
ttb 下向き
ltr 右向き
rtl 左向き
border-style 縁取りの線種 solid 実線(初期値)
none 枠なし
dotted 点線(背景色に重ねられる)
dashed 破線(背景色に重ねられる)
border-width 縁取りの太さ medium 中くらいの太さ(初期値)
thin 細い
thick 太い
border-color 縁取りの色 色 CSS2で指定されている色と同じ
shadow 影 none 影なし(初期値)
横位置,
縦位置,
色 影の性質を設定します。書式は、横位置, 縦位置, 色です。...
通常の枠飾りの位置を基準にして、横は右方向を、縦は下方向...
たとえば、3px, 2px, black であれば,影は枠飾りの 3 ピクセ...
-3px -2px, black ならば、3 ピクセル左,2 ピクセル上になり...
“色”は影の色(CSS2で指定されている色と同じ)です。
background-color 背景色 色 CSS2で指定されている色と同じ
content属性
ページ内容を示す文字列を保持します。
設定場所はページです。
表6 content属性値の一覧
|属性値|内容|
|table_of_contents|目次ページを表します([ツール-目次生...
**さいごに [#j83d037c]
PrezArkファイルの文書構造についての紹介はいかがでしたか?
これであなたもPrezArkファイルをテキストエディタ等で編集す...
ページ名: