4D Road Show 2015《日本》プレゼンテーション

1. 標準SVGコマンドだけで実現!
ラベルエディター

2. デモンストレーション
ラベルエディター

3. デモンストレーション
アノテーションエディター

4. 仕様書
ラベル定義ファイル 4LB/IFF
Interchange File Format（IFF）は、汎⽤用ファイルフォーマットの⼀一種。
1985年年にエレクトロニック・アーツが、コモドールの Amiga 向けに異異な
るアプリケーション間でのデータ転送を容易易にするために開発した。
http://ja.wikipedia.org/wiki/Interchange_File_Format
• バイナリ形式の構造ファイル
• WAV, AVI, AIFF, PNGの元になったフォーマット

5. 仕様書
ラベル定義ファイル 4LB/IFF
$path:=Get 4D folder(Current resources folder)+”My Label.4LB"
DOCUMENT TO BLOB($path;$data)
$dom:=LABEL_Parse_data (->$data)
XMLツリーに展開

6. 印刷
ラベル定義 or フォームを使⽤用
または
OPEN PRINTING FORM($formName)
FORM LOAD($Table->;$formName)
定義ファイル?
FORM GET OBJECTS($formObjects;*)
FORM LOAD("Template")
$count:=DOM Count XML elements($objects;"object")
For ($i;1;$count)
$object:=DOM Find XML element($objects;…)
End for
NEXT RECORD($Table->)
RELATE ONE($Table->)
NEXT RECORD($Table->)
RELATE ONE($Table->)
$printed:=Print object(*;…)
v14
v13
EXECUTE METHOD(…)
EXECUTE METHOD(…)
レコード毎
レコード毎
オブジェクト毎
いいえ
はい

7. おまけTips
SVGピクチャの更更新
• SVG SET ATTRIBUTE
✤ 画⾯面上にレンダリングされた画像でなければ使⽤用できない
✤ バックエンドのXMLを更更新しない
✤ ⾼高速
• SVG SET ATTRIBUTE *
• DOM SET XML ATTRIBUTE+SVG EXPORT TO PICTURE
✤ オフスクリーンで使⽤用できる
✤ バックエンドのXMLを更更新する

8. おまけTips
shape-‐‑‒rendering属性
ユーザーエージェントは，レンダリング速度度や幾何学的正確性よりも，
図表のエッジにあるコントラストを強調するべきであるという指⽰示⼦子。
エッジをはっきりさせるため，ユーザーエージェントは，⽔水平または垂
直に近い直線，さらには曲線のアンチエイリアスを無効にしても良良い。
ユーザーエージェントは，デバイスのピクセルに合わせて座標位置や線
の幅を揃えることもできる。
auto
geometricPrecision
optimizeSpeed
crispEdges

9. おまけTips
DOMの移動
• move back
• move back-‐‑‒most
• move front
• move front most
DOM Insert XML element
DOM Append XML element
DOM Insert XML element
DOM Insert XML element

10. おまけTips
move-‐‑‒back
11
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2
3
2 の⼿手前に 3 を挿⼊入, それから 3 を削除
3
2
3

11. おまけTips
move-‐‑‒back
11
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2 3
2 の⼿手前に 3 を挿⼊入, それから 3 を削除
3
2
3

12. おまけTips
move-‐‑‒back
11
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2 3
2 の⼿手前に 3 を挿⼊入, それから 3 を削除
3 2

13. おまけTips
move-‐‑‒back-‐‑‒most
3
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2
3
3 の⼿手前に 1 を挿⼊入, それから 3 を削除
1
2
3

14. おまけTips
move-‐‑‒back-‐‑‒most
3
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2
3
3 の⼿手前に 1 を挿⼊入, それから 3 を削除
1
2
3

15. おまけTips
move-‐‑‒back-‐‑‒most
3
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2
3
3 の⼿手前に 1 を挿⼊入, それから 3 を削除
1
2

