
2026/02/18 20:51
ヒトとAIのための最速フロントエンドツール
RSS: https://news.ycombinator.com/rss
要約▶
Japanese Translation:
概要:
JavaScript ツールチェーンは、より高速で信頼性の高いものへと大規模に改修されています。主な変更点は、TypeScript を Go で書き直した tsgo の導入です。これにより、現在の
tsc と比べて約10倍速く型チェックが行われるだけでなく、エラー検出も向上します。移行手順としては、開発者は @typescript/native-preview をインストールし、レガシー TS フラグを削除し、tsc の呼び出しを tsgo に置き換え、VS Code 設定に "typescript.experimental.useTsgo": true を追加します。
これに加えて Oxlint と Oxfmt が ESLint/Prettier を置き換えます。Oxlint は既存の ESLint プラグインをシム経由で実行し、TypeScript 設定ファイルをサポートし、
extends を許可し、型情報を考慮した lint(oxlint --type-aware)も可能です。Oxfmt は多くの Prettier プラグイン(例:import ソート、Tailwind CSS の順序など)をバンドルし、他言語については Prettier にフォールバックします。移行時には古い Prettier 設定を削除します。 @nkzw/oxlint-config は厳格で自動修正可能なルールセットを提供しており、開発者はすぐに採用できます。
スクリプト調整のため、軽量フォーク版の npm-run-all2 が余分なログなしで並列実行し、最初に失敗したら終了し、Ctrl C などで全ジョブをきれいに停止します。
スタックにはまた、SWC を使用して高速再起動(
transpileOnly, module: esnext)する ts‑node + nodemon のセットアップや、pnpm、Vite(Rolldown 付き)、React/Async React、およびフェイトデータクライアントなどの日常ツールも含まれます。
OpenClaw は既にこのスタックで「ロケットスピード」のプロジェクトを提供しており、レガシー TypeScript フラグや ESLint/Prettier 設定の置き換え、プロジェクトセットアップの簡素化を実現しています。今後は Vite+ を導入し、ルートレベルの設定ファイルをさらに削減する計画です。
結果として、Go によって駆動される統一ツールチェーンが完成し、最小限の構成変更で高速な型チェック・lint 及びビルドを提供し、ウェブ開発ワークフロー全体の生産性を向上させます。
本文
2026 – 高速 JavaScript ツール
- TypeScript は Go で書き直されています(tsgo)。
- Oxlint と Oxfmt が本格的に採用できる状態になりました。
これらのツールは、開発者により速いフィードバックループ、厳密なガードレール、そして強力なローカル推論を提供します。
クイックスタートテンプレート
| テンプレート | 説明 |
|---|---|
| Mobile App | モバイルアプリのスターター |
| Web App | フロントエンドWebアプリ |
| Library | NPM ライブラリ |
| Server | Node.js サーバー |
| fate | React & tRPC 用モダンデータクライアント |
ブログ記事に飽きたら、私の Building Scalable Applications 講演を観るか、テンプレートを立ち上げてみてください。
スタックを高速化する方法
1. tsgo – TypeScript Go
過去6ヶ月間 tsgo を使用し、型チェックが約10倍速くなるのを実感しています。
安定しており機能完備で、JavaScript が検出できないエラーも捕捉します。
移行手順
npm install @typescript/native-preview # tsgo を追加 # レガシー TS フラグを削除 # すべての `tsc` 呼び出しを `tsgo` に置き換える # VS Code: "typescript.experimental.useTsgo": true
ライブラリの場合は、まず tsdown(高速 Rolldown ベースのバンドラ)に切り替えてから tsgo へ移行します。
2. Oxfmt – フォーマッタ
Oxfmt は Prettier の多くのプラグインを統合し、他言語は Prettier にフォールバックします。
移行プロンプト
Migrate this project from Prettier to Oxfmt. Read https://oxc.rs/docs/guide/usage/formatter/migrate-from-prettier.md. Update all scripts, tools, and hooks to use Oxfmt. Remove all Prettier configuration files and reformat the code using Oxfmt.
VS Code 拡張機能をインストール:
code --install-extension oxc.oxc-vscode
3. Oxlint – リンター
Oxlint は ESLint プラグインをシム経由で実行し、TypeScript 設定ファイルに対応し、拡張可能です。
移行プロンプト
Migrate this project from ESLint to Oxlint. Read https://oxc.rs/docs/guide/usage/linter/migrate-from-eslint.md. Update all scripts, tools, and hooks to use Oxlint. Remove all ESLint configuration files. Lint the code and fix any lint errors.
@nkzw/oxlint-config の使用
import nkzw from '@nkzw/oxlint-config'; import { defineConfig } from 'oxlint'; export default defineConfig({ extends: [nkzw], });
Oxlint は型を考慮したルールもサポートします:
npm install oxlint-tsgolint oxlint --type-aware # 型付きリンティング oxlint --type-aware --type-check # タイプチェッカー実行
4. 小さな開発者体験最適化
| ツール | 効果 |
|---|---|
| npm-run-all2 | 小型高速並列スクリプトランナー()。例: セクション: |
| ts-node | SWC トランスパイラ付き高速 TS ランナー。例コマンド:そして : |
5. 依然として優れたツール
| ツール | 備考 |
|---|---|
| pnpm | 高速で機能豊富なパッケージマネージャー |
| Vite | 最速の開発サーバー&バンドラ。近々 Rolldown で動くように |
| React | React Compiler と Async React で高速化継続 |
| fate | React & tRPC 用モダンデータクライアント |
最後の思考
生産的なスタックの鍵は 速度、安定性、そして最小限の設定 です。
tsgo、Oxfmt、Oxlint と上記ツールを組み合わせれば、品質を犠牲にせずロケットスピードで開発できます。