| Stats | Twitter歴 3,923日（2011/08/29より） |
ツイート数 215（0.0件/日） |
表示するツイート :
先日書いたこの記事、ドット絵をベクター形式に変換する方法 http://ssvvgg.net/post/168185872070/%E3%83%89%E3%83%83%E3%83%88%E7%B5%B5%E3%82%92%E3%83%99%E3%82%AF%E3%82%BF%E3%83%BC%E5%BD%A2%E5%BC%8F%E3%81%AB%E5%A4%89%E6%8F%9B%E3%81%99%E3%82%8B%E3%82%84%E3%82%8A%E6%96%B9%E3%81%A8%E3%81%9D%E3%81%AE%E6%AF%94%E8%BC%83… で紹介した『ドット絵svg化スクリプト』がNode.js環境で利用できるようになったので追記しました https://twitter.com/DEFGHI1977/status/939308997500313600… @DEFGHI1977 さん、ありがとうございます。
posted at 22:39:13
[更新]
ドット絵をベクター形式に変換するやり方と、その比較 http://ssvvgg.net/post/168185872070/%E3%83%89%E3%83%83%E3%83%88%E7%B5%B5%E3%82%92%E3%83%99%E3%82%AF%E3%82%BF%E3%83%BC%E5%BD%A2%E5%BC%8F%E3%81%AB%E5%A4%89%E6%8F%9B%E3%81%99%E3%82%8B%E3%82%84%E3%82%8A%E6%96%B9%E3%81%A8%E3%81%9D%E3%81%AE%E6%AF%94%E8%BC%83… ドット絵をベクター形式（SVG）に変換する方法を紹介しました。ベクター形式だとこのように拡大が容易なので、使いやすいかと。尚この記事はドット絵Advent Calendar https://adventar.org/calendars/2279 への参加記事です。 https://pic.twitter.com/1NVGxQCAga
posted at 00:08:47
[更新]SVG Advent Calendar 2017 第1日目の参加記事を投稿しました > 六角形がくるくる周るSVGアニメーション http://ssvvgg.net/post/168045896140/%E5%85%AD%E8%A7%92%E5%BD%A2%E3%81%8C%E3%81%8F%E3%82%8B%E3%81%8F%E3%82%8B%E5%91%A8%E3%82%8Bsvg%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3… SVG Advent Calendarはまだ参加枠がありますので、どなたでも気軽にご参加ください https://adventar.org/calendars/2475 https://pic.twitter.com/xVfMAkkPvI
posted at 00:12:59
また、このブログでは「週刊SVG」としてなるべく週に一度の更新を目指していたのですが、最近はなかなか更新できず申し訳ありません。しばらくは不定期な更新頻度になります。またそれを鑑みてブログ名も変更する予定です。
posted at 23:05:34
そろそろ今年も残り2か月を切りましたが、例年通り本年も
SVG Advent Calendar 2017 https://adventar.org/calendars/2475 を立ち上げました。SVGに関する技術的な話題でもよいですし、イラスト参加など気軽に投稿してみてください。またリンク先では過去のAdvent Calendarもまとめてあります
posted at 23:02:01
[更新] http://ssvvgg.net/post/162653875495/gimp%E3%81%A7svg%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%81%8C%E5%B4%A9%E3%82%8C%E3%82%8B%E5%95%8F%E9%A1%8C%E3%81%A8%E3%81%9D%E3%81%AE%E8%A7%A3%E6%B1%BA%E7%AD%96… GIMPでSVGファイルを読み込んだ際に、表示が崩れる問題とその対処法、そして崩れる要因とSVGでのパスデータの構文について解説しました。特にSVGOなどの最適化ツールを利用した場合にこの不具合が起きやすくなります。 https://pic.twitter.com/ZcCEII6bXg
posted at 20:36:41
[更新] http://ssvvgg.net/post/161927666400/495%E6%9C%88%E4%B8%AD%E6%97%AC%E3%81%8B%E3%82%896%E6%9C%88%E4%B8%8A%E6%97%AC%E3%81%AB%E3%81%8B%E3%81%91%E3%81%A6%E3%81%AEsvg%E9%96%A2%E9%80%A3%E6%83%85%E5%A0%B1…
5月中旬から6月上旬にかけてのSVG関連情報です。スムーズなモーフィングが行えるライブラリや、手書きの文字が描かれていくようなアニメーションの作成方法を解説した記事、SVGファイルの様々な情報を取得できるツールの紹介など
posted at 22:38:57
[更新]徐々に図形が描かれていくSVGのアニメーションで、描かれていく向きを逆方向に変える方法をまとめました http://ssvvgg.net/post/161654930460… JavaScript側で対応する方法、またはAdobe Illustratorのようなツールでパスの向きを変えるやり方など https://pic.twitter.com/fXdFdP7G1K
posted at 21:24:50
ズボンのポケットに入れていたiPhoneから誤って投稿していたようです。すみません。
posted at 16:09:43
[更新] http://ssvvgg.net/post/160872709430… 5月上旬から中旬にかけてのSVG関連ニュースや記事をまとめました。また先日オライリー ジャパンから発売された「SVGエッセンシャルズ 第2版」 https://www.oreilly.co.jp/books/9784873117973/… も紹介しています。
posted at 22:49:24
[更新] http://ssvvgg.net/post/160367514020… 前回の更新から随分と間が空いてしまい申し訳ありません、4月から5月にかけてのSVG関連ニュースなどをまとめました。
posted at 22:02:06
[更新]今週の更新です http://ssvvgg.net/post/159600843655… 先月から今月にかけてのSVG関連記事などをまとめました。
posted at 22:36:39
[更新]
fill=“none"と、fill-opacity="0"の違いと使い分けについて http://ssvvgg.net/post/159333277790…「 塗り無し」と「塗りが透明」の指定の違いについて。一見すると全く同じように思えますがその違いと、これを利用した活用例を紹介しました。 https://pic.twitter.com/9s64jLDchm
posted at 19:57:30
週が明けたので、再度更新告知です http://ssvvgg.net/post/158812121930… 先週は、draw.ioで文字の表示が崩れる問題とその対処法についての記事を書きました。
そして今週についてですが年度末・年度始めということもあり、制作時間が取れそうにないので更新はお休みいたします。 https://pic.twitter.com/xeO5JgyGcx
posted at 11:51:27
[更新] http://ssvvgg.net/post/158812121930… draw.io https://www.draw.io/ は登録不要でも手軽にフローチャートがSVGで作成できる便利なサービスですが、IEで文字の表示が問題があります。その対処法となぜそうなるのか？を解説しました https://pic.twitter.com/UUM9Kc1qOI
posted at 22:48:57
[更新] http://ssvvgg.net/post/158547163130… path要素などで点線・破線を指定できる
stroke-dasharray属性は応用の幅が広く、このようなストライプ模様も手軽に作れるのですが、こうした演出での描画処理上の問題点とその改善策をまとめました https://pic.twitter.com/taGxfG9sEf
posted at 22:39:49
[更新] http://ssvvgg.net/post/158266528305…
2017年2月中旬から3月上旬にかけてのSVG関連情報をまとめました。
posted at 21:37:59
[更新] http://ssvvgg.net/post/157937008135… 前回の記事では、SVGの要素を追加する際には必ずcreateElementNSメソッドを使いましょう……という内容でしたが、今回はa要素やuse要素などでリンクを張るときに注意する点や、ブラウザ対応状況について解説しました
posted at 18:29:20
[更新] http://ssvvgg.net/post/157691346615… SVGをJavaScriptで扱おうとしたときに、初心者がおそらく最も戸惑いやすい「要素の追加」について解説しました。createElementメソッドではなく、createElementNSメソッドの使う、など。 https://pic.twitter.com/RmVosIxzmJ
posted at 23:03:25
[更新]1月中旬から2月中旬にかけてのSVG関連ニュースや情報をまとめました http://ssvvgg.net/post/157396206335… 中の人の個人的な事情ですが、ウィルス性胃腸炎にかかったりしたため、久しぶりの更新なので今回はいつもに比べて情報が多めです。
posted at 23:12:49
[更新]前回の更新から随分と期間が空いてしまいましたが、今回はSVGを使ったマルウェア感染などの攻撃について、とSVGでのJavaScriptの実行の特徴についてまとめました http://ssvvgg.net/post/157099676765… そもそもSVGでJSを使えることを知らない人も多いかなと https://pic.twitter.com/SxCPYN8Guy
posted at 21:56:08
[更新] http://ssvvgg.net/post/156149721955… stroke-dasharray/dashoffsetを利用したSVGアニメーション制作記事はよく見かけるようになりましたが、今回は一部だけが描かれるような動きの作り方、またpath要素の長さの調べ方を紹介しました。 https://pic.twitter.com/ICPIauWtu1
posted at 11:56:12
今週の更新について。
中の人(@rikuo)が新潟県在住なのですが、ここしばらく雪かきなど除雪作業でなかなか時間が取れないので、今週の更新はお休みいたします。
この寒波は普段は雪の降らない地域でも多くの積雪が起きそうなので、皆様も十分にお気を付けください。
posted at 12:22:45
[更新] http://ssvvgg.net/post/155526411775… 今週の更新です、今回はInkscapeの新しいバージョンのリリース、アクセシビリティについての記事、またCSSで斜め線の装飾を行う方法解説した記事などを紹介しました。
posted at 22:37:24
[更新]あと少しで2016年も終了ですが、年内最後の更新です。SVG Advent Calendarについてと今年のSVG関連ニュースをまとめました http://ssvvgg.net/post/155205911150… それでは皆様よいお年を。
posted at 21:59:16
[更新]circle要素を使わずに正円を描く方法と、7000個の正円を動かすアニメーションでの負荷軽減について書きました http://ssvvgg.net/post/154891932550… SVG Advent Calendar第24日目の参加記事です http://www.adventar.org/calendars/1428 https://pic.twitter.com/0tPEgxOcTh
posted at 22:26:56
[更新]秒針に合わせて外周が変化する時計をSnap.svgで作りました http://ssvvgg.net/post/154546817020… またこれはSVG Advent Calendar http://www.adventar.org/calendars/1428 参加記事です。まだ参加枠の空きはあるので興味のある方は是非 https://pic.twitter.com/X1EEENsFBd
posted at 22:24:52
[更新] http://ssvvgg.net/post/154269334190… 今週はSVGに関連したAdvent Calendarについてまとめました。SVG Advent Calendar http://www.adventar.org/calendars/1428 はまだまだ参加枠があるので、興味のある方は気軽にご参加下さい
posted at 11:20:45
@sygnas 予めHTMLに埋め込むとIEでも対応できる反面、ページごとにその都度SVGの画像分のコードを余計に読み込むことになる、というのがデメリットでしょうか。代わりにsvg4everybodyのようなライブラリを使うか？そのメリット・デメリットの判断が難しいですね。
posted at 18:05:16
@sygnas 情報ありがとうございます。趣旨がSVGスプライトなので、紹介しなかったのですが、HTMLに埋め込む形式ではデューク大学 https://www.duke.edu/ やNordstrom http://shop.nordstrom.com/ でも実際に使われていますね
posted at 18:00:43
[更新] http://ssvvgg.net/post/153900731865… SVGスプライトの手法を8種類に分類して、それぞれの特徴や利点・問題点をまとめました。この記事はSVG Advent Calendar第一日目参加記事ですhttp://www.adventar.org/calendars/1428
posted at 20:08:32
[更新]Adobe IllustratorからSVGを書き出す際の「縮小」はminifyのこと
http://ssvvgg.net/post/153626195735… 今回はIllustratorからSVGを書き出す際の設定で誤解されやすい「縮小」機能について解説しました。 https://pic.twitter.com/xI7NSaY4mq
posted at 12:00:50
ブログの更新でも取り上げましたが、SVG Advent Calendar http://www.adventar.org/calendars/1428 を今年も立ち上げました。内容は技術の話題でも、IllustratorやSketchのコツ、またSVGのイラストでもOKです。気軽にご参加ください。
posted at 21:49:33
[更新]ほぼ一月ぶりのSVG関連ニュースの紹介で、今回は少し量が多いです http://ssvvgg.net/post/153381446560… Advent Calendarで参加者募集中の件や、Microsoft OfficeアプリやPhotoshop CC 2017でSVG対応などを取り上げました https://pic.twitter.com/AXi98DhlxP
posted at 21:46:26
また再度告知になりますが、SVG Advent Calendarを今年も立ち上げました > Adventar http://www.adventar.org/calendars/1428 SVGに関する話題や、技術、それだけでなくSVGのイラストなど、題材は自由なので気軽にご参加ください。
posted at 14:52:35
[更新]いよいよ米国の大統領選挙の開票が間近に迫っていますが、こうした際に特設される速報ページにSVGがどのように使われているのか？調査・比較しました http://ssvvgg.net/post/152887951880… 情報の見せ方に各社それぞれの工夫があるのでその点も注目すると面白いです https://pic.twitter.com/XmUjLljWKm
posted at 14:47:49
[更新]2週間ぶりの更新です。
SVGでイラストを制作している際に、コード上はぴったりとくっついているはずの要素同士に隙間ができてしまう現象に悩んでいた方も多いと思います、今回はそうした問題を改善するfilterを紹介しました http://ssvvgg.net/post/152766928460… https://pic.twitter.com/htYQsAOxpU
posted at 22:51:07
また今週の「週刊SVG」の更新になのですが、今週はまとまった制作時間がなかなかとれないこともあり、お休みさせていただきます。
posted at 21:02:00
少し気が早いですが、今年もSVG Advent Calendar 2016を立ち上げました http://www.adventar.org/calendars/1428 SVGに関する話題や、SVGを使ったイラストなど何でも構いませんので気軽に参加してください。とは言え12月の話なので、まだまだ先ですけれども
posted at 20:57:19
[更新] http://ssvvgg.net/post/152155678985… 今週の更新です。SVGでグラフを作成するライブラリまとめや、PhotoshopからSVGファイルを書き出す際の注意点をまとめた記事などを紹介しました。
posted at 22:43:48
[更新]少し遅くなりましたがこのブログ「週刊SVG」も1周年を過ぎたので、改めて主旨の説明をしました。そしてSVG関連でお勧めのTwitterユーザー・アカウントや、SVG関連書籍の紹介など http://ssvvgg.net/post/151636935115… https://pic.twitter.com/zwfr5RZFdZ
posted at 10:21:30
[更新] http://ssvvgg.net/post/151515979340… 印刷物の表でよく見かける、セルに斜線を引く表現をSVGでやってみました。セルの大きさが固定であればPNG画像などでもできますが、SVGならば幅や高さが不確定な状況であっても適切に対角線が引かれるように設定できます。 https://pic.twitter.com/a34vSNUCuo
posted at 23:52:43
[更新] http://ssvvgg.net/post/151190096930… メディアクエリを使って、Windowsでのハイコントラストモードで配色を変更する手法を紹介しました。これはSVGに限らず使える方法ですが、設定したため却って見やすさを損なってしまわないような配色デザインが求められますね。 https://pic.twitter.com/UNzcCaIpcI
posted at 23:07:32
参考リンクに、Adobe社のサイトに残っているPGMLに関するQ&A http://www.adobe.com/jp/support/qa/pgml.html… 、またおそらく2000年頃に書かれたSVGについてのFAQ http://www.adobe.com/jp/svg/indepth/faq.html… を追加しました。
posted at 06:45:43
[更新] http://ssvvgg.net/post/150862717240… 今週の更新は実務上に全く役に立たない、トリビア的な内容です。SVG 1.0が2001年9月にW3C勧告されてから15周年ということもあり、SVG策定の経緯や当時の関係者のインタビュー記事やニュースなどをまとめてみました。 https://pic.twitter.com/yRTO0jf4st
posted at 23:01:14
[更新] http://ssvvgg.net/post/150537481745… 告知が遅れてしまいましたが、先週の更新分です。SVG2が勧告候補になったこと、IOS10でVoiceOverの問題点が一部改善されたことなどを取り上げました。 https://pic.twitter.com/AbmAIHZQGy
posted at 22:41:41
@DEFGHI1977 なるほど、サイズ可変SVGを組み合わせてもできますね。管理の面ではCSSには多種多様な制作補助ツールがあるので、SVGに慣れていない人にとっては複雑さをCSSに押し込む方が使い勝手が良い、という考え方もありそうです。
posted at 13:31:20
@DEFGHI1977 あ、確かにそうですね。ご指摘ありがとうございます。どちらかというと、後者の繰り返しパターン（SVGのpattern要素） http://okiru.net/misc/20160901/sample04.html… の配置は他の手法だと難しい、といった内容にしたかったのですが、後で説明を修正します。
posted at 13:04:22
[更新] http://ssvvgg.net/post/150213346415… 先週は更新が間に合わず、お休みしてしまったのですが今回はbackground-imageなどでは難しいレスポンシブなデザインをSVGで実現する方法を紹介しました。 https://pic.twitter.com/QIDGAdVlZh
posted at 23:45:14
[更新]先週の更新分ですが http://ssvvgg.net/post/149554740070… SVGアイコン管理ツールの紹介や、Chrome(Blink)でのSMILの扱いについて方針を転換したニュース、SVGを使った動く絵本などを取り上げました。 https://pic.twitter.com/MgjYUzi3AY
posted at 11:20:39
