dotFes - Web標準にEdgeを利かそう

Web標準にEdgeを利かそう dotFes 2013 KYOTO ・アンディホール・アドビジャパン

だれだこいつ

§  日本在住歴もWeb開発歴も十ん年

§  物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々

§  現在の肩書がテクニカルエバンジェリスト

§  カタコトでゴメンね

§  ゲーム好き、などなど

@fenomas http://aphall.com

過去のウェブ：

§  HTML §  CSS §  SVG §  DHTML

現在のウェブ

Adobeとしての活躍

contribute to a better web

better web experience

bring innovations to the web better tools for the web

Contributing to the web

表示ブレンドモードカスタムフィルター

Clip Paths

レイアウト CSS Regions CSS Shapes

プラットフォーム Apache Cordova (PhoneGap)

コミュニティー＆テスト Test the Web Forward

Web Platform ドキュメンテーション

詳細情報：

html.adobe.com/jp

アニメを作る

コードを書く

レスポンシブデザイン

何でも屋さん

ツールの紹介：

ツールの入手はCreative Cloudから

creative.adobe.com/

Contributing to the web

表示ブレンドモードカスタムフィルター

Clip Paths

レイアウト CSS Regions CSS Shapes

プラットフォーム Apache Cordova (PhoneGap)

コミュニティー＆テスト Test the Web Forward

Web Platform ドキュメンテーション

CSS フィルター

Webの進化の事例：

現状の対応： Chrome, Safari, iOS, Opera （プレフィックス）

CSS フィルター

filter: sepia(0.8);

Edge Animate、Reflow でビジュアルに作る

カスタムフィルター

現状の対応： Chrome, Opera（有効に設定する必要がある） Webkit （ナイトリービルド）

カスタムフィルター

カスタムフィルターのデモ

git.io/zxtapw （ chrome://flags でCSS シェーダを有効にしよう）

CSS FilterLab

github.com/adobe/cssfilterlab （ chrome://flags でCSS シェーダを有効にしよう）

CSS Regions

現状の対応： iOS7 （標準対応！） IE、Safari （プレフィックス） Chrome, Opera（有効に設定する必要がある） Webkit （ナイトリービルド）

Reflow でビジュアルに作る

github.com/adobe-webplatform/ Demo-for-National-Geographic-Orphan-Elephants

CSS シェイプ

現状の対応： Chrome, Opera（有効に設定する必要がある） Webkit （ナイトリービルド）

github.com/adobe-webplatform/ Demo-for-Alice-s-Adventures-in-Wonderland

Follow us! html.adobe.com/jp

github.com/adobe-webplatform

質問など： @fenomas

andhall@adobe.com

dotFes - Web標準にEdgeを利かそう

Technology

網頁標準（FrontPage 213）

IPv6 標準化と実装

CDISC標準の概要 - umin.ac.jp · PDF file1．CDISC標準とは何か？ CDISC標準(CDISC Standards) ⇒CDISCの規定する標準仕様の集まり 1．SDTM Study Data Tabulation

産業用産業用カカメラメラケケーーブブルル - Daitron[ダイト …DTXC-12P＊＊RT-S/1 DTXC-12P＊＊N/1 標準モールド標準組立標準L型(Up) 標準L型(Down)

NIST の標準策定プロセス（組織構造、標準活動、 …ニューヨークだより特別号（2019年1 月） 1 NISTの標準策定プロセス（組織構造、標準活動、人材確保）

GFSI BRC 22000 包裝標準

行政區域界線資料標準文件編號：NGISTD -ANC-003-2010 · ISO 19100系列標準 1. ISO 19107 標準（Spatial Schema） 2. ISO 19108 標準（Temporal Shema ） 3. ISO

カートリッジ型番標準価格標準価格 - NOSC · 2017. 6. 27. · メーカー. カートリッジ型番標準価格. 標準価格. 御見積価格. 適応プリンタ

標準図面集標準道路横断構成（1）幅員5.0m以上 · 1 標準図面集標準道路横断構成（1）幅員5.0m以上境境界道路幅員界

Ⅰ型・L型キッチン用レンジフード型・L サイクロン …...サイドサイクロンフード標準タイプガラスパーティション標準タイプガラスパーティション

水栓・シャワー - LIXIL標準仕様標準仕様 F エコフルシャワー〈ホワイト〉標準仕様 Z Z 標準仕様 JA 兼用壁付サーモ水栓（クロマーレ）

CDISC標準の概要 - UMIN

スマートグリッド標準化議論の中での TC8の役割 60038（標準電圧）、IEC 60059（標準電流）、IEC 60196 （標準周波数）を管理している。コンビナ：フランス

テレコマンドデータリンクプロトコル設計標準sma.jaxa.jp/TechDoc/Docs/JAXA-JERG-2-401.pdfJERG-2-401 テレコマンドデータリンクプロトコル設計標準

TERRATRAC - ryokusan.co.jp3,000 31x15.50-15 オプション / オプション標準装備オプションオプションオプション標準装備標準装備 1,300 / 1,200 オプション

212 10S 1 標準形標準形 10S 1tzmall.taiyo-ltd.co.jp/.../login/products/cat2/PDF/10S_1.pdf10S －1 標準形薄形空気圧シリンダ標準形 10S－1 省スペース

デジタルシネマの標準技術に関する研究 - JST...の標準技術を生みだし，技術標準・マニュアル・品質標準という知的財産の輸出と，技術標準に基づくデジタルシネ

智慧電網核心標準研訂進展amrstandard.tca.org.tw/upload/201710192202081.pdf · 依據國際標準研擬智慧電網標準 1. iec鑑別全球100多種標準， 2010年選取

OKANO CABLES FOR FAOKANO CABLES FOR FA 素線構成標準外径標準厚標準外径標準厚標準外径導体抵抗絶縁抵抗耐電圧電流容量※ AWG SQ 本/mm

土木工事標準積算基準2018/07/01 · 第2編標準歩掛（建設工事編）第3編標準歩掛（保全工事編）第4編標準歩掛（保全工事編）暫定 1