16. おまけTips
move-‐‑‒front
1
2
11
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2
3
3 の⼿手前に 1 を挿⼊入, それから 1 を削除
3

17. おまけTips
move-‐‑‒front
1
2
1
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2
3
3 の⼿手前に 1 を挿⼊入, それから 1 を削除
3

18. おまけTips
move-‐‑‒front
21
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Insert XML element($domParent;$dom;$level)
DOM REMOVE XML ELEMENT($dom)
2
3
3 の⼿手前に 1 を挿⼊入, それから 1 を削除
3

19. おまけTips
move-‐‑‒front-‐‑‒most
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Append XML element($domParent;$dom)
DOM REMOVE XML ELEMENT($dom)
2
1
2
3
3 の後ろに 2 を追加, それから 2 を削除
2
3

20. おまけTips
move-‐‑‒front-‐‑‒most
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Append XML element($domParent;$dom)
DOM REMOVE XML ELEMENT($dom)
2
1
2
3
3 の後ろに 2 を追加, それから 2 を削除
23

21. おまけTips
move-‐‑‒front-‐‑‒most
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Append XML element($domParent;$dom)
DOM REMOVE XML ELEMENT($dom)
2
1
3
3 の後ろに 2 を追加, それから 2 を削除
23

22. おまけTips
move-‐‑‒front-‐‑‒most
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Append XML element($domParent;$dom)
DOM REMOVE XML ELEMENT($dom)
2
1
2
3
3 の後ろに 2 を追加, それから 2 を削除
23

23. おまけTips
move-‐‑‒front-‐‑‒most
1
$domParent:=DOM Get parent XML element($dom)
$newDom:=DOM Append XML element($domParent;$dom)
DOM REMOVE XML ELEMENT($dom)
2
1
2
3
3 の後ろに 2 を追加, それから 2 を削除
23
重複 id

24. おまけTips
DOMの移動
• 挿⼊入/追加により，idの重複が発⽣生する
• DOMを再インデックスしなければならない
• そうでないとDOM Find XML element by IDは混乱した動作になる
• 簡単なのはソースツリーを再構築（再解析）すること

25. おまけTips
DOMの再インデックス
C_TEXT($1)
$dom:=$1
$old:=Method called on error
ON ERR CALL("LABEL_ON_ERROR_CALL")
DOM GET XML ATTRIBUTE BY NAME($dom;"temp-id";$id)
ON ERR CALL($old)
If (OK=1)
DOM REMOVE XML ATTRIBUTE($dom;"temp-id")
DOM SET XML ATTRIBUTE($dom;"id";$id)
End if
ARRAY LONGINT($types;0)
ARRAY TEXT($nodes;0)
DOM GET XML CHILD NODES($dom;$types;$nodes)
C_LONGINT($p)
$p:=1
$p:=Find in array($types;XML ELEMENT;$p)
While ($p#-1)
//recursive call
DOM_ELEMENT_RESTORE_ID ($nodes{$p})
$p:=Find in array($types;XML ELEMENT;$p+1)
End while
C_TEXT($1)
$dom:=$1
$old:=Method called on error
ON ERR CALL("LABEL_ON_ERROR_CALL")
DOM GET XML ATTRIBUTE BY NAME($dom;"id";$id)
ON ERR CALL($old)
If (OK=1)
DOM SET XML ATTRIBUTE($dom;"temp-id";$id)
DOM REMOVE XML ATTRIBUTE($dom;"id")
End if
ARRAY LONGINT($types;0)
ARRAY TEXT($nodes;0)
DOM GET XML CHILD NODES($dom;$types;$nodes)
C_LONGINT($p)
$p:=1
$p:=Find in array($types;XML ELEMENT;$p)
While ($p#-1)
//recursive call
DOM_ELEMENT_CLEAR_ID ($nodes{$p})
$p:=Find in array($types;XML ELEMENT;$p+1)
End while
remove restore