森 史憲🍛🍻🍫 / コーディングデザイン

メガネのフロントエンドHTML＆CSSデベロッパー@鹿児島市。妻とLOVOT（そらね）とWebサイト制作の日々です。スパイスカレー・地ビール・ハイカカオなチョコレートが大好き。HTML＆CSSポケットリファレンス改訂3版（技術評論社）絶賛発売中！案件のご相談はDMまで🙆‍♂️

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

Github CopilotでClaude Sonnet 4.6を使っていて、消費パーセンテージが急に上がったと思ったら、プレミアムリクエストの利用倍率が急に x1 から x9 に変わってた。かなりびっくり。

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

『カミとミコ』の制作現場公開！microCMSで実現するブラウザゲーム開発 に参加を申し込みました！ https://t.co/QgULv1olyq

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

1/13に発売された「HTML＆CSSポケットリファレンス 改拙著『HTML＆CSSポケットリファレンス 改訂第4版』（1/13発売）を、@colisscom 様にご紹介いただきました。
丁寧に取り上げていただき、ありがとうございます。
これからHTML/CSSを学ぶ方にも、実務で使う方にも届く一冊になれば嬉しいです。

[コリス🍡🍭 @colisscom]

HTML Living StandardとモダンCSS、最新ブラウザに完全対応！
目的別で分かりやすいリファレンス本 -HTML＆CSSポケットリファレンス 改訂第4版

https://t.co/lsftXVNtMI

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

早いな…。
年齢が近いのを訃報で知るという。
ものすごく聴いたアーティスト。
どうぞ安らかに。

[Rolling Stone Japan @rollingstonejp]

【追悼】
ディアンジェロが51歳で死去　

▼記事はこちら
🔗https://t.co/Q9HwoFDyC9

ネオソウルの開拓者であり音楽シーンに決定的影響を与えた天才。3枚のアルバム『Brown Sugar』『Voodoo』『Black Messiah』すべてが名作として称えられた

#DAngelo

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

【増枠】AI Coding Meetup #3 AI時代の開発スピードと品質のバランス術 に参加を申し込みました！ https://t.co/hoIfQidfci #aicoding

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

State of CSS 2025が公開されてた。ざっと見た感じ、そんなに驚きはなかったかな。CSS GridとFlexboxは複数プロパティと関数を巧みに組み合わせて使うから、難しいものであるのは間違いないよねぇ。
https://t.co/fVkQs9wTjW

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

AWSのKiroが開いた道をGithubものっかっていく。仕様駆動開発、ドキュメントをAIが作ってくれて、かつ実装のベースになるし、ちゃんと残るのがありがたいですね。これも使ってみよう。
https://t.co/Pl20MKwc9J

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

Next.js vs Nuxt それぞれの良さを知る フロントエンドNight に参加を申し込みました！ https://t.co/2p4k90Rdvo #Offers_DeepDve

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

CSS Day 2025のArhmad ShadeedさんのSmart Layoutsという講演を見た。
メディアクエリを使わずに条件分岐する方法を紹介してて、もう魔法。
・has()
・clamp()
・コンテナクエリ
・コンテナスタイルクエリ
・アンカーポジショニング
CSSだけでできるのはすごいけど難しい…
https://t.co/A5HUycUPRJ

[柴田 和祈｜microCMS @shibe97]

MCP UIによってAIエージェントがインタラクティブなUIを返すことができるらしい。
これはWebサイトの代替になりうるかもしれない。
https://t.co/llPD47c4AL

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

書籍の執筆作業をしていて、細かい仕様を知らないままに制作をしていることがいくつもあることが分かって面白い。
例えば、aspect-ratioプロパティはautoと比率を同時に指定できるとか。どんなときに使えるか、ピンとこないけども。
https://t.co/DL4h9so5yA

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

AmazonのAI IDE「kiro」の利用招待がきたー！
いまは無料で使えるようで、そのうち料金プランが適用されるみたい。モデルはClaude 4 Sonnet と Claude 3.7 Sonnet。使ってみるのが楽しみ。
https://t.co/SkhwwXycAL
https://t.co/nc5Y39ECDI

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

AIエージェントを使う開発の大枠が語られていてわかりやすい記事。『「人は仕事をAIに奪われるのではなく、AIに精通した人に奪われる」というエヌビディアCEOのジェンセン・ファン氏の言葉を引用し、AI活用スキルを磨く重要性を強調した。』
https://t.co/4KIUY4VdzO

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

min-content, max-content, fit-contentがあるけど、日本語だと実際の出番が多そうなのはfit-contentかな。
min(), max(), minmax(), clamp()とかもそうだけど、実際に使って体感して使いどころを理解していくものになるなあ。

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

color-mixの仕様は、srgbだけならシンプルなんだけど、どうしたものかな…。hslなんかの方も載せると長くなるねぇ。いったんページに収まるかどうか試してもらうかな。

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

年下のいとこの告別式から帰ってきた。人生って本当に理不尽だな。自分もおととし大変だったし、去年は取引先の社長さんが亡くなった。何が起こるか誰にもわからない。毎日後悔なく、笑顔で生きていくために、何をするのか考える。闘病お疲れさまだったね。よくやすんでな。合掌。

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

今日少し曇り天気のようだったので、朝5時に起きてお墓参りとお墓にある植木の刈り込みをした。くもっていたけど汗びっしょり。温泉に入ってすっきり。お昼ごはんにスーパーで買っておいたうなぎを食べて、栄養もばっちり。たまった仕事を片付ける。

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

Nuxtのv4もv3.18もリリースしてる〜。
v5のリリースも今年来る予定。バグが落ち着いてきたらコーディングデザインのサイトにもv4を適用しよう。
https://t.co/1OBy5bxfWl

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

フロントエンドカンファレンス東京 x Vue Fes Japan コラボイベント に参加を申し込みました！ https://t.co/WhqHHiwwCC #vuefes_fec_tokyo

[森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555]

記事を読んでCSSのView Transitionを試した。これは楽しい〜。@keyframesでanimationを設定すればもっと楽しい。
```
@view-transition {
navigation: auto;
}
::view-transition-group(*) {
animation-duration: 0.3s;
}
```
https://t.co/v5AB4SUKAQ