朝活

監督に時間を割いていただき、朝活第二弾(勉強会)をやっていただきました。

自分の手が動いていく感覚はいいなあと思いました。がんばろー

早朝で眠かったですが、天気もいいし、午後も有意義に過ごすことができ、朝活いいです。

c.sakyou

冬がきた

一気に寒くなってきました。
寒いのは苦手です。

こないだ、旅行に行っていた友人をお迎えに空港へ行ってきました。
留学以来の空港だったので3年ぶり?
きらきら綺麗でした。

c.sakyou

擬似要素を使って

これを作る。
お知らせの前に書いてある✉️画像を擬似要素で貼ってみる。

HTML
CSS

使ったことなかったけど、CSSで指定すると、HTMLに書いてなくても表示させることができる。今回はbeforeを使いました。

もう少しお勉強必要。

c.sakyou

いばらきへ

今週末は甥っ子が実家を訪れるというんで、実家に帰ってきました。
実家といっても、東京から一時間半程度で、気軽に帰れる距離、茨城のかなり南部、埼玉県寄りです。

パソコンいじるぞー勉強するぞーと思ってパソコン持って帰ったわりに、甥っ子に気を取られすぎて全然時間取れなかったという。今に至る。東京なう。
ただ重い思いしただけ。

茨城のあの田舎な感じ、今度は写真を撮ってこよう。

c.sakyou

position プロパティ つづき

監督ご指導の元、もっと簡単に指定できることが判明。
動かしたい要素にrelative classを指定し、元にある位置から動かしたい数値を指定する。今回の場合、上から20pxなので top: 20px

もっと基本的な考え方でした。

top, right, left, bottomで動かしたい所に指定すれば良い。

c.sakyou

position プロパティ

をつかって、画像を重ねたいと思って研究中。

だけどうまくできない。。

やっと重なるとこまでできたんだけど
なんか崩れた。。

横並びにするにはflex-box

ということだけ、覚えました。
同じような要素を綺麗に横並びするには、flex-boxが便利のよう。
今回はじめて使ってみた。



調べていくと色々ありそうだが、もう少し時間ある時にじっくりやりたいよう。

忙しいを言い訳にしたくないけど、なかなか思うように時間が取れない。。

c.sakyou

課題

謎の体調不良により、全然PCを触る気になれず。
監督からの課題にやっとつ手をつけ始め、久々の更新。。

気づいたことは、自分で考えながらやるって大事なんだなと。
こうするにはどうしたらいいのだろうか?と調べるし、
色々試しながら回り道しながらやると覚える。
そしてやっぱり作るって面白い。

c.sakyou