グリグリ動ãUIã‚’Vueã¨SVGã§ã‚µã‚¯ãƒƒã¨æ›¸ã - No Regrets in Bathingã“れ㯠Vue.js #3 Advent Calendar 2017 – Qiita 4日目ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚SVGã§è‰²ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚最近ã®ä½œå“ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIを作りãŸã„ï¼ï¼ã¨ã„ã†ä¸€å¿ƒã§ã‚„ã£ã¦ã„ã¾ã™ã€‚ ã“れらã¯ã»ã¨ã‚“ã©SVGã¨Vueã®çµ„ã¿åˆã‚ã›ã®ã¿ã§ä½œã£ã¦ã„ã¾ã™ã€‚ä¾å˜ãŒå°‘ãªã„ã¨ã„ã†ã®ã¯å¤§äº‹ã§ã€ãƒ©ã‚¤ãƒ–ラリ間ã®ç›¸æ€§ã§ãƒãƒžã£ãŸã‚Šã€ã„ã‚ã‚“ãªãƒ‰ã‚ュメント間を往復ã™ã‚‹ã“ã¨ãŒãªããªã‚Šã¾ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIを作るã®ã¯åŸºæœ¬çš„ã«ã‚ã‚“ã©ãã•ã„ã§ã™ã€‚jQuery pluginを駆使ã—ã¦ä½œã‚‹ã®ã‚‚é—‡ãŒå¤šã„ã§ã™ã—ã€divã‚„canvasをゴリゴリã™ã‚‹ã®ã‚‚çµæ§‹æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ã§ã™ãŒã€æœ€è¿‘ã¯SVGã§é«˜åº¦ãªUI実装ã•ã‚Œã‚‹ã“ã¨ãŒå¢—ãˆã¦ããŸæ°—ãŒã—ã¾ã™ã€‚特ã«è‡ªåˆ†ãŒè¡æ’ƒã‚’å—ã‘ãŸã®ã¯ã€CacooãŒFlashã‹ã‚‰SVGã«ã‚¹ã‚¤ãƒƒãƒã—ãŸã“ã¨ã§ã™ã€‚ nulab-i
SVGアニメーションã®ç¾çŠ¶ | POSTD
Building Better Interfaces with SVG
http://missile-game.googlecode.com/hg/missile.svg
phantomjs - Project Hosting on Google Code
SVG Girlã®å…¬é–‹ã¨å†…部実装 - KAYAC Engineers' Blog
SVG女åã‚’90%軽ãã—ãŸSVG軽é‡åŒ–テク+α #svggirl
GitHub - mrdoob/three.js: JavaScript 3D Library.
IE9を超ãˆã¦ãƒ‘ワフルï¼â”€â”€ã€ŒInternet Explorer 10ã€ã®æœ¬æ°—ã‚’å‹•ç”»ã§è¦‹ã‚‹
ã“ã“ギコï¼: IE7.0対応　神速ã®SVGビューワ見ã¦ã¾ã„ã‚Šã¾ã—ãŸ
{{#tags}}- {{label}}
{{/tags}}