本文へ移動
技術を、自社の仕事に。
判断と実行を助けるメディア

記事を検索

Remix 3.0正式版 案件で採用する前に確かめる5つの点

目次 · 8項目

新しいWebアプリやサイト刷新の提案に、「Remix 3で作ります」と書かれていたらどう判断するか。2026年10月1日、Remix 3が3.0.0として正式公開されました。ベータや候補版(RC)の段階では採用を見送る理由になっていた「正式版ではない」という条件は、これで外れました。

ただ、正式版であることと、受託案件の本番に載せられることは別の話です。本記事では、2026年10月6日にGitHubの remix-run/remix リポジトリの remix@3.0.0 タグ(commit 70cdc64、「Release v3.0.0」)にある変更履歴・README・ガイドと、npmの公開記録を直接開いて確認した内容から、採用を決める前に確かめたい5つの点を整理します。資料調査と編集部の提案で、Remix 3のアプリを実際に作って動かす検証は行っていません。

Remix 3がReactを使わない設計に切り替えた経緯と、既存のRemix 2案件への影響は、Remix 3がReactを捨てた — サイト刷新の技術選定への影響で整理しています。本記事は、その後に出た正式版の中身に絞ります。

正式版で確定したこと

npmの公開記録では、remix パッケージの3.0.0は2026年10月1日(UTC 22:58)に公開され、latest タグが3.0.0を指しています。最初のアルファ版(3.0.0-alpha.0)は2026年1月20日で、約8か月で正式版に至りました。変更履歴の3.0.0の項には「First stable release of Remix 3.」とあります。

正式版の remix は、ルーティング、ミドルウェア、コンポーネントの描画、フォーム、認証、セッション、データベース、テストなどを、@remix-run/ 配下の48個のパッケージから1つにまとめて配布する形です。変更履歴によると、それぞれのパッケージも lazy-file(5.0.8)を除いて1.0.0にそろえられました。ガイドの冒頭には「For most web apps, remix can be the only runtime dependency in package.json.」とあり、多くのアプリでは依存関係が remix 1つで済む設計です。

READMEは、Web標準のAPI(Request・Response・Web Streams・Web Crypto など)の上に作ることを原則に挙げ、Node.js・Bun・Deno・Cloudflare Workers で動くと書いています。一方、新規作成コマンド(npx remix new)が作るひな形は、Node.jsのサーバーとして起動する構成です。

確認1:Node.js 24.3以上が必要

remix 3.0.0の package.json には "engines": { "node": ">=24.3.0" } と書かれています。Node.js 22系の環境では要件を満たしません。

社内の開発環境、CI、本番サーバーやホスティングのNode.jsの版を先に確認してください。Node.jsの各版の保守期限はNode.js 26のLTS入りと24の保守期間で整理しています。ほかのツールでも要件の引き上げは続いており、Vite+ 1.0の記事でも同じ確認を挙げました。

確認2:RCから正式版で読み込み先が変わった

正式版には、候補版から移る人向けの破壊的変更が入っています。変更履歴の3.0.0の「Major Changes」によると、これまで remix/ui から読み込んでいたコンポーネントの実行部分・JSX・サーバー描画・テスト用の機能は、remix/component に移りました。

-import { createRoot, css, on } from 'remix/ui'
+import { createRoot, css, on } from 'remix/component'

JSXを使うアプリは、tsconfig.json の jsxImportSource も remix/ui から remix/component に変える必要があります。開発時の自動更新(HMR)の読み込み先も remix/ui-hmr から remix/component-hmr に変わりました。

ベータやRCで試作したコードがある場合、このままでは正式版で動きません。試作の見積もりをそのまま本開発に流用するときは、この置き換えの作業を含めて考える必要があります。

確認3:UI部品は正式版に含まれない

画面の部品について、変更履歴は次のように書いています。

The remix package no longer exports UI components, primitives, or animation utilities. Headless, accessible UI primitives and animation utilities remain in @remix-run/ui. This package is currently unstable, versioned independently in the v0.x range, and not part of the Remix 3.0 release candidate.

アコーディオン、コンボボックス、メニュー、タブなどの見た目を持たない部品(ヘッドレスUI)とアニメーションは、@remix-run/ui という別のパッケージに分かれました。このパッケージは「unstable」で、2026年10月6日時点のnpmの latest は0.12.1です。さらに、見た目付きの部品(breadcrumbs・button・checkbox・input・radio)は削除されました。

つまり、「Remix 3.0の正式版」として安定しているのはサーバー側とコンポーネントの仕組みで、画面部品の層はまだ0系です。管理画面や入力フォームの多いシステムでは、UI部品を自前で作るか、別のライブラリを組み合わせる前提で工数を見積もることになります。

