#プログラミング

広くブラウザに対応しているにもかかわらず、CSSのコンテナクエリはいまだ使われず、しばしば誤解されている。Smashing Magazineの記事は、メディアクエリとの違いと使い分けをあらためて整理している。 両者は見る方向が逆である。メディアクエリはビューポートを外側から見て「画面はどれくらい広いか」を問う、マクロなレイアウトのための仕組みだ。対してコンテナクエリは、要素が置かれた文脈で「この要素にはどれだけの余地があるか」を内側から見る、マイクロなレイアウトのための仕組み

デザイナーのAdam Waxmanが、「一人のためのソフトウェア（Software for one）」という考え方を綴ったエッセイが注目を集めている。大衆市場ではなく、自分自身や身近な数人のためだけに作られたアプリ——彼はそれを、チェーン店の料理ではなく「家庭料理」にたとえる。特定の誰かのニーズやデータに合わせて仕立てられた道具のことだ。 出発点として引かれるのは、作家のRobin Sloanが2020年に家族向けのメッセージアプリ「BoopSnoop」を作った逸話だ。使うの

ブロックがWordPressのコアに登場してから7年半、ついにReactもビルド環境も使わずにブロックを作れる仕組みが導入された。CSSTricksでFränk Kleinが解説したところによると、WordPress 7.0は「PHPだけでブロックを登録できる」新しい手法を用意する。これまでブロックはPHPとJavaScriptの二重登録が必要で、それが多くの制作者にとって参入障壁になっていた。 仕組みの中心はブロックのsupports設定に加わったautoRegisterフ

デザイナーのJakub Krehelが、インターフェースの完成度を格段に高める12のディテール実装テクニックを体系的にまとめた記事を公開した。いずれもCSSやアニメーションの細かな調整だが、ユーザー体験に大きな差をもたらすものばかりである。 テキスト表示ではtextwrap: balanceによる均等な行分配、webkitfontsmoothing: antialiasedによるフォントレンダリングの鮮明化、数値表示の安定性を保つfontvariantnumeric: tab

CSSに新たなプロパティ「cornershape」が登場し、これまでclippathやSVGマスクなどのハック的手法でしか実現できなかった多様な角の形状が、ネイティブに指定可能になった。Smashing Magazineが詳細な解説記事を公開している。 cornershapeは既存のborderradiusを置き換えるものではなく、borderradiusが生成するカーブの「形状」を変更するプロパティである。対応する値にはround（従来の円形角）、squircle（Appl

2026年2月、Google Chromeに深刻なゼロデイ脆弱性CVE20262441が発見され、緊急アップデートが配布された。CVSSスコア8.8の高リスク脆弱性として分類されたこのバグは、BlinkレンダリングエンジンのCSS処理コンポーネントに存在するUseAfterFree（解放後メモリ使用）の欠陥である。 脆弱性の核心は、CSSの@fontfeaturevaluesルールの処理にある。Chromeがこのルールを解析してCSSFontFeatureValuesMapオ

AIコーディングツールの普及が開発者の仕事にどのような影響を与えているかについて、8つの異なる視点を統合した分析記事が公開された。結論は明快である。仕事は消えていない。移動しただけだ。 データは生産性向上の裏にある矛盾を浮き彫りにしている。AIエージェントはプルリクエストを98%増加させた一方、レビュー時間は91%長期化した。開発者の99%が週10時間以上の節約を報告しているにもかかわらず、全体のワークロードは変わっていない。さらに、経験豊富な開発者はAIアシスタント使用時に

開発者の間で人気のAIコーディングエージェント「Cline」に、プロンプトインジェクションの脆弱性が発見された。あるハッカーがこの脆弱性を悪用し、バイラルなオープンソースAIエージェント「OpenClaw」をあらゆる場所にインストールさせることに成功したと報じられている。 事の発端は、セキュリティ研究者のAdnan Khanが概念実証として脆弱性を公開したことにある。手口は単純で、Webページに隠されたプロンプトをAIコーディングツールに読み込ませ、意図しないコードの実行やパ

主要ブラウザベンダーが協力してWeb機能のクロスブラウザ互換性を推進するプロジェクト「Interop 2026」が正式に始動した。Blink（Chrome/Edge）、WebKit（Safari）、Mozilla（Firefox）の各エンジンが参加し、最新のCSS機能やWeb APIの一貫した実装を目指す。 今回のInterop 2026では、注目すべき機能が数多く含まれている。Anchor Positioningは、要素を他の要素に対して宣言的に配置する機能で、フォールバッ

Fast Companyが報じた記事は、スマートフォンが一般ユーザーを「バイブコーダー」に変える可能性について論じている。バイブコーディングとは、プログラミングの専門知識を持たない人がAIに自然言語で指示を出すだけでソフトウェアを作り上げる手法であり、この概念がモバイルデバイスにまで拡張されようとしている。 従来、コーディングはPCの前に座り、専門的な開発環境を使いこなすスキルが必要な作業であった。しかし、AIアシスタントの進化により、スマートフォンから音声やテキストで「こう

プログラミングの際にエディター上でどのフォントを使うかは、エンジニアのこだわりが垣間見れるポイントですよね。デジタルデザイナーの中には、デザインだけではなくWebやモバイルアプリのプログラミングを行う人も少なくないと思います。デザイナー兼エンジニアともなれば、使用する等倍フォントへのこだわりはさらに強いのではないでしょうか？皆さんはそんなエディターの等倍フォント、何を使ってますか？MenloやSF Monoなど、macOSに標準で搭載されているフォントや、Fira Codeな