Cacooのエクスポート機能が4倍速くなりました！SVGの生成手法の刷新によるパフォーマンスの向上 | Cacooブログ

2020/04/06 12 users Cacoo cohhei サーバーサイド SVG 描画

Cacoo開発チームの木村（@cohhei）です。Cacooでは図形の描画にScalable Vector Graphics（以下、SVG）を採用しています。本記事では、CacooのサーバーサイドにおけるSVGの生成手法の刷新と、それによって得られた図のエクスポート機能のパフォーマンス向上についてご説明します。 要約 サーバーサイドでのSVGの生成方法... 続きを読む

SVGを使いこなすための便利ツールいろいろ | Webクリエイターボックス

2015/01/28 299 users SVG Illustrator ベクター画像 何度 機会

SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツ... 続きを読む

まさかのパブリックドメインで配布！　電気回路図をヒントにした美しすぎる「鉄道路線図」完成 - ねとらぼ

2014/12/22 67 users パブリックドメイン SVG 称賛 とらぼ 鉄道路線

美しすぎる鉄道路線図のSVG（Scalable Vector Graphics）ファイルがパブリックドメインで配布され、称賛の嵐に包まれています。 全体図 拡大図 この鉄道路線図は、デザイナーHashimoto Naoki（＠hashcc）さんが作成したもの。1931年にハリー・ベックさんによってデザインされた「ロンドン地下鉄路線図」が好きで、その作図方法に基づきこの路線図を作ったのだそうです。ハ... 続きを読む

アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう | Webクリエイターボックス

2014/05/28 529 users SVG Illu アイコンフォント ブラウザー ベクター画像

ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 SVGってなに？ SVG（Scalable Vector Graphics）はIllu... 続きを読む

SVG MANIAX - CSS Nite After dark7

2014/04/11 248 users SVG XML ゆえ 文書 特徴

SVG MANIAX - CSS Nite After dark7 Presentation Transcript SVGMANIAX 松田直樹 Scalable Vector Graphics SVG の最大の 特徴 画像 であり、 文書 である Scalable Vector Graphics 拡張可能な それが SVG XML 文書であるがゆえ 単なる｢画像｣を超越できる存在。 SVG を ... 続きを読む

アドビ、SVGコンテンツを強力にサポートする新JavaScriptライブラリ公開 | マイナビニュース

2013/10/25 20 users アドビ SVG GitHub マイナビニュース アニメーション

アドビ システムズは24日、Scalable Vector Graphics(SVG)を扱うWebデザイナーやデベロッパー向けに、新たなオープンソースJavaScriptライブラリ「Snap.svg」を無償公開した。同ライブラリの特設サイト、またはGitHubにてダウンロードできる。 「Snap.svg」特設サイト 「Snap.svg」は、SVGコンテンツのアニメーションと操作のための強力で直感的... 続きを読む

グーグル、FlashをHTML5に変換するツール「Swiffy」を発表 - CNET Japan

2011/06/29 192 users Swiffy SVG swfファイル jsonファイル CSS

Josh Lowensohn （CNET News） 翻訳校正： 川村インターナショナル 2011/06/29 11:31 Googleは、FlashファイルをHTML5に変換するツール「Swiffy」を発表した。SWFファイルにこのツールを適用すると、SWFファイルがJSONファイルに変換され、HTML、SVG（Scalable Vector Graphics）、CSS（Cascading St... 続きを読む

2011年はSVG元年に。デザイナー大注目の画像フォーマット「SVG」の特徴を一気におさらい。 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話

2011/04/21 138 users SVG カヤック KAYAC DESIGNER おさらい 疑問

MIX11で「SVG女子」が紹介されました！ 弊社が制作をさせていただいた「SVG女子」が先日ローンチし、MIX11で大きく取り上げられました。 こちらがその様子です。 日本上陸は4/26！「SVG女子」をより楽しむために、まずはSVGについて知っておきましょう。 それでは続きからどうぞ！ SVGの気になる疑問に答えます！ SVGって何？ SVG（Scalable Vector Graphics）... 続きを読む

Googleの画像検索からSVGファイルのみを検索できるように！ : ライフハッカー［日本版］

2011/02/21 10 users SVGファイル ライフハッカー Google インデックス

Google , Webツール , その他 , 壁紙 , 検索Googleの画像検索からSVGファイルのみを検索できるように！2011.02.21 14:00コメント数：[ 0 ]CheckTweetGoogleは、SVGファイル（Scalable Vector Graphics）のインデックスをおよそ半年前に追加していますが、この度、SVGファイルのみを表示させることが可能になりました。画像検索... 続きを読む

SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に － Publickey

2010/04/07 367 users Publickey JavaScrip ITpro SVG

Internet Explorer 9では、Webブラウザ上にベクター形式で画像を描画できるSVG（Scalable Vector Graphics）のサポートが表明されています。ITproの記事「IE9の登場で画像フォーマットの本命に浮上するSVG」では、IE9がSVGをサポートすることでSVGの普及が始まるのではないかと予想しています。同意します。 SVGはHTML、CSS、JavaScrip... 続きを読む

国土地理院、SVG形式の地図データを公開

2007/07/20 174 users SVG形式 国土地理院 地図データ オープンフォーマット 公開

国土地理院は19日、SVG（Scalable Vector Graphics）形式の地図データを一般に公開したと発表した。同日現在で公開しているのは関東から中部にかけての範囲で、25,000分の1地形図の50面分に相当する。 　SVGは、ベクトルグラフィックスの標準形式としてW3Cが勧告している規格で、XMLをベースにしているためデータの相互利用に適しているほか、地図のオープンフォーマットとしても... 続きを読む

「Opera 8」が4日間で100万ダウンロードを突破

2005/04/25 17 users 突破 Opera 8 SVG 4日間 Opera

ノルウェーのOpera Softwareは25日、19日に公開したWebブラウザ「Opera 8」が4日間で100万ダウンロードを突破したと発表した。 　Opera 8は、Webグラフィックの標準技術であるSVG（Scalable Vector Graphics）を標準でサポートしたほか、音声認識技術の採用によりWebページの読み上げや音声によるスクロール・移動などの操作に対応。Operaによると... 続きを読む