今週（7/6〜7/12）はAIコーディングツール市場の地図を塗り替えるニュースを中心に振り返ります。6月16日に発表されたSpaceX × Cursor $60B買収の余波が業界に広がり、ツール選定の見直しが急務になっています。同時にWebflowのレガシーエディター廃止まで1ヶ月を切り、SvelteKitはVite 8（Rolldown 1.0.0）を必須化、Edge 150のCSSアップデートも実務に使えるものが揃いました。
SpaceX が Cursor（Anysphere）を $60B 買収——余波が今週も拡大中
6月16日に発表されたこのニュース、3週経った今も業界への影響が広がっています。SpaceXが Cursor の親会社 Anysphere を $600億（約9兆円）の全株式交換で買収するという内容で、ベンチャー企業の買収として史上最大規模です（SpaceXがNasdaq IPO直後に発表）。Q3クローズ予定で規制審査が進んでいますが、「将来どうなるか分からない」という不確実性が今週もユーザーの乗り換えを後押しし続けています。
出典: CNBC — SpaceX to acquire the AI coding startup Cursor for $60 billion / LogRocket — AI dev tool power rankings（July 2026）
市場への影響はすでに数字に出ています。LogRocketの7月版AIコーディングツール調査（Ramp支出データ集計）によると、CursorのAIコーディングツールシェアは41%→26%に下落、Anthropicは32%→50%に急伸しました。「Cursorが独立したスタートアップでなくなる」という不安が乗り換えを加速している構図です。
Cursor自体のARRは約$4B、うちエンタープライズB2Bが$2.6Bと堅調でしたが、SpaceXの傘下に入ることでロードマップがSpaceXの意向に左右されるリスクが生まれます。4月に取得していたオプション（$10Bのパートナーシップか$60Bの買収かを選択できる権利）を行使した形で、SpaceXにとってはAI開発インフラの内製化という狙いがあると見られています。
Gemini CLI廃止・WindsurfのDevin Desktop転換に続いて、今度はCursorが「独立したツール」でなくなりました。外部AIコーディングツールへの依存を一本化するリスクが改めて浮き彫りになっています。Q3クローズ前後に利用条件が変わる可能性があるので、エンタープライズ契約を持っている場合は条件を確認しておくことをおすすめします。
💡 今すぐ試せる: Claude Code（claude コマンド）または GitHub Copilot との併用体制を整えておく。Cursor への一点依存からの分散が今のうちにできる最善策
Webflow レガシーエディター廃止まで1ヶ月（8/4）——Edit Mode への移行が急務
8月4日、Webflow のレガシーエディターが完全に廃止されます。移行先は新しい「Edit Mode」と「Client Seats（クライアント席）」の組み合わせです。今週から「1ヶ月を切った」というアラートが業界内で共有されはじめました。
出典: Webflow Blog — Moving away from Webflow’s legacy Editor / Webflow Help Center — Legacy Editor deprecation FAQ
影響を受けるのは主にエージェンシー・フリーランスがクライアントにコンテンツ編集権限を渡している案件です。確認・対応が必要なポイント：
- ホワイトラベリング機能も同日廃止（Webflowブランドを隠していた場合は要注意）
- Client Seats の権限設定：旧EditorはContent editorロールに自動移行されるが、権限範囲が変わる
- カスタムコード・アニメーション埋め込み案件：旧Editorで起きていた互換性問題がEdit Modeでは解消されているが、動作確認が必要
- Webflowは「無料移行オプション」を提供：限定席やクライアント席として移行支援あり
Webflowはレガシーエディター廃止と並行して「エージェンティック・ウェブマーケティングプラットフォーム」への転換を打ち出しています。AIエージェントがサイトのA/Bテスト・コンテンツ更新・分析を自律的に行うビジョンで、ツールの性格が大きく変わろうとしています。
クライアントへの連絡と移行テストは今週中に終わらせておくのが安全です。8/4 を過ぎてからトラブルが起きても手遅れなケースがあります。特にホワイトラベリングを使っていたエージェンシーは即確認を。
💡 今すぐ試せる: Webflow管理画面 → プロジェクト → Collaborators でEditorアカウントを確認。Client Seatsへの移行案内が届いているかチェックする
Rolldown 1.0.0 stable が SvelteKit に波及——Vite エコシステムの移行加速
先月 Vite 8.1.0 に統合された Rolldown（Rust製バンドラー）が 1.0.0 stable に到達し、今週 SvelteKit もこれを必須化しました。Vite 8.0.12 以上が SvelteKit の新要件になり、Rolldown の安定版がフロントエンド全体に普及しはじめています。
出典: Svelte Blog — What’s new in Svelte: July 2026
SvelteKit の最新アップデートの主な変更点：
Vite 8.0.12 以上が必須に（Rolldown 1.0.0 stable を同梱した最初のリリース）。Vite 7 系を使っている SvelteKit プロジェクトはアップグレードが必要です。
SvelteKit の設定を vite.config.js に一本化できるように。svelte.config.js を別途持つ必要がなくなります（SvelteKit 3 での必須化のプレビュー）。
実験的 tsgo（TypeScript Go）対応：svelte-check に TypeScript Go ベースの型チェックを使うオプションが追加されました。大規模コードベースでの型チェックが大幅に高速化します。
$app/pathsからbase・assets・resolveRouteを削除（破壊的）goto()が app 内のルートに解決されない URL で reject するように- リモートフォームへの
Fileオブジェクト直渡しに対応（FormData ラップ不要に）
SvelteKit を使っているプロジェクトでは、vite@^8.0.12 へのアップグレードが急務です。svelte.config.js を vite.config.js に移せるようになったのは地味に管理が楽になります。tsgo は TypeScript 7.0 RC の Go コンパイラと合わせて「型チェックが遅い」問題を根本から解決する流れで、実験的ですが試す価値があります。
💡 今すぐ試せる: npm update vite で 8.0.12 以上に上げて vite.config.js に SvelteKit 設定を統合。svelte-check に --tsgo フラグを渡して型チェック速度を比較する
CSS light-dark() が画像値に対応（Edge 150先行・Chrome未対応）——ダークモード切替が宣言的に
Edge 150（7月リリース）で light-dark() 関数が画像値（url()、image-set()、none）を受け取れるようになりました。現時点はEdge 150のみの先行対応で、Chrome・Safari・Firefoxは未対応です。
出典: Microsoft Edge 150 web platform release notes
これまで「ライトモードとダークモードで背景画像を切り替える」には @media (prefers-color-scheme: dark) ブロックを別途書く必要がありました。light-dark() に url() を渡せるようになると、1プロパティで完結します。
See the Pen CSS light-dark() with images — Edge 150 by BaseKENT (@basekent) on CodePen.
/* ✅ 新: 1行でライト/ダーク画像を切替 */
.hero {
background-image: light-dark(
url(hero-light.jpg),
url(hero-dark.jpg)
);
}
/* ダークでは画像なし（noneも使える） */
.section {
background-image: light-dark(url(pattern.svg), none);
background-color: light-dark(transparent, #1e293b);
}
/* 従来: @media ブロックを別途書く必要があった */
@media (prefers-color-scheme: dark) {
.hero { background-image: url(hero-dark.jpg); }
}同じEdge 150では flex-wrap: balance（複数行フレックスコンテナの行間コンテンツ均等化）、@container のカンマ区切り複数クエリ対応なども入っています。@supports (background-image: light-dark(url())) でフォールバックを書けば、今すぐ Edge を対象にしたプロジェクトから使い始められます。
「ダークモードで画像まで切り替えたい」という要件はこれまで @media をばらばらに書く必要があり、管理が地味に煩雑でした。light-dark() が画像を受け取れるようになると、ダークモード関連の CSS が一箇所にまとまります。Chrome 対応が来たら即使いたい機能です。
💡 今すぐ試せる: Edge 150 で background-image: light-dark(url(light.jpg), url(dark.jpg)) を試す。@supports でフォールバックを書いておけば他ブラウザでも崩れない
今週のひとこと
今週の中心は「AIコーディングツールへの依存をどう設計するか」という問いでした。Gemini CLI、Windsurf、Cursor と、この数ヶ月で主要ツールが次々と変化を迎えています。Webflowのエディター廃止もその文脈で見ると、「外部ツールへの依存はいつ崩れるかわからない」という教訓が続いています。一方でSvelteKitやCSSの進化は着実で、Webプラットフォームの地力は上がり続けています。読み終えたら、自分が使っているツール一覧を眺めて「もしこれがなくなったら？」を一度考えてみてください。
