なつかしい転職の産物

転職して気がつけば1年以上経っておりまして。
ありがたいことに社内で表彰いただけたり、周りの皆様にも優しくしていただけるおかげで楽しい社会人生活を送っています。

そんな中googleドライブを整理していたら、迷惑メッセージがたまりまくっているスプレッドシートを発掘し、転職活動用に用意したサイトの存在を思い出しました。

問い合わせフォームはGoogleFormで作っているから、スプシに溜まっていく仕様。

https://yoatoru.com/ << 突貫工事で乗り切った記憶。全然法人向けテイストじゃない

GoogleFormってそのままだとあからさまでカッコ悪いけど、じつは見た目整えられまして。
フォームのためだけにCMS導入することもチラホラあったから、その部分が解消されるのは手間的にもお金的にも恩恵が結構でかい。
便利とはいえCMSの設定は地味にめんどくさいしね。月額費かかるやつもある。

最近はノーコードツールも進化がすごいから、そっち方面もそのうち色々試してみたい〜〜〜

けどコーディングしたいんじゃ...職が変わって新鮮で楽しいことも多いけど、実装の技量と知識は確実になくなっている...

flex-directionをcolumnにしていて、子要素が空の時に高さが効かない件。

結論

display: flex;
flex-direction: column;
flex-wrap: nowrap;　←こいつをつければOK

ざっくり何があったか

子要素が空なら高さ要らんやん。縦並びにするならflexも要らんやん。

まぁそれはごもっとも。

今カスタマイズしていたのは、はてなブログのアーカイブページの話。（このブログではない）

アーカイブページで表示される各記事のアイキャッチ、実はimgタグとかではなくdivの背景画像として出力されています。
なんで空のDOMなんですね。

そして画像のDOMは3番目に出力されるので、
・アイキャッチ
・記事タイトル
・投稿日
という順番で表示させたい場合は、absoluteを使うとかflexのorderを使うとかして、アイキャッチのDOMを一番上に持ってくる必要があります。

画像のDOMをorder : 0、他のDOMをorder : 1として設定することで、今回は一番最初に表示される様調整しました。

ところがどっこい、画像のDOMの高さがどう頑張っても確保されない。

・空のDOM
・縦並びのflex
・高さをパーセンテージやaspect-ratioで指定したい

こんな条件が合わさった結果、そんなことになっている様で。

こねくり回した結果、flex-wrap: nowrap;があれば高さ指定が可能になりました。

以上、対処法としてメモ！

有料記事テスト

codoc連携、開発お疲れ様でした🎉🎉🎉

めでたいめでたい！

この続きを読むには

購入して全文を読む

6月終わる？嘘でしょ

最終更新日テスト

最後に城に行ったのが5/24
今日が6/23

１ヶ月経つの早すぎるんじゃ！！給料日わーい！！｡ﾟ( ﾟஇωஇﾟ)ﾟ｡

↑ｿﾗﾊﾚﾜﾀｰﾙちゃん大好き。動けないから描いていた。

今月に入ってからずーっと呼吸器管が逝ってます。
会話するのもつらい。めちゃくちゃ熱上がる。
そんな状態だから散歩も運動もろくに出来ません🫠
来月頭に人間ドックあるから少しでも軽くならなきゃいけないのに…もう今年は諦めるか…

ヘッダー部分の雑なバナーは、ABテスト実装実験してます。
表示されててもクリックしても何も起きないのでご安心下さいm(_ _)m

久しぶりに。

気がつけば城の顔を見ずしばらく経ってしまってたので行ってきた朝散歩。

周りの木たちはすっかり緑になって夏感醸し出てました。

(冬の代名詞白鳥様はいつでもいらっしゃるんだけど🦢)

子どもがもう１時間遅く帰宅するか、勤務時間が1日7時間になれば毎朝行けるんだけどなぁ…

傘立ての使い方。

君の名は…

わたしも差しそうになったけども！

騙されないわよ!!!!

多分フルーティなお味🐐

ヤギの餌やりやってきました。

しっかりやってきました。

やめて。