Hiz

あと Figma 上のレイア名とコード上のコンポーネント名を一致させる手法はやっぱり効果あるんだなぁ。これがなかなか、厳しい。。
でも細部はともかく、上位レイヤーだけでも整理していけば効果あるのかな。

YouTube video by Figma In the file: Building Modern Product Workflows in the Age of AI, with Botim | Figma

AI による実装の精度向上のために用意するコンポーネントを絞って制約作成した話は面白いな。
やっぱり UI コンポーネントは極力パターンを絞っていきたいなぁ。

"ファイル内: AI時代の最新製品ワークフローの構築 (Botimによる) | Figma - YouTube" www.youtube.com/watch?v=yJP_...

うーん、制御が難しい…。意図と違う作業を始めちゃう。
やっぱりモデルによって性格がかなり違うなー。

最終結果は良さそう。
あとはプランモードの対応待ちかな。たぶん Windsurf 側の修正待ちだろう。

おお、Windsurf 上の Gemini 3.1 Pro、プランモード無視する (^^;
いきなりガンガンコードを書き換えてて昔の Claude 思い出して少し微笑ましいが、実業務ではしばらく使えないな～

Gemini 3.1 Pro: A smarter model for your most complex tasks 3.1 Pro is designed for tasks where a simple answer isn’t enough.

👀"Gemini 3.1 Pro: Announcing our latest Gemini AI model" blog.google/innovation-a...

Gemini 3.1 Pro の概要｜npaka 「Gemini 3.1 Pro」の概要をまとめました。 ・Gemini 3.1 Pro: A smarter model for your most complex tasks 1. はじめに 先週、科学・研究・エンジニアリング分野における現代的な課題を解決するために、「Gemini 3 Deep Think」の大規模アップデートをリリースしました。本日、その飛躍的な進歩を支える中核的...

👀"Gemini 3.1 Pro の概要｜npaka" note.com/npaka/n/nc85...

Gemini 3.1 Pro ってコーディング能力てきにどのくらいのレベルなんだろ。

Pro プランでも普通に使える感じっぽい？
だったらいいな。

"Tools and prompts | Developer Docs": developers.figma.com/docs/figma-m...

From Claude Code to Figma: Turning Production Code into Editable Figma Designs | Figma Blog Now you can take workflows that start in Claude Code even further in Figma.

👀"From Claude Code to Figma: Turning Production Code into Editable Figma Designs | Figma Blog": www.figma.com/blog/introdu...

うーん、やはり Opus 4.6 でも Codex でも、ある程度の規模のライブラリの NPM から Bun への移行は、一筋縄ではいかないなぁ。
コーディングエージェント時代にますます CI がボトルネックとなるという事は同意するから、面倒な Bun への移行をおまかせでできればって思ったけど。

CSS カスタムハイライト API - Web API | MDN CSS カスタムハイライト API は、JavaScript を使用して範囲を作成し、CSS を使用してスタイルを設定することにより、文書内の任意のテキスト範囲のスタイル設定を行うためのメカニズムを提供します。

CSS カスタムハイライト API 面白いなぁ。何か色々アイデア次第で使えそう。

"CSS カスタムハイライト API - Web API | MDN" developer.mozilla.org/ja/docs/Web/... #CSS

Windows 11「縦タスクバー廃止」の内幕──元幹部が語った抵抗と敗北｜情報の灯台 Windows 95から30年間、当たり前にそこにあった自由が、いま静かに帰ってこようとしている。そしてその裏側には、一人の元幹部の「敗北の記録」が眠っていた。 タスクバーを救おうとした男 Windows 11のタスクバーが画面下部に固定されたまま動かせない。この「不自由」に苛立ちを覚えたことがある人は、決して少なくないだろう。 実は、Microsoft内部でも同じ声を上げていた人物がいた。...

やっぱり UI のすったもんだ話は面白い。

"Windows 11「縦タスクバー廃止」の内幕──元幹部が語った抵抗と敗北｜情報の灯台" note.com/joho_no_toda...

Firefox Nightly は一日に二回更新されるのか。
日本時間だと 7:00 と 19:00 時で、ビルド環境に 1、2 時間かかるので実際は 9:00 と 21:00 時ごろに利用可能となる感じ。
朝作業開始するときにすぐ更新せず、9:00 くらいまで待ったら再起動回数が最小で済む感じかな。

"Nightly - MozillaWiki" wiki.mozilla.org/Nightly #Firefox

Windsurf Editor Changelog | Windsurf Latest updates and changes for the Windsurf Editor.

なんか Changelog の日付がおかしい？
windsurf.com/changelog

Introducing Sonnet 4.6 Claude Sonnet 4.6 is a full upgrade of the model’s skills across coding, computer use, long-reasoning, agent planning, knowledge work, and design.

👀"Introducing Sonnet 4.6 \ Anthropic" www.anthropic.com/news/claude-...

うーん、Windsurf は完全に Bluesky や YouTube の更新を止めた感じかな。Twitter を見に行くのは不便だなぁ。

特徴 次世代フロントエンドツール

👀"クライアントでの型 - 特徴 | Vite" ja.vite.dev/guide/featur...

なるほど。Web対応が最近なんですね～

テレビアニメ「天は赤い河のほとり」公式サイト 少女漫画界の巨匠・篠原千絵作品、待望の初テレビアニメ化！数千年の時を超え、突如古代オリエント世界に召喚された少女が 自らの手で運命を切り開く、本格大河ロマン。2026年夏アニメ放送決定！

うお、本当！？
これは楽しみ。

"テレビアニメ「天は赤い河のほとり」公式サイト" www.vap.co.jp/sorahaakaika...

ブラウザを乗り換えしたときにブックマークのファビコンが消えるの、地味に不便だな。
逆に普段、意外とファビコンを手掛かりにナビゲーションしていたんだなぁ。
ファビコン大事。

Windsurf 上の Opus 4.6 の消費クレジットが ×6 になってる。
キャンペーン期間が終わったのだと思うが、ちょっと気軽には使えないなぁ。。

5.3-Codex が Medium なら ×2 で追加されたので、しばらくはそれをメインで試してみる感じかなー

結構前にリリースれているサービスなんだ。
なんで最近はてぶとかに上がってきているんだろう？

Tooon(トゥーン) | 起業・開業に必要な機能がこれひとつで完結 Tooonはプロジェクト設計・タスク管理・請求書の発行・決済をワンストップで実現するオールインワン業務管理ツールです。

👀"アバターを作る感覚でイラストが生成できるFigmaプラグイン「Humation」はどのようにして生まれたのか" tooon.jp/mag/posts/in...

markdown.new - Markdown for Agents Convert any URL to AI-ready Markdown. 80% fewer tokens than HTML. Powered by Cloudflare.

👀"markdown.new - Markdown for Agents | Cloudflare-Powered URL to Markdown" markdown.new

おー、Windsurf に GPT-5.3 Codex 来た。
ここ最近はリリースノートより先にモデル追加が来るけど、提供速度をちょっとでも早くする工夫なのかな。
#Windsurf

contrast-color() - CSS | MDN contrast-color() は CSS の関数で、color 値を取ってコントラストの高い色を返します。この関数はふつう、WCAG AA の最小コントラスト（英語）を保証します。ブラウザーは異なるより良いアルゴリズムを可能性もあります。

あー、なるほど。。
contrast-color() の仕様を誤解していた。
意図したようには使えないのね。

[contrast-color() - CSS | MDN](developer.mozilla.org/ja/docs/Web/...)

Claude Code に
- CSS contrast-color() を活用したコントラストの担保
- 未対応ブラウザの "@supports" を使用した判定と、オレオフォーカスへのフォールバック
を指示したけど、思ったより Planning に時間がかかっているな。
なにか懸念点があるのだろうか。

Set up Claude Code - Claude Code Docs Install, authenticate, and start using Claude Code on your development machine.

Claude Code 起動したらネイティブインストーラーの案内来ていたからそのインストールを実行したけど、NPM は自動で削除された感じかな。
npm list -g に表示されないから、きっとそうだよな。
code.claude.com/docs/en/gett...

他の達成度 AAA と比較すると、ハードルはそれほど高くないよなー。なのでしっかりと対応したいところ。
"解説書 達成基準 2.4.13: フォーカスの外観 | WAI | W3C": waic.jp/translations...