Suche senden
Hochladen
SVG、あきた
•
2 gefällt mir
•
1,057 views
cocu_628496
Folgen
svgでweb componentsする話とセキュリティの話をした話。
Weniger lesen
Mehr lesen
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 43
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
NetBSD on Conoha VPS at JNUG BoF 2014
NetBSD on Conoha VPS at JNUG BoF 2014
Ryo ONODERA
イカ娘も終わったしVarnishでも使うか
イカ娘も終わったしVarnishでも使うか
Kazutoshi Fujimoto
20170803 JJUG LT大会
20170823 rmiを使ってみた
20170823 rmiを使ってみた
Daniel Sun
量子コンピュータと量子暗号について簡単に説明します @ WordBench 京都 2016年12月19日。 Introduction of quantum computer and quantum cryptography @ WordBench Kyoto Dec 19th 2016.
量子コンピュータと量子暗号 Quantum Computer & Quantum Cryptography
量子コンピュータと量子暗号 Quantum Computer & Quantum Cryptography
Kite Koga
Shell で制限付き並列処理をしよう
Shell で制限付き並列処理をしよう
博文 斉藤
yet another all-in-one cloudfoundry
yet another all-in-one cloudfoundry
yet another all-in-one cloudfoundry
Ken Ojiri
第一回機械学習アルゴリズム実装会で使用したSCWのスライドです
第一回機械学習アルゴリズム実装会
第一回機械学習アルゴリズム実装会
Takeshi Ishita
Sapporo.js-2010.08.07LT資料
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
Empfohlen
NetBSD on Conoha VPS at JNUG BoF 2014
NetBSD on Conoha VPS at JNUG BoF 2014
Ryo ONODERA
イカ娘も終わったしVarnishでも使うか
イカ娘も終わったしVarnishでも使うか
Kazutoshi Fujimoto
20170803 JJUG LT大会
20170823 rmiを使ってみた
20170823 rmiを使ってみた
Daniel Sun
量子コンピュータと量子暗号について簡単に説明します @ WordBench 京都 2016年12月19日。 Introduction of quantum computer and quantum cryptography @ WordBench Kyoto Dec 19th 2016.
量子コンピュータと量子暗号 Quantum Computer & Quantum Cryptography
量子コンピュータと量子暗号 Quantum Computer & Quantum Cryptography
Kite Koga
Shell で制限付き並列処理をしよう
Shell で制限付き並列処理をしよう
博文 斉藤
yet another all-in-one cloudfoundry
yet another all-in-one cloudfoundry
yet another all-in-one cloudfoundry
Ken Ojiri
第一回機械学習アルゴリズム実装会で使用したSCWのスライドです
第一回機械学習アルゴリズム実装会
第一回機械学習アルゴリズム実装会
Takeshi Ishita
Sapporo.js-2010.08.07LT資料
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
webcampusschoo
先達から教えられた、婚活成功のための4か条をお知らせします!
婚活メソッド
婚活メソッド
Akiko Iwakiri
3組Eグループ 2013年12月17日(火)4限実施.
宇宙開発の是非
宇宙開発の是非
内田 啓太郎
TokyoWebMining#18_nukamu
TokyoWebMining#18_nukamu
nukamu
ASTRAX民間宇宙ビジネスシンポジウム2014 くさまひろゆきさんによる発表資料 1 無重力プロポーズチャレンジ 2 無重力キャラクターZERO-BOYAプロジェクト 3 JICOO×ASTRAX宇宙クルーズプロデュース
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
2013 情報特別演習1
P2Pネットワークを利用した分散ファイルシステムの開発
P2Pネットワークを利用した分散ファイルシステムの開発
shiftky
ファイルシステム
ファイルシステム
Yohei Tanaka
恋活・婚活の最強メソッドを伝授します。 今回は、「恋愛マスターのマインドセット」編です。
婚活の戦略「恋愛マスターのマインドセット」
婚活の戦略「恋愛マスターのマインドセット」
大和 金太郎
Investigation on ext4 filesystem of current Linux This slide focuses on ext4 disk layout. Ext4 filesystem(2) http://www.slideshare.net/YoshihiroYunomae/ext4-filesystem2
Ext4 filesystem(1)
Ext4 filesystem(1)
Yoshihiro Yunomae
超高速開発の概念をまとめた資料です。ビジネスの変化に迅速に対応できる情報システムを構築することが求められています。そのような時代に、労働集約的な開発をしていることに根本的・本質的な無理難題が存在することを理解いただくための資料です。システム開発のイノベーションが必須であり、適用している企業では、すでに多大な効果が出ています。そういったことをまとめています。
超高速開発の基礎概念 20141119 0
超高速開発の基礎概念 20141119 0
正善 大島
2016/01/15, Fri, 専攻科生/編入生による進学報告会 @ National Institute of Technology, Ibaraki College
編入試験への準備と編入後の生活
編入試験への準備と編入後の生活
ShotaSatuma
はてなブックマークのシステムについて
はてなブックマークのシステムについて
Naoya Ito
会社でやっていたソフトウェア基礎講座での講義資料
言語処理系入門1
言語処理系入門1
Kenta Hattori
Linuxカーネルを読む前に知っておくべきこと
0章 Linuxカーネルを読む前に最低限知っておくべきこと
0章 Linuxカーネルを読む前に最低限知っておくべきこと
mao999
klisLTでやったなにか 誤字 snap.js -> snap.svg
おふとんから眺めるSVG
おふとんから眺めるSVG
cocu_628496
「SVG MANIAX - CSS Nite After dark7」 http://www.slideshare.net/ssuser99dc16/svg-maniaxcss-nite-after-dark7-svgmatsuda を再編したものです。いろいろ追加もしました。
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
Naoki Matsuda
Weitere ähnliche Inhalte
Andere mochten auch
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
アメリカで宇宙ベンチャーに注目が集まる理由に迫る
webcampusschoo
先達から教えられた、婚活成功のための4か条をお知らせします!
婚活メソッド
婚活メソッド
Akiko Iwakiri
3組Eグループ 2013年12月17日(火)4限実施.
宇宙開発の是非
宇宙開発の是非
内田 啓太郎
TokyoWebMining#18_nukamu
TokyoWebMining#18_nukamu
nukamu
ASTRAX民間宇宙ビジネスシンポジウム2014 くさまひろゆきさんによる発表資料 1 無重力プロポーズチャレンジ 2 無重力キャラクターZERO-BOYAプロジェクト 3 JICOO×ASTRAX宇宙クルーズプロデュース
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
2013 情報特別演習1
P2Pネットワークを利用した分散ファイルシステムの開発
P2Pネットワークを利用した分散ファイルシステムの開発
shiftky
ファイルシステム
ファイルシステム
Yohei Tanaka
恋活・婚活の最強メソッドを伝授します。 今回は、「恋愛マスターのマインドセット」編です。
婚活の戦略「恋愛マスターのマインドセット」
婚活の戦略「恋愛マスターのマインドセット」
大和 金太郎
Investigation on ext4 filesystem of current Linux This slide focuses on ext4 disk layout. Ext4 filesystem(2) http://www.slideshare.net/YoshihiroYunomae/ext4-filesystem2
Ext4 filesystem(1)
Ext4 filesystem(1)
Yoshihiro Yunomae
超高速開発の概念をまとめた資料です。ビジネスの変化に迅速に対応できる情報システムを構築することが求められています。そのような時代に、労働集約的な開発をしていることに根本的・本質的な無理難題が存在することを理解いただくための資料です。システム開発のイノベーションが必須であり、適用している企業では、すでに多大な効果が出ています。そういったことをまとめています。
超高速開発の基礎概念 20141119 0
超高速開発の基礎概念 20141119 0
正善 大島
2016/01/15, Fri, 専攻科生/編入生による進学報告会 @ National Institute of Technology, Ibaraki College
編入試験への準備と編入後の生活
編入試験への準備と編入後の生活
ShotaSatuma
はてなブックマークのシステムについて
はてなブックマークのシステムについて
Naoya Ito
会社でやっていたソフトウェア基礎講座での講義資料
言語処理系入門1
言語処理系入門1
Kenta Hattori
Linuxカーネルを読む前に知っておくべきこと
0章 Linuxカーネルを読む前に最低限知っておくべきこと
0章 Linuxカーネルを読む前に最低限知っておくべきこと
mao999
Andere mochten auch
(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カーネルを読む前に最低限知っておくべきこと
Ähnlich wie SVG、あきた
klisLTでやったなにか 誤字 snap.js -> snap.svg
おふとんから眺めるSVG
おふとんから眺めるSVG
cocu_628496
「SVG MANIAX - CSS Nite After dark7」 http://www.slideshare.net/ssuser99dc16/svg-maniaxcss-nite-after-dark7-svgmatsuda を再編したものです。いろいろ追加もしました。
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
2012/7/21に大阪で開催された「第5回 HTML5など勉強会」でのプレゼン資料です。
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Kohei Kadowaki
NSEG 第 40 回勉強会で、mebius こと砂原昌史さんが発表でお使いになったスライドを代理でアップロードしました。
Javascript で暗号化
Javascript で暗号化
suno88
昨今、Webデザインのツールとしても注目を浴び始めているベクターツール。老舗の Illustrator はもちろん、新参の Sketch 3 などもすでにWebデザインツールとして十分な実績を得ています。 もちろんデザインカンプを作るツールとしても優秀なこれらですが、モックアップづくりなどの中間成果物においてもベクターは僕らの味方です。ベクター、ひいては SVG の時間短縮的に効率的な活用法をご紹介します。
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
Naoki Matsuda
D3jsを使ってみた@wcan lt大会
D3jsを使ってみた@wcan lt大会
Takuya Ueda
Firefox Developers Conference 2012 in Osakaのライトニングトークで使った発表資料です。
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
静岡javaScript勉強会 #1 での発表内容です。
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
HTML5-20100626
HTML5-20100626
Taku AMANO
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
Yasunobu Ikeda
「文書としてのSVG」の特徴、ブラウザでの挙動の違い、Webページヘの埋め込み方、フォールバックの方法などを紹介します。このスライドを見たあと、Illustrator で書き出した SVG のコードをぜひ眺めてみてください。
SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
Naoki Matsuda
NODE-Setagaya#2で使ったスライドです
Vagrant+virtualboxを使ってみよう
Vagrant+virtualboxを使ってみよう
Kei IWASAKI
Css3でキャラクターアニメーションに挑戦してみた
Css3でキャラクターアニメーションに挑戦してみた
Shinichi Sato
https://www.facebook.com/events/274780085953298/
Canvas勉強会
Canvas勉強会
Tsutomu Kawamura
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
I tryed create full svg web site, that report.
I want Make full svg website
I want Make full svg website
Hidetsugu Takahashi
こちらのイベント(http://atnd.org/events/29870)の内容です。
速くなければスマフォじゃない
速くなければスマフォじゃない
Kazunari Hara
Ähnlich wie 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
速くなければスマフォじゃない
速くなければスマフォじゃない
Mehr von cocu_628496
COINS-Projectで新歓説明したもの。 http://coins-p.cs.tsukuba.ac.jp/
COINS-Project_2015新歓説明
COINS-Project_2015新歓説明
cocu_628496
342行が1行になったコードはこちら https://github.com/cocu/WallpaperChanger/tree/oneliner
pythonワンライナーのすゝめ
pythonワンライナーのすゝめ
cocu_628496
とちゅうのモザイクの部分は、svgで実装したslideのなかにtwitterのTLが見れてつぶやけるようになってましたが、プライバシーの関係でモザイクかけました,
svgで遊んでみた話
svgで遊んでみた話
cocu_628496
某LTの何か #coins_welcome_party
This is Tsuru.
This is Tsuru.
cocu_628496
某LTのなにか #coins_welcome_party
後天性ACになるためのガイドブック
後天性ACになるためのガイドブック
cocu_628496
某セキュリティキャンプフォーラムでLTしたもの svgの楽しさとxssの危険性とかちょっとふれたつもり
svgに恋をした
svgに恋をした
cocu_628496
Mehr von 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>
Jetzt herunterladen