確認4:ガイドの5つの章が未完成

remix@3.0.0 タグのガイド(docs/guides)は16章で構成されています。このうち次の5章は、冒頭に「This chapter is unfinished.」と書かれ、内容の見出しと方針だけが並んでいます。

  • 認証・セッション・セキュリティ(10章)
  • ファイルと静的アセット(11章)
  • エラーとキャンセル(12章)
  • CLIと開発ツール(14章)
  • 本番運用(15章)

本番運用の章は、環境変数の検証、信頼するプロキシの設定、正常な停止、複数台構成でのセッションの保存先、キャッシュ方針、監視といった項目を挙げたうえで、実際のコード例は各パッケージのREADMEを見るよう案内しています。業務システムの土台になる認証と本番運用の章が未完成という点は、採用判断で重く見るべきです。開発会社が自力でパッケージのREADMEやソースを読み解ける体制かどうかが、品質を左右します。

確認5:データベースとテストは任意の追加パッケージ

remix は、MySQL(mysql2)、PostgreSQL(pg)、Redis(redis)、Playwright(playwright)を任意の依存(optional peer dependencies)として指定しています。データベースやセッションの保存先、ブラウザテストを使う場合は、これらを別に入れる必要があります。

ガイドのデータの章には、db/migrations/0001_create_albums/up.sql のように番号付きのディレクトリでSQLの変更を管理する方式が書かれています。既存のデータベースや、ORM(PrismaやDrizzleなど)を前提にした運用とどう合わせるかは、案件ごとの設計になります。

採用を決めるときの目安(編集部の整理)

Remix 3.0.0を案件で採用する前の5つの確認点を並べた図。Node.js 24.3以上が必要、読み込み先がremix/uiからremix/componentに変わった、UI部品は別パッケージの@remix-run/uiでunstableの0.12.1、ガイドの認証・アセット・エラー・CLI・本番運用の5章が未完成、データベースとテストのパッケージは任意で追加する

ここまでの5点を踏まえると、現時点での目安は次のようになります。

  • 向いている: Node.js 24.3以上を前提にでき、画面部品を自前で持つ小〜中規模のアプリ。Web標準に沿った構成を重視し、開発会社が新しいフレームワークの検証に工数を割ける案件
  • 慎重に判断する: 認証や決済を含む業務システム、管理画面の部品が多いシステム、長期の保守を別の会社に引き継ぐ可能性がある案件。ガイドの未完成部分と @remix-run/ui の0系を、誰がどう補うかを先に決める
  • 見送る: 運用環境のNode.jsの版を上げられない案件

提案書に「Remix 3」と書かれていたら、上の5点について「どう対応する前提か」を開発会社に聞いてみてください。Next.jsを別の基盤で動かす選択肢との比較は、Vinext 1.0の記事も参考になります。

2026年10月6日に、GitHubの remix-run/remix の remix@3.0.0 タグ(commit 70cdc64、2026-10-01)にある packages/remix/CHANGELOG.md・packages/remix/package.json・README.md・packages/remix/README.md・docs/guides の各章と、npmの remix・@remix-run/ui の公開記録を直接取得して照合しました(資料調査)。採用の目安は編集部の提案です。Remix 3のアプリの作成・ビルド・デプロイ、Bun・Deno・Cloudflare Workersでの動作は確認していません。公式ブログ(remix.run/blog)には、10月6日時点で正式版の告知記事はなく、最新は2026年8月31日の「Remix 3 Release Candidate」でした。

Webアプリやサイトの技術選定、提案内容の確認は、グリームハブの開発・AI・自動化のご相談で承っています。運用環境や保守の体制によって適した構成が変わるため、お問い合わせからご相談ください。

参考資料

この記事を共有XFacebook
鈴木 翔

技術の可能性に魅了され、学生時代からプログラミングとデジタルアートの分野に深い関心を持つ

この記事のテーマを、自社の次の一歩へ

Webサイトで、実現したいことから。

使う人の目的、必要な機能、更新の体制を整理し、制作・改善で最初に取り組むことを考えます。

  • サイトの目的
  • 機能と使いやすさ
  • 公開後の運用
Web制作・改善を相談する

構想段階からご相談いただけます。この記事の情報を相談フォームに引き継ぎます。

最新記事をメールで受け取る・Web制作ガイドを読む
無料ダウンロード

Web制作 費用・発注・集客 完全ガイド【2026年版】

費用相場・制作会社の選び方・集客戦略をPDFにまとめました。

The PDF and newsletter emails are currently in Japanese.

メルマガにも登録されます。いつでも解除可能です。