MENU

Fun & Interesting

SVGの基礎からSVGアニメーションまでを徹底解説!

アキユキ / Web制作チャンネル 5,048 lượt xem 11 months ago
Video Not Working? Fix It Now

SVGとは何か?SVGの基本からアニメーションなどの応用までを1本で徹底解説した動画になります。
初めてSVGを学習する方にとって後半はやや難しめですが、SVGで最終的にどんなことができるのかを知っておくことはWeb制作において大変重要ですので、ぜひご覧ください。

2:44 SVGとは何か
17:41 SVGはXMLベース
23:21 SVGコードを具体的に見ていこう
29:05 簡単なSVGコードを自作してみよう
1:00:04 SVGアニメーションの基礎
1:27:16 SVGアニメーションの応用

【動画内で触れた関連動画は以下です】
・CSSのアニメーション解説
https://www.youtube.com/watch?v=6dw_nLtLZhE

・DOMの解説(unazuki内の無料コンテンツ)
https://unazuki.online/theme/javascript/master/V9T
※レッスン6

=== 動画学習サービス「unazuki」

Web制作を学べる動画学習サービスを運営しています。
https://unazuki.online/

・JavaScriptコース
 https://unazuki.online/javascript
・WordPressコンプリートコース
 https://unazuki.online/wordpress
・HTML & CSSコース
 https://unazuki.online/html_css


=== SNS

■ Twitter:https://twitter.com/life_toshindai


=== 経歴

Webデザイナー・エンジニア

〜 2013 自動車メーカー系の企画職
2014 〜 フリーランスWebデザイナー
2016 〜 法人化 ソーイ株式会社

-------------------- 簡単な自己紹介

都内でWeb制作をやっています。

苦労した経験をもとに、
YouTubeでは過去の自分が欲しかった
知識・技術・マインドなどをスライドやデモ解説で発信しています💪


🏋️‍♂️活動
WordPressやWebデザイン講座など有益な情報を発信。
初心者向けの動画〜超実践向けの動画まで多数公開しています。
再生リストも作っているのでよろしければご覧ください。


✈️出身
福岡県

---------------------------

Webデザイナーとして活躍される方の
知的好奇心・技術的向上心に少しでもお役に立てたらいいなと思っています
(`・ω・´)ゞ

詳しくはチャンネル概要欄もご覧ください。

Comment