バグ職人の朝は遅い(夜型)【TECH::EXPERT】

Rails Sass/SCSS TECH::EXPERT プログラミング 応用カリキュラム編

【本日のメニュー】
・通勤電車で1バグ解決
・チャットスペース終わってないです
・会社でcssで台形作った

【通勤電車で1バグ解決】
奇跡が起こってバグが1つ解決した。
ただの凡ミスだったんだけど、電車の中でたまたま見つけて
「おや?怪しいゾ。」とちょこっといじったあっさり解決。
ワンダフォー!
とはいえまだチャットスペース終わってないけど、
まだわからん部分があるので、
わらかんことまとめてメンターさんにテレフォンショッキングしないと。

稼ぎすぎて、全然教室行ってない。
でもいい気分転換になった。
仕事で脳みそあったまるから、平日の方が捗るんですよねー。

【チャットスペース終わってないです】
チャットの画像送信と、メンバー名の表示ができてません。
メンバー名表示は自分でがんばる系っぽいですが、
画像送信はちょっと違うみたい。
カリキュラム通りにやればできるよとの情報を小耳にはさみ。
なので、調べてメンターさんに聞いて解決します。!

この後も引き続きやりますが、寝落ちすると忘れるので今送る。

【会社でcssで台形作った】
見出しに片側台形の装飾しなきゃ行けなくて頑張りました。
1時間くらいやってたかしら。
<span>を変形させてたのですが、中に入れた①(項番)が変型したりと試行錯誤。

ざっくりやり方
①見出しの中の空の<span>を媒介に背景色など設定
②①にafterでヒレのように三角をつける「 content: “”;」で憑依
③見出し番号はpositionで載せる

[参考]台形(片側だけ) -「コピペ」で簡単!Webパーツ屋

台形(片側だけ)

もっといいやり方あるかも。時間があったらリファクタリングしてみます。

あと、背景画像がスクロールと同時に動いて、画像の最後尾についたらスクロールが止まる。っていうのができるかどうかって課題あったので、チャレンジしてみます。

HTMLもCSSの技術もですが、フォトショップのデータみて作る能力も必要ですよね。