ブログ
-
同じ脆弱性で、1時間で終わる会社と徹夜する会社は何が違うのか
同じ日に公表された同じ脆弱性に、ある会社は1時間で対応を終え、別の会社はサービスを止めて徹夜する。この差は技術力ではなく、事前にどれだけ判断を済ませてあったかで決まります。夜を溶かす4つの工程と、平時に決めておくべきことを整理しました。
-
その自動更新、全部は見ていません ── unattended-upgrades と第三者リポジトリの盲点
Ubuntuの自動セキュリティ更新（unattended-upgrades）は、既定ではディストリビューション公式のリポジトリしか対象にしません。NodeSourceやDocker、各種ベンダ提供のリポジトリから入れたパッケージは、自動更新が動いていても取り残されます。自分の環境で盲点を洗い出すコマンドと、対処の判断基準をまとめました。
-
PHP 8.3.6 は脆弱なのか ── バージョン番号だけで脆弱性対応を判断してはいけない
2026年10月21日に公開されたPHPの緊急脆弱性（CVE-2026-109618 / CVE-2026-109619、CVSS 9.2、認証不要のリモートコード実行）への対応を、実際のサーバで点検した記録。「8.3.6 だから古い」という判断がなぜ誤りなのか、バックポートの仕組み、パッケージを当てた後に残る落とし穴までを解説します。
-
PROMPT → WEB #011そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #11 Anamorphic Sky
Claude CodeとCanvas 2Dで、地球から見たときだけ形になる星座を実装。星を視線上のばらばらな奥行きへ逆投影し、視点を動かすと星座がほどけ、戻ると結ぶ歪像（アナモルフォーシス）の表現です。動くデモと、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #010そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #10 Straightedge & Compass
Claude CodeとCanvas 2Dで、光の魔法陣として正多角形が組み上がる表現を実装。正五角形の頂点も三角関数を使わず、円と直線の交点だけで求めます。作図の手順をデータとして持つ設計と、動くデモ、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #009そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #09 Luminogram
Claude CodeとCanvas 2Dで、物体を一度も描かずに影だけで形を見せる表現を実装。光源から見える範囲を可視多角形として求め、動かした軌跡を印画紙に焼き付けていきます。フォトグラムの原理と、その場で動くデモ、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #008そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #08 Kintsugi
Claude CodeとCanvas 2Dで、釉薬の器が一点から割れ、その割れ目を金で継ぐ表現を実装。ボロノイ分割はライブラリを使わず半平面クリッピングで自前に求めます。破片は飛ばしません。動くデモと、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #007そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #07 Sound Loom
Claude CodeとWeb Audio APIで、ブラウザが自分で鳴らした音を「織物」として織り上げる表現を実装。音は既定で無音のまま、解析だけが動きます。自動再生をどう扱うか、周波数を経糸に割り当てる方法、その場で動くデモと、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #006そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #06 Halftone Press
Claude CodeとCanvas 2Dで、原画を画像として持たずに網点で刷るハーフトーン製版を実装。C/M/Yの3版にスクリーン角度を与え、網点・万線・砂目・文字の4方式を切り替えます。ロゼッタとモアレの理由、動くデモ、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #005そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #05 Living Patterns
Claude CodeとCanvas 2Dで、誰も描いていないのに模様が自分から育つ「反応拡散」の表現を実装。なぞると成長し、クリックすると同じ数式のまま別の生き物に変わります。チューリング・パターンの仕組みと、その場で動くデモ、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #004そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #04 Physics Playground
Claude Codeで、光沢のある金属球の文字コインが重力で落ちて積もり、ぶつかって崩れるリアルタイム物理の表現を実装。カーソルで押しのけ、クリックで増やせます。自作2D物理エンジンの仕組みと、その場で動くデモ、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #003そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #03 Generative Topography
Claude CodeとSVGで、ジェネラティブな地形図が製図機のように描かれる表現を実装。カーソルで地形が隆起し色温度が変わり、クリックで衝撃波が走ります。マーチングスクエア法の解説と、動くデモ、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #002そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #02 Kinetic Typography
Claude CodeとCanvas 2Dで、巨大なタイポグラフィが組み上がりカーソルに反応する「動く文字」を実装。粒子は使いません。動くデモと、そのまま渡せるプロンプト全文を公開します。
-
PROMPT → WEB #001そのWeb演出、Claude Codeで作れます。クリエイティブWeb表現のプロンプト集 #01 Generative Particle Journey
Claude CodeとThree.jsで、数万の発光粒子が星雲・球体・波・渦・トンネルへと連続変形するジェネレーティブなWebGL表現を実装。動くデモと、そのまま渡せるプロンプト全文を公開します。
-
ドキュメントのないPHP決済システムを引き継ぎ、17年間保守している話
開発会社に頼れなくなったPHP製の決済代行システムを2009年に引き継ぎ、17年間保守し続けてきた実話。ドキュメント無し・前任者不在からの引き継ぎ、重大障害から学んだ決済システム保守の原則、AI活用の現在、そして17年間契約が続いている理由。