Suche senden
Hochladen
おふとんから眺めるSVG
•
1 gefällt mir
•
933 views
cocu_628496
Folgen
klisLTでやったなにか 誤字 snap.js -> snap.svg
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 23
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
I want Make full svg website
I want Make full svg website
Hidetsugu Takahashi
コミュニティと自分
コミュニティと自分
祐樹 夏目
SVGでつくるインタラクティブWebアプリケーション
SVGでつくるインタラクティブWebアプリケーション
Kohei Kadowaki
僕の Serverless web application
僕の Serverless web application
祐樹 夏目
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
Kohei Kadowaki
使う前に知っておきたいSVGのこと
使う前に知っておきたいSVGのこと
Kasumi Morita
20150207 サービス紹介編 Amazon Simple Queue Service (SQS)
20150207 サービス紹介編 Amazon Simple Queue Service (SQS)
Koichiro Nishijima
春のJavaScript祭り
春のJavaScript祭り
Masahiro Hata
Empfohlen
I want Make full svg website
I want Make full svg website
Hidetsugu Takahashi
コミュニティと自分
コミュニティと自分
祐樹 夏目
SVGでつくるインタラクティブWebアプリケーション
SVGでつくるインタラクティブWebアプリケーション
Kohei Kadowaki
僕の Serverless web application
僕の Serverless web application
祐樹 夏目
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
Kohei Kadowaki
使う前に知っておきたいSVGのこと
使う前に知っておきたいSVGのこと
Kasumi Morita
20150207 サービス紹介編 Amazon Simple Queue Service (SQS)
20150207 サービス紹介編 Amazon Simple Queue Service (SQS)
Koichiro Nishijima
春のJavaScript祭り
春のJavaScript祭り
Masahiro Hata
SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
Naoki Matsuda
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
MySQL Fabricつらい
MySQL Fabricつらい
yoku0825
CSV
CSV
Masahiro Tomita
これからはじめるひとのためのdev.mysql.com
これからはじめるひとのためのdev.mysql.com
yoku0825
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Yutaro Miyazaki
ネットワークこわい
ネットワークこわい
Masahiro Tomita
いまいまMySQL@OSC2016長岡
いまいまMySQL@OSC2016長岡
sakaik
JS/Canvas Tutorial2
JS/Canvas Tutorial2
秀俊 伊藤
Azure Event Grid 事始め
Azure Event Grid 事始め
Masahiro Nishimura
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
Naoki Matsuda
Svgについて
Svgについて
tomowata
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
Naoki Matsuda
SVG、あきた
SVG、あきた
cocu_628496
HTML5-20100626
HTML5-20100626
Taku AMANO
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Kohei Kadowaki
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
Firefox OSでSVGをつかってみた
Firefox OSでSVGをつかってみた
Kohei Kadowaki
Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207
Kanako Kobayashi
Snap.svg.jsチュートリアル
Snap.svg.jsチュートリアル
誠人 堀口
仕事で使える、アイコン作画のコツとSVG変換のススメ
仕事で使える、アイコン作画のコツとSVG変換のススメ
Mori Kazue
SVG事始め
SVG事始め
Nemoto Yusuke
Weitere ähnliche Inhalte
Was ist angesagt?
SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
Naoki Matsuda
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
MySQL Fabricつらい
MySQL Fabricつらい
yoku0825
CSV
CSV
Masahiro Tomita
これからはじめるひとのためのdev.mysql.com
これからはじめるひとのためのdev.mysql.com
yoku0825
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Yutaro Miyazaki
ネットワークこわい
ネットワークこわい
Masahiro Tomita
いまいまMySQL@OSC2016長岡
いまいまMySQL@OSC2016長岡
sakaik
JS/Canvas Tutorial2
JS/Canvas Tutorial2
秀俊 伊藤
Azure Event Grid 事始め
Azure Event Grid 事始め
Masahiro Nishimura
Was ist angesagt?
(10)
SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
MySQL Fabricつらい
MySQL Fabricつらい
CSV
CSV
これからはじめるひとのためのdev.mysql.com
これからはじめるひとのためのdev.mysql.com
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
ネットワークこわい
ネットワークこわい
いまいまMySQL@OSC2016長岡
いまいまMySQL@OSC2016長岡
JS/Canvas Tutorial2
JS/Canvas Tutorial2
Azure Event Grid 事始め
Azure Event Grid 事始め
Ähnlich wie おふとんから眺めるSVG
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
Naoki Matsuda
Svgについて
Svgについて
tomowata
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
Naoki Matsuda
SVG、あきた
SVG、あきた
cocu_628496
HTML5-20100626
HTML5-20100626
Taku AMANO
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Kohei Kadowaki
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
Firefox OSでSVGをつかってみた
Firefox OSでSVGをつかってみた
Kohei Kadowaki
Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207
Kanako Kobayashi
Snap.svg.jsチュートリアル
Snap.svg.jsチュートリアル
誠人 堀口
仕事で使える、アイコン作画のコツとSVG変換のススメ
仕事で使える、アイコン作画のコツとSVG変換のススメ
Mori Kazue
SVG事始め
SVG事始め
Nemoto Yusuke
svgで遊んでみた話
svgで遊んでみた話
cocu_628496
Ähnlich wie おふとんから眺めるSVG
(13)
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
Svgについて
Svgについて
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
モックアップやプロトタイプづくりを 加速させる。それが SVG。@DIST.4 「Life is Short」
SVG、あきた
SVG、あきた
HTML5-20100626
HTML5-20100626
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Firefox OSでSVGをつかってみた
Firefox OSでSVGをつかってみた
Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207
Snap.svg.jsチュートリアル
Snap.svg.jsチュートリアル
仕事で使える、アイコン作画のコツとSVG変換のススメ
仕事で使える、アイコン作画のコツとSVG変換のススメ
SVG事始め
SVG事始め
svgで遊んでみた話
svgで遊んでみた話
Kürzlich hochgeladen
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
Kürzlich hochgeladen
(8)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
おふとんから眺めるSVG
1.
# おふとん から 眺める SVG (:3[※※]
2.
# あんただれ こく 筑波大学情報科学類 Webっぽい感じの人 @cocu_628496 typowriter.org 「おふとん svg」でググる おふとんクラスタ
3.
# What is SVG?
4.
# What is SVG? スケーラブルな
ベクター グラフィックス 拡大しても綺麗な画像形式
5.
# ボケないSVG
6.
# ボケないSVG -retinaやスマホへの対応 にゅっと拡大 → ぼけてる(´・ω・`) -ファイルサイズ削減 移動中でもさくさくと
7.
# SVGなロゴ
8.
#
9.
# SVGを使っているところ
10.
# SVGを使っているところ -アイコン、logoなど -グラフ -フォント(svg font) おふとん
11.
# htmlに組み込む <img src="wo-class.svg"/> <object data="wo-class.svg"/> →静的なsvg向け(iconとか) →動的なsvg向け(ぐりぐり動く系)
12.
# inline svg (html5) <html> <body> <svg> <circle
r="100" fill="red"/> </svg> </body> </html>
13.
# htmlにも埋め込める ブラウザでも使える めっちゃ楽しい!!!!٩( 'ω' )و
14.
# ( ˘⊖˘) 。o(でも、SVGって動かないの…?) (
◠‿◠ )☛それグリグリ動かせるぞ ▒▓█▇▅▂٩( 'ω' )▒▓█▇▅▂و
15.
# SVGはグリグリ動かせる!!! -アニメーションができる
16.
# transform rotate(no javascript)
17.
# blur(no javascript) →
18.
# SVGはグリグリ動かせる!!! -アニメーションができる -javascriptが動く
19.
# javascriptでぐりぐり動かす!!! - 手書きでゴリゴリ
20.
# javascriptでぐりぐり動かす!!! - d3.js, raphael.js,
snap.js
21.
# SVGってどうやって作るの? -SVG職人が一行一行手書き -inkscape -Adobe Illustrator -javascriptで生成しちゃう
22.
# XSSもできてしまう!!! <svg> <circle r="100" fill="red"/> <script>alert('Hacked!!')</script> </svg> →セキュリティが少しこわい →画像というよりhtmlの気分で扱う
23.
# 伝えたかったこと ・SVGという画像形式が存在する ・ブラウザで見ることができる ・可視化が楽しい!!! SVG楽しい ✌('ω'✌ )三✌('ω')✌三( ✌'ω')✌
Jetzt herunterladen