Upgrade to Pro — share decks privately, control downloads, hide ads and more …

いまどきのSVG

Avatar for hashrock hashrock
November 18, 2013
Technology
270
1

 いまどきのSVG

そろそろ使おうSVG。LazynightでLTしたもの

Avatar for hashrock

hashrock

November 18, 2013

More Decks by hashrock

See All by hashrock
8分でわかるVue.js
Avatar for hashrock hashrock
3
4.9k
CSS知らなかったこと
Avatar for hashrock hashrock
1
220
これだけ覚える CSS3 アニメーション
Avatar for hashrock hashrock
1
410

Other Decks in Technology

See All in Technology
Android の公式 Skill / Android skills
Avatar for Yuki Anzai yanzm
0
150
不要なレビューをAIにまかせて AIコーディングの環境改善を加速した
Avatar for shoota shoota
1
220
中期計画、2回作ってみた　～業務委託と正社員、両方の視点から～
Avatar for 株式会社出前館 demaecan
1
940
現地で盛り上がった WWDC26 Keynote
Avatar for ZOZO Developers zozotech
PRO
1
260
RAG を使わないという選択肢
Avatar for tatsutaka tatsutaka
1
260
【2026年版】 ベクトル検索とEmbedding最前線
Avatar for Tomoko Uchida mocobeta
13
3.5k
iAEONの段階的リアーキテクト戦略 / iAEON's_Gradual_Re-architecture_Strategy
Avatar for AEON aeonpeople
0
220
いまさら聞けない「仕様駆動開発入門」 〜AI活用時代の開発プロセスを考える〜
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
2
160
Chainlitで作るお手軽チャットUI
Avatar for tomo ynt0485
0
270
SONiC Scale-Up Working Group から探る Scale-UpやUltraEthernet機能の実装方法
Avatar for ebiken ebiken
PRO
2
380
Agent Skills設計で柔軟性と硬さのバランスが難しい話
Avatar for nassy nassy20
0
140
SteampipeとExcel Power QueryでAWS構成定義書の作成を自動化する
Avatar for jhashimoto jhashimoto
0
130

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
540
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
220
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
410
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
320

Transcript

  1. ͍·Ͳ͖ͷSVG 13೥11݄18೔݄༵೔

  2. SVGͱ͸ • Scalable Vector Graphics • ֦େՄೳͳϕΫλάϥϑΟοΫε • 2001೥ʹW3Cඪ४ͱͳΔ •

    ௕͍͜ͱ࢖ΘΕͳ͍ࢠ(ݹ͍IE͕ରԠͤͣ) 13೥11݄18೔݄༵೔

  3. ͳ͔ͥ • ॏ͍ʢඳը͕ʣ http://codepen.io/adrianosmond/pen/LCogn • ରԠϒϥ΢βগͳ͍ • ࢓༷ʹϑϧରԠͨ͠ΤσΟλͳ͠ • ͜Ε͸ࠓ΋

    13೥11݄18೔݄༵೔

  4. 13೥11݄18೔݄༵೔

  5. ͳͥࠓSVG͔ • XML • DOM͔ΒฤूՄೳʢAJAX࢖͑Δʣ • ࣗવͱRetinaରԠ 13೥11݄18೔݄༵೔

  6. ࠓSVG͕೤͍ • Snap.svg (http://snapsvg.io/) • d3.js (http://d3js.org/) 13೥11݄18೔݄༵೔

  7. ࡞Γํ • Inkscape(Ұ୒) • खܰʹ΍ΔͳΒSVG-Edit • https://code.google.com/p/svg-edit/ 13೥11݄18೔݄༵೔

  8. ࢖͍ํ • HTMLʹ௚ຒΊࠐΈ • SVGeneration (http://svgeneration.com/) 13೥11݄18೔݄༵೔

  9. ·ͱΊ • iOS޲͚ʹ͸طʹ࢖͑Δٕज़ • ࡞Δͷ͕·ͩେม • d3Λ͸͡Ίͱͯ͠ɺ কདྷଟ༻͞ΕΔՄೳੑ͋Γ ͦΖͦΖ࢖͍࢝Ί͓ͯ͘ͱ٢ 13೥11݄18೔݄༵೔