CSS・SVGã¨Vue.jsã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆå…¥é–€ - ライブラリã«é ¼ã‚‰ãªã„表ç¾åŠ›ã‚’身ã«ä»˜ã‘よㆠ- ICS MEDIA※ CSS Animationã«é–¢ã—ã¦ã¯Web Animation APIを使ã†ã“ã¨ã§ã‚ˆã‚Šç°¡å˜ã«JavaScriptã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’構築・制御ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚2020å¹´2月時点ã§ã¯ãƒ–ラウザã®å®Ÿè£…ãŒä¸å分ã§Polyfillã‚’è¦ã™ã‚‹ãŸã‚ã€ã“ã®è¨˜äº‹ã§ã¯å¯¾è±¡å¤–ã¨ã—ã¦ã„ã¾ã™ã€‚ 専用ライブラリを使ã‚ãšã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作ã‚ㆠå„ライブラリã¯ç‰¹åˆ¥ãªé”法を使ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 原ç†çš„ã«ã¯CSS・SVG・WebGLã¨ã„ã£ãŸå„è¦ç´ 技術をã—ã£ã‹ã‚Šã¨ç¿’å¾—ã™ã‚Œã°ã€å°‚用ã®ãƒ©ã‚¤ãƒ–ラリã¨åŒç‰ã®ã“ã¨ãŒã§ãã‚‹ã°ã‹ã‚Šã‹ã€ã‚ˆã‚Šé«˜ã„自由度を手ã«å…¥ã‚ŒãªãŒã‚‰è»½é‡åŒ–を実ç¾ã§ãã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€å°‚用ã®ãƒ©ã‚¤ãƒ–ラリを利用ã™ã‚‹å ´åˆã«ã‚‚ã€åŸºç¤Žã¨ãªã‚‹åŽŸç†ã‚„å„技術ã®å¾—æ„ä¸å¾—æ„を知ã£ã¦ã„ã‚‹ã“ã¨ã¯å¤§ããªæ¦å™¨ã¨ãªã‚‹ã§ã—ょã†ã€‚ Vue.jsを使ã£ã¦CSSã‚„SVGã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’書ã ã¨ã¯è¨€ãˆã€ã“れらã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’土å°ã®æŠ€è¡“
Vue.jsã‚’100時間勉強ã—ã¦åˆ†ã‹ã£ãŸã“㨠- Qiita
Vue.js + Elelment UI + Lottieã§ãŠæ‰‹è»½ã«ã„ã„æ„Ÿã˜ãªUI/UXを作ã£ã¦ã¿ã‚‹ - SMARTCAMP Engineer Blog
{{#tags}}- {{label}}
{{/tags}}