Soumettre la recherche
Mettre en ligne
SVG、あきた
•
2 j'aime
•
1,057 vues
cocu_628496
Suivre
svgでweb componentsする話とセキュリティの話をした話。
Lire moins
Lire la suite
Signaler
Partager
Signaler
Partager
1 sur 43
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
NetBSD on Conoha VPS at JNUG BoF 2014
NetBSD on Conoha VPS at JNUG BoF 2014
Ryo ONODERA
イカ娘も終わったしVarnishでも使うか
イカ娘も終わったしVarnishでも使うか
Kazutoshi Fujimoto
20170823 rmiを使ってみた
20170823 rmiを使ってみた
Daniel Sun
量子コンピュータと量子暗号 Quantum Computer & Quantum Cryptography
量子コンピュータと量子暗号 Quantum Computer & Quantum Cryptography
Kite Koga
Shell で制限付き並列処理をしよう
Shell で制限付き並列処理をしよう
博文 斉藤
yet another all-in-one cloudfoundry
yet another all-in-one cloudfoundry
Ken Ojiri
第一回機械学習アルゴリズム実装会
第一回機械学習アルゴリズム実装会
Takeshi Ishita
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
Recommandé
NetBSD on Conoha VPS at JNUG BoF 2014
NetBSD on Conoha VPS at JNUG BoF 2014
Ryo ONODERA
イカ娘も終わったしVarnishでも使うか
イカ娘も終わったしVarnishでも使うか
Kazutoshi Fujimoto
20170823 rmiを使ってみた
20170823 rmiを使ってみた
Daniel Sun
量子コンピュータと量子暗号 Quantum Computer & Quantum Cryptography
量子コンピュータと量子暗号 Quantum Computer & Quantum Cryptography
Kite Koga
Shell で制限付き並列処理をしよう
Shell で制限付き並列処理をしよう
博文 斉藤
yet another all-in-one cloudfoundry
yet another all-in-one cloudfoundry
Ken Ojiri
第一回機械学習アルゴリズム実装会
第一回機械学習アルゴリズム実装会
Takeshi Ishita
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
webcampusschoo
婚活メソッド
婚活メソッド
Akiko Iwakiri
宇宙開発の是非
宇宙開発の是非
内田 啓太郎
TokyoWebMining#18_nukamu
TokyoWebMining#18_nukamu
nukamu
ASTRAX民間宇宙ビジネスシンポジウム2014 くさまひろゆきさん発表資料
ASTRAX民間宇宙ビジネスシンポジウム2014 くさまひろゆきさん発表資料
ASTRAX_STUDIO
Titanium Mobile
Titanium Mobile
Naoya Ito
Introduction To Moco
Introduction To Moco
Naoya Ito
081108huge_data.ppt
081108huge_data.ppt
Naoya Ito
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
Naoya Ito
Unixファイルシステムの歴史
Unixファイルシステムの歴史
magoroku Yamamoto
Scripting Layer for Android + Perl
Scripting Layer for Android + Perl
Naoya Ito
P2Pネットワークを利用した分散ファイルシステムの開発
P2Pネットワークを利用した分散ファイルシステムの開発
shiftky
ファイルシステム
ファイルシステム
Yohei Tanaka
婚活の戦略「恋愛マスターのマインドセット」
婚活の戦略「恋愛マスターのマインドセット」
大和 金太郎
Ext4 filesystem(1)
Ext4 filesystem(1)
Yoshihiro Yunomae
超高速開発の基礎概念 20141119 0
超高速開発の基礎概念 20141119 0
正善 大島
編入試験への準備と編入後の生活
編入試験への準備と編入後の生活
ShotaSatuma
はてなブックマークのシステムについて
はてなブックマークのシステムについて
Naoya Ito
言語処理系入門1
言語処理系入門1
Kenta Hattori
0章 Linuxカーネルを読む前に最低限知っておくべきこと
0章 Linuxカーネルを読む前に最低限知っておくべきこと
mao999
おふとんから眺めるSVG
おふとんから眺めるSVG
cocu_628496
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
Naoki Matsuda
Contenu connexe
En vedette
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
webcampusschoo
婚活メソッド
婚活メソッド
Akiko Iwakiri
宇宙開発の是非
宇宙開発の是非
内田 啓太郎
TokyoWebMining#18_nukamu
TokyoWebMining#18_nukamu
nukamu
ASTRAX民間宇宙ビジネスシンポジウム2014 くさまひろゆきさん発表資料
ASTRAX民間宇宙ビジネスシンポジウム2014 くさまひろゆきさん発表資料
ASTRAX_STUDIO
Titanium Mobile
Titanium Mobile
Naoya Ito
Introduction To Moco
Introduction To Moco
Naoya Ito
081108huge_data.ppt
081108huge_data.ppt
Naoya Ito
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
Naoya Ito
Unixファイルシステムの歴史
Unixファイルシステムの歴史
magoroku Yamamoto
Scripting Layer for Android + Perl
Scripting Layer for Android + Perl
Naoya Ito
P2Pネットワークを利用した分散ファイルシステムの開発
P2Pネットワークを利用した分散ファイルシステムの開発
shiftky
ファイルシステム
ファイルシステム
Yohei Tanaka
婚活の戦略「恋愛マスターのマインドセット」
婚活の戦略「恋愛マスターのマインドセット」
大和 金太郎
Ext4 filesystem(1)
Ext4 filesystem(1)
Yoshihiro Yunomae
超高速開発の基礎概念 20141119 0
超高速開発の基礎概念 20141119 0
正善 大島
編入試験への準備と編入後の生活
編入試験への準備と編入後の生活
ShotaSatuma
はてなブックマークのシステムについて
はてなブックマークのシステムについて
Naoya Ito
言語処理系入門1
言語処理系入門1
Kenta Hattori
0章 Linuxカーネルを読む前に最低限知っておくべきこと
0章 Linuxカーネルを読む前に最低限知っておくべきこと
mao999
En vedette
(20)
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
婚活メソッド
婚活メソッド
宇宙開発の是非
宇宙開発の是非
TokyoWebMining#18_nukamu
TokyoWebMining#18_nukamu
ASTRAX民間宇宙ビジネスシンポジウム2014 くさまひろゆきさん発表資料
ASTRAX民間宇宙ビジネスシンポジウム2014 くさまひろゆきさん発表資料
Titanium Mobile
Titanium Mobile
Introduction To Moco
Introduction To Moco
081108huge_data.ppt
081108huge_data.ppt
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
Unixファイルシステムの歴史
Unixファイルシステムの歴史
Scripting Layer for Android + Perl
Scripting Layer for Android + Perl
P2Pネットワークを利用した分散ファイルシステムの開発
P2Pネットワークを利用した分散ファイルシステムの開発
ファイルシステム
ファイルシステム
婚活の戦略「恋愛マスターのマインドセット」
婚活の戦略「恋愛マスターのマインドセット」
Ext4 filesystem(1)
Ext4 filesystem(1)
超高速開発の基礎概念 20141119 0
超高速開発の基礎概念 20141119 0
編入試験への準備と編入後の生活
編入試験への準備と編入後の生活
はてなブックマークのシステムについて
はてなブックマークのシステムについて
言語処理系入門1
言語処理系入門1
0章 Linuxカーネルを読む前に最低限知っておくべきこと
0章 Linuxカーネルを読む前に最低限知っておくべきこと
Similaire à SVG、あきた
おふとんから眺めるSVG
おふとんから眺めるSVG
cocu_628496
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
Naoki Matsuda
CSSだけで実現するグラフィック表現
CSSだけで実現するグラフィック表現
AdvancedTechNight
Inside of excel 方眼紙撲滅委員会 #pyfes
Inside of excel 方眼紙撲滅委員会 #pyfes
Takeshi Komiya
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Kohei Kadowaki
Javascript で暗号化
Javascript で暗号化
suno88
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
Naoki Matsuda
D3jsを使ってみた@wcan lt大会
D3jsを使ってみた@wcan lt大会
Takuya Ueda
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
HTML5-20100626
HTML5-20100626
Taku AMANO
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
Yasunobu Ikeda
SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
Naoki Matsuda
Vagrant+virtualboxを使ってみよう
Vagrant+virtualboxを使ってみよう
Kei IWASAKI
Css3でキャラクターアニメーションに挑戦してみた
Css3でキャラクターアニメーションに挑戦してみた
Shinichi Sato
Canvas勉強会
Canvas勉強会
Tsutomu Kawamura
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
I want Make full svg website
I want Make full svg website
Hidetsugu Takahashi
速くなければスマフォじゃない
速くなければスマフォじゃない
Kazunari Hara
Similaire à SVG、あきた
(20)
おふとんから眺めるSVG
おふとんから眺めるSVG
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
CSSだけで実現するグラフィック表現
CSSだけで実現するグラフィック表現
Inside of excel 方眼紙撲滅委員会 #pyfes
Inside of excel 方眼紙撲滅委員会 #pyfes
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Javascript で暗号化
Javascript で暗号化
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
D3jsを使ってみた@wcan lt大会
D3jsを使ってみた@wcan lt大会
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Nodeにしましょう
Nodeにしましょう
HTML5-20100626
HTML5-20100626
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
Vagrant+virtualboxを使ってみよう
Vagrant+virtualboxを使ってみよう
Css3でキャラクターアニメーションに挑戦してみた
Css3でキャラクターアニメーションに挑戦してみた
Canvas勉強会
Canvas勉強会
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
I want Make full svg website
I want Make full svg website
速くなければスマフォじゃない
速くなければスマフォじゃない
Plus de cocu_628496
COINS-Project_2015新歓説明
COINS-Project_2015新歓説明
cocu_628496
pythonワンライナーのすゝめ
pythonワンライナーのすゝめ
cocu_628496
svgで遊んでみた話
svgで遊んでみた話
cocu_628496
This is Tsuru.
This is Tsuru.
cocu_628496
後天性ACになるためのガイドブック
後天性ACになるためのガイドブック
cocu_628496
svgに恋をした
svgに恋をした
cocu_628496
Plus de cocu_628496
(6)
COINS-Project_2015新歓説明
COINS-Project_2015新歓説明
pythonワンライナーのすゝめ
pythonワンライナーのすゝめ
svgで遊んでみた話
svgで遊んでみた話
This is Tsuru.
This is Tsuru.
後天性ACになるためのガイドブック
後天性ACになるためのガイドブック
svgに恋をした
svgに恋をした
SVG、あきた
1.
SVG、あきた
2.
自己紹介
3.
こく(cocuh) COINS-Project インフラ・鯖管理者 †闇の参謀† ArchLinux☆ミ 闇pythonista幼女クラスタ 美遊さんのジト目:+1: seccamp2013, isef2011
4.
まぁ..
5.
@cocu_tan :rotating_wo:
6.
What is SVG. coinsLT来る人は知ってるよね。
7.
0x10秒で説明
8.
グラフとか
9.
アイコンで使われる
10.
拡大しても 綺麗な
11.
画像形式 <html> <img src="wo-class.svg"/> </html>
12.
</説明>
13.
秘伝の LT.git によると
14.
17件中10件が SVGのLT - coinsLT #0 -
mastLT 2014 - esysLT 2014 - security camp forum - etc .... 59%!!!!
15.
そんなわけで
16.
飽きちゃうよね
17.
なので、今日は
18.
趣向を変えて
19.
SVGの話します
20.
1. web components風な使い方 2.
セキュリティの話 Same Origin Policy回避するぜ 先日、業務で考えたテクニック
21.
1. web components風な使い方 先日、業務で考えたテクニック もうだれか考えてそう
22.
小さい部品ごとに分けて管理するなにか と思ってもらえればおk css jshtml component css jshtml component web
componentsとは
23.
<object>使って小さく管理する js<script> css <?xml-stylesheet?> SVG html SVG htmlの部品をSVGとして吐き出す。 javascriptの使い回しができる
24.
<object>内部へアクセスする $object_elem.contentDocumentで <object>内部のdocument objectが取れる object.svg <script> document.func_spam =
function(){...}; </script> svg内部でdocumentにインターフェイスを追加する。 $object_elem.contentDocument.func_spam()
25.
<script> js css <?xml-stylesheet?> SVG html SVG javascript object javascript object conetntDocument <object>内部へアクセスする $object_elem.contentDocumentで <object>内部のdocument
objectが取れる
26.
svg: view(DOM tree) css:
view(style) js: logic
27.
2. セキュリティの話 Same Origin
Policy回避するぜ
28.
説明めんどいから DEMO
29.
http://weak.example.com/index.html
30.
http://weak.example.com/icon.svg
31.
http://evil.example.com/evil.js
32.
evil.example.comtarget.example.com 健全なサイト.html S O P の 壁 <object> icon.svg <script> evil.js evilな人が いじれる この前のgithubの DDoSみたいに
33.
evil.example.comtarget.example.com 健全なサイト.html S O P の 壁 <object> icon.svg <script> evil.js <img> CSP <img>使え CSPかけろ js,SMIL使えなくなる ようじょかわいい
34.
evilなようじょ「SVGのアイコン配布中だよ☆」
35.
evilなようじょ「<object>で読み込んでね☆」
36.
evilなようじょ「<object>で読み込んでね☆」 でんじゃらす
37.
今回のつらみ
38.
39.
40.
41.
まとめ
42.
SVG、あきた
43.
</svg>
Télécharger maintenant