Submit Search
Upload
4D Tags
•
0 likes
•
411 views
kmiyako
Follow
4D Road Show 2015《日本》プレゼンテーション
Read less
Read more
Technology
Report
Share
Report
Share
1 of 10
Download now
Download to read offline
Recommended
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Kohei Kadowaki
AngularJSとD3.jsによるインタラクティブデータビジュアライゼーション
AngularJSとD3.jsによるインタラクティブデータビジュアライゼーション
Yosuke Onoue
AngularJSでデータビジュアライゼーションがしたい
AngularJSでデータビジュアライゼーションがしたい
Yosuke Onoue
解決! メール送信
解決! メール送信
kmiyako
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
Naoki Matsuda
SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
Naoki Matsuda
HTML5 と SVG で考える、これからの画像アクセシビリティ
HTML5 と SVG で考える、これからの画像アクセシビリティ
Naoki Matsuda
HTML5 on ASP.NET
HTML5 on ASP.NET
Fujio Kojima
Recommended
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Kohei Kadowaki
AngularJSとD3.jsによるインタラクティブデータビジュアライゼーション
AngularJSとD3.jsによるインタラクティブデータビジュアライゼーション
Yosuke Onoue
AngularJSでデータビジュアライゼーションがしたい
AngularJSでデータビジュアライゼーションがしたい
Yosuke Onoue
解決! メール送信
解決! メール送信
kmiyako
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
Naoki Matsuda
SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
Naoki Matsuda
HTML5 と SVG で考える、これからの画像アクセシビリティ
HTML5 と SVG で考える、これからの画像アクセシビリティ
Naoki Matsuda
HTML5 on ASP.NET
HTML5 on ASP.NET
Fujio Kojima
CSS Design and Programming
CSS Design and Programming
Taku AMANO
Gtug girls-20140828
Gtug girls-20140828
Daichi Morifuji
W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告
W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告
Satoru Takagi
D3jsを使ってみた@wcan lt大会
D3jsを使ってみた@wcan lt大会
Takuya Ueda
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
HTML5-20100626
HTML5-20100626
Taku AMANO
A-Framで始めるWebAR (Blenderハンズオンの続きver.)
A-Framで始めるWebAR (Blenderハンズオンの続きver.)
Takashi Yoshinaga
OSC2020 Fukuoka: インストールいらず、WebAR入門
OSC2020 Fukuoka: インストールいらず、WebAR入門
Takashi Yoshinaga
Native x Webでいいとこどり開発 ~ピグトーク~
Native x Webでいいとこどり開発 ~ピグトーク~
Kazunari Hara
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
Naoki Matsuda
CSS3 Design Recipe
CSS3 Design Recipe
Kazunari Hara
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Nishida Kansuke
Canvas勉強会
Canvas勉強会
Tsutomu Kawamura
はじめてのモバイルウェブアプリ 3 SPARQLハンズオン オープンデータ水位ゲーム
はじめてのモバイルウェブアプリ 3 SPARQLハンズオン オープンデータ水位ゲーム
Taisuke Fukuno
Firefox5+HTML5×5
Firefox5+HTML5×5
dynamis
Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略
takezoe
Aaなゲームをjsで
Aaなゲームをjsで
Moriyoshi Koizumi
Aaなゲームをjsで
Aaなゲームをjsで
Moriyoshi Koizumi
広告配信現場で使うSpark機械学習
広告配信現場で使うSpark機械学習
x1 ichi
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4D
kmiyako
4D WORLD TOUR 2017
4D WORLD TOUR 2017
kmiyako
More Related Content
Similar to 4D Tags
CSS Design and Programming
CSS Design and Programming
Taku AMANO
Gtug girls-20140828
Gtug girls-20140828
Daichi Morifuji
W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告
W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告
Satoru Takagi
D3jsを使ってみた@wcan lt大会
D3jsを使ってみた@wcan lt大会
Takuya Ueda
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
HTML5-20100626
HTML5-20100626
Taku AMANO
A-Framで始めるWebAR (Blenderハンズオンの続きver.)
A-Framで始めるWebAR (Blenderハンズオンの続きver.)
Takashi Yoshinaga
OSC2020 Fukuoka: インストールいらず、WebAR入門
OSC2020 Fukuoka: インストールいらず、WebAR入門
Takashi Yoshinaga
Native x Webでいいとこどり開発 ~ピグトーク~
Native x Webでいいとこどり開発 ~ピグトーク~
Kazunari Hara
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
Naoki Matsuda
CSS3 Design Recipe
CSS3 Design Recipe
Kazunari Hara
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Nishida Kansuke
Canvas勉強会
Canvas勉強会
Tsutomu Kawamura
はじめてのモバイルウェブアプリ 3 SPARQLハンズオン オープンデータ水位ゲーム
はじめてのモバイルウェブアプリ 3 SPARQLハンズオン オープンデータ水位ゲーム
Taisuke Fukuno
Firefox5+HTML5×5
Firefox5+HTML5×5
dynamis
Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略
takezoe
Aaなゲームをjsで
Aaなゲームをjsで
Moriyoshi Koizumi
Aaなゲームをjsで
Aaなゲームをjsで
Moriyoshi Koizumi
広告配信現場で使うSpark機械学習
広告配信現場で使うSpark機械学習
x1 ichi
Similar to 4D Tags
(20)
CSS Design and Programming
CSS Design and Programming
Gtug girls-20140828
Gtug girls-20140828
W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告
W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告
D3jsを使ってみた@wcan lt大会
D3jsを使ってみた@wcan lt大会
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
HTML5-20100626
HTML5-20100626
A-Framで始めるWebAR (Blenderハンズオンの続きver.)
A-Framで始めるWebAR (Blenderハンズオンの続きver.)
OSC2020 Fukuoka: インストールいらず、WebAR入門
OSC2020 Fukuoka: インストールいらず、WebAR入門
Native x Webでいいとこどり開発 ~ピグトーク~
Native x Webでいいとこどり開発 ~ピグトーク~
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
CSS3 Design Recipe
CSS3 Design Recipe
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Canvas勉強会
Canvas勉強会
はじめてのモバイルウェブアプリ 3 SPARQLハンズオン オープンデータ水位ゲーム
はじめてのモバイルウェブアプリ 3 SPARQLハンズオン オープンデータ水位ゲーム
Firefox5+HTML5×5
Firefox5+HTML5×5
Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略
Aaなゲームをjsで
Aaなゲームをjsで
Aaなゲームをjsで
Aaなゲームをjsで
広告配信現場で使うSpark機械学習
広告配信現場で使うSpark機械学習
More from kmiyako
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4D
kmiyako
4D WORLD TOUR 2017
4D WORLD TOUR 2017
kmiyako
Leaflet
Leaflet
kmiyako
Inside Multi-Threading
Inside Multi-Threading
kmiyako
4D Tags
4D Tags
kmiyako
Mirroring
Mirroring
kmiyako
Objects Fields
Objects Fields
kmiyako
Code Optimisation
Code Optimisation
kmiyako
Auto Update
Auto Update
kmiyako
Classic Query Editor
Classic Query Editor
kmiyako
Web area-phone-home
Web area-phone-home
kmiyako
MONET研究会 #14
MONET研究会 #14
kmiyako
4d
4d
kmiyako
初心者からプロフェッショナルまで~データベース開発ソフト4Dの魅力を徹底紹介~
初心者からプロフェッショナルまで~データベース開発ソフト4Dの魅力を徹底紹介~
kmiyako
Xslt
Xslt
kmiyako
Journaling slides
Journaling slides
kmiyako
Unicode-v11-5
Unicode-v11-5
kmiyako
Unicode-v11-0
Unicode-v11-0
kmiyako
アップグレードセミナー
アップグレードセミナー
kmiyako
4D Write Pro
4D Write Pro
kmiyako
More from kmiyako
(20)
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4D
4D WORLD TOUR 2017
4D WORLD TOUR 2017
Leaflet
Leaflet
Inside Multi-Threading
Inside Multi-Threading
4D Tags
4D Tags
Mirroring
Mirroring
Objects Fields
Objects Fields
Code Optimisation
Code Optimisation
Auto Update
Auto Update
Classic Query Editor
Classic Query Editor
Web area-phone-home
Web area-phone-home
MONET研究会 #14
MONET研究会 #14
4d
4d
初心者からプロフェッショナルまで~データベース開発ソフト4Dの魅力を徹底紹介~
初心者からプロフェッショナルまで~データベース開発ソフト4Dの魅力を徹底紹介~
Xslt
Xslt
Journaling slides
Journaling slides
Unicode-v11-5
Unicode-v11-5
Unicode-v11-0
Unicode-v11-0
アップグレードセミナー
アップグレードセミナー
4D Write Pro
4D Write Pro
Recently uploaded
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
Recently uploaded
(9)
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
4D Tags
1.
SVGでグラフ/チャートを作成するために 4D Tags
2.
基本 SVG: テキストファイル <?xml version="1.0"
encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:exsl4D="http://www.4D.com" xmlns:gFunc="http://gFunc" xmlns:math="http://exslt.org/math" xmlns:xlink="http:// www.w3.org/1999/xlink" id="ID_svg" viewBox= "0 0 800 600" viewport-fill="white" viewport-fill-opacity="0"> <rect x="0" y="100" width="40" height="80" fill="blue" id="NiceBlueRect"/> </svg> ソースコード 画像
3.
基本 4Dタグ • テキストファイル(HTML, SVG,
XML)を処理理するためのツール • 構成要素を外部リソースとして管理理するために • ユーザーがドキュメントをカスタマイズするための⼿手段として Name: “<!-‐‑‒-‐‑‒#4DTEXT vName-‐‑‒-‐‑‒>” ID: “<!-‐‑‒-‐‑‒#4DTEXT arrID{7}-‐‑‒-‐‑‒>” City: “<!-‐‑‒-‐‑‒#4DTEXT [Comp]City-‐‑‒-‐‑‒>” Name: “John Doe” ID: 78421 City: “Paris”
4.
ループ 4Dタグ <!-‐‑‒-‐‑‒#4DLOOP [Table]-‐‑‒-‐‑‒> <!-‐‑‒-‐‑‒#4DLOOP arrIDs-‐‑‒-‐‑‒> <!-‐‑‒-‐‑‒#4DLOOP
myMethod-‐‑‒-‐‑‒> <!-‐‑‒-‐‑‒#4DLOOP (condition)-‐‑‒-‐‑‒> v14R4
5.
ループ 4Dタグ <!--#4DEVAL $i:=0--> <!--#4DLOOP ($i<8)--> <!--#4DEVAL
$i--> <!--#4DEVAL $i:=$i+1--> <!--#4DENDLOOP--> 0 1 2 3 4 5 6 7 改⾏行行コードは除去しない スペースは必要 <!--#4DLOOP($i<8)--> シンタックスエラー v14R4
6.
フォーミュラ式 4DEVAL <!--#4DEVAL $i:=40--> <!--#4DEVAL $label:="ABC-"+Strin:C10($i)—> LABEL: <!--#4DEVAL
$label--> 代⼊入もOK v14R4 隔離離された実⾏行行コンテキスト: 接頭辞の有無に関係なく,実質的なスコープはローカル変数 4DHTMLと同じ効果 任意: コマンド番号 EVAL != evil LABEL: ABC-40
7.
パラメーター $1, $2, $3 v14R4 <!--#4DEVAL
$firstName:= $1--> <!--#4DEVAL $lastName := $2--> Dear <!--#4DEVAL $firstName--> <!--#4DEVAL $lastName-->, Dear Mr John Doe, PROCESS 4D TAGS (<>Source;<>target;"John";"Doe")
8.
SVG 4Dタグ <?xml version="1.0" encoding="UTF-8"
standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:exsl4D="http://www.4D.com" xmlns:gFunc="http://gFunc" xmlns:math="http://exslt.org/math" xmlns:xlink="http:// www.w3.org/1999/xlink" id="ID_svg" viewBox= "0 0 800 600" viewport-fill="white" viewport-fill-opacity="0"> <rect x="0" y="100" width="40" height="80" fill="blue" id="NiceBlueRect"/> </svg> <!--#4DLOOP <>_x--> <rect x="<!--#4DVAR <>_x{<>_x}-->" fill="<!--#4DVAR <>_fill{<>_x}-->" y="100" width="40" height="80"/> <!--#4DENDLOOP-->
9.
SVG 4Dタグ
10.
SVG 4Dタグ
Download now