Topics

【プログラマー日記】プログラマー学生企画 #2  sassと格闘した2日間
学生プログラマー日記

2021.09.02

【プログラマー日記】プログラマー学生企画 #2 sassと格闘した2日間

こんにちは!インターン3期生根波です!先日スタートした学生プログラマー企画。実はすでに三人の学生が勉強中なんです。今日はその一人Tさんの勉強をレポートします!

Tさんは現在、CSS、Sassを勉強中。ブログ投稿サイトのサイトデザインも挑戦しています。
今回はCSSやアニメーションの種類についてまとめてくれました!!

⊕animationの種類


animation-timing-function
=アニメーションがそれぞれの周期の中でどのように進行するかを設定
animation-delay
=アニメーションの遅延時間を設定
animation-iteration-count
=繰り返し数を設定
animation-direction
=アニメーション再生の向きを順方向、逆方向、前後反転のいずれにするかを設定
animation-fill-mode
=アニメーションの実行の前後にどう対象にスタイルを適用するかを設定

などなど、アニメーションを設定する際の基本的なプロパティを勉強しました!
詳しくはこちら↓
https://webdesignday.jp/inspiration/technique/css/5167/#animation-2

⊕勉強中に起こった課題


x-codeで書いたコードを即時にブラウザに変換するlive sass compilerを利用しようとしたが、応答しませんでした。
open with live server
を利用するのではなく、直接ファイルを開くことで解決しました。しかし、毎回は時間がかかるので http://127.0.0.1:5500/ をブラウザのアドレスバーに入力して、確認するのが一番早かったです。

【インターン日記】密着!企画インターン生

⊕感想


live sass compilerを利用するために二日ほど格闘することになりましたが、わからない部分を徹底的に調べ上げ、解決したときの満足感はこれまでに感じたことのないものでした。
プログラミングをしていく上で、不測の事態は必ず発生します。そこをどれだけ根気強く諦めずに立ち向かえるかが、大切かを実感しました。今週は、バイト等が重なりあまり時間が取れなかったため、タイムマネジメントを意識し、効率よく勉強できるよう意識していきたいです!