CSSアニメーションで作った楽しげなUIアニメーションのアイデア集をYouTubeに投稿しました。
よければ見ていただけたら嬉しいです。
https://t.co/nF0WCQXP7G https://t.co/D3tEoVjHZ6 December 12, 2025

しめじさんのXを２年前に見た時は、html/cssが何かさえ分からず、しめログ内で紹介されていたテックアカデミーに入学したのが1年前。この度、しめサポの募集を聞き、慌てて鍵垢の鍵を開け、しめサポに入ることに！
いつかは、しめサポにと思っていた日が遂に！
よろしくお願いいたします🙇
#しめサポ December 12, 2025

添付の画像の本を買って全体の30%くらいやった時点の感想です。

「Claude Code面白い、ワクワクするです」

本の序盤ではTODOアプリをシンプルなhtml・cssタイプで作る、モダンなNext.jsで作る流れが書かれています。

GitHub、Vercel（よくわからない）とghを導入し、vscodeのターミナルから、

・ghコマンドを使って、リモートリポジトリを作成し、コミットしてプッシュして
・GitHub Pageにデプロイして
・Vercelにデプロイして

というプロンプトで、TODOアプリのリポジトリ作成、サクッとデプロイされることを体感できました。

その他、ある組込みソフトウェアプロジェクトのMakefileを指定し、Makefileでビルド、リンクされるファイルの解説、Makefileのルールの解説を依頼したところ納得、合っているであろう解答を得ることができました。
現状のプロジェクトはトップ階層のCファイルしかビルド、リンク対象にならないルールなので、2階層になってもビルド、リンクできるMakefileにClaude Codeの力を借りていずれしてみたいなと思いました。

本の内容を読む、写経しながら組込みソフトウェア開発のどの場面で、どのように活用できるか？、を考えていきたいと思います。 December 12, 2025

【CSSレベルをちょっと上げたいコーダーさんへ】

FVのタイトルとか、
要素をど真ん中に置きたい時
これでやってません？？

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

もちろん今でも動く。

でも最近はもっとシンプルで
綺麗な書き方があるんですよね。

それが Grid × place-content！！

.p-fv {
min-height: 500px;
display: grid;
place-content: center;
}

これだけで
上下左右ど真ん中にドンッと置ける。

しかも…

✅️transform 書かなくていい
✅️ 計算いらない
✅️レイアウト崩れにくい
✅️読んだ時に意図が分かりやすい
✅️子要素が増えても柔軟に対応できる

正直、中央寄せしたいだけの場面なら
absoluteよりGridのほうが圧倒的に快適。

「なんか中央寄せで毎回ぐちゃぐちゃになる…」
って人は、これ試してみてほしい😌

画像にplace-contentのいろんな値もまとめてるから
ブクマして何回も見返してみて〜！ December 12, 2025

1997年に閉鎖されたWEBサイトって体のHPを確認し、HTMLソースを見る。
画像はPNGだわ、CSSは使ってるわ、しまいにはjquery読み出してるわ。
君さぁ…もうちょっと時代設定に合わせたリアリティーを持たせようよ…
いくら何でもjqueryはないでしょ。script aculo usだってないんだぞ、その時代だと。 December 12, 2025

<script src="https://t.co/kqxgiyeznm" data-css="rainbow-square" data-usercode="mUvF5Aiq0w" charset="UTF-8" defer></script>
<div id="codoc-entry-aZM2ku19VQ" class="codoc-entries" >この続きはcodocで購読</div> December 12, 2025

そういえば最近ココフォリアのカスタムCSS教えて貰ったので次回から私がKPする卓は配信者さんがやってる感じで録画できると思われ〜上手く行けばだけど December 12, 2025

iOS や Android や Figma を考慮すると数値で持っておいてcss は calc でベースのサイズをスケールで割る構成にしてみた
書体だけは Figma用に切り出して諦めた December 12, 2025