HTML
未来電子

HTMLでアニメーションを作ろう!! 文系学生がやってみた!!

はじめに

インターン先でプログラミングを勉強中の文系学生。
アニメーション作りたくなったから作る。

HTMLを選んだ理由

まぁ、やりたいと思ってできるなら何事も苦労はない。
アニメーションに関する知識もプログラミングに関する知識も素人に毛が生えた程度。
そんな奴がアニメーションを作れるかい。

でも、幸いなことに俺は環境に恵まれていた。
インターン先の社員さんに聞いてみた。
そしたら、「HTMLで作ってみたら?」とのこと。

え? 作れるの?

HTMLの復習

さすがに俺もHTMLは触りましたよ。
簡単なページですけれどね。

…まぁ、アニメーションを作る前に、簡単に復習でもしておこうかな。

Introduction to HTMLを眺めて、タグを思い出そう。

アニメーションの作り方を教えてくれるサイト

さすがに仕事をしている社員さんにアニメーションの作り方を聞けるほどの肝の太さはない。
昼休みでもオススメのサイトを教えてもらうか。

ということで教えてもらったのが、HTML5 tutorial
全部英語だけど、Chromeなら右クリックで日本語に翻訳してもらえる。
これに沿って進めていけば、大丈夫そう。

まとめ

まぁ、さすがに一から成果物を作れるほどの時間はなかった。
でも、こういうことができるってのは知れてよかったな。
夏休みにでも簡単なの作ってみようかな。
目指せFL〇SH動画!!

参考サイト

Introduction to HTML-https://www.w3schools.com/html/html_intro.asp
HTML5 tutorial-https://physics.weber.edu/schroeder/html5/