HowTo JavaScript TypeScript Web開発 Zed オープンソースプログラミング

ZedのTypeScript言語サーバーとしてtsrsを使う方法

2026年11月14日02:53約4分で読めます

TypeScriptコンパイラーをRustに移植したtsrsをZedのTypeScript言語サーバーで使う方法について解説します。

tsrsとは？

tsrsはTypeScript 7をRustに移植したTypeScriptコンパイラーで、OxlintやOxfmtの開発元のVoidZeroとCloudflareが開発・公開しています。公式ブログによれば、tsrsはTypeScript 7.0と比較して最大8倍高速でメモリー使用量は70%少ないとのことです。

Introducing tsrs: a Port of TypeScript to Rust

Cloudflare is collaborating on tsrs, a Rust port of TypeScript that is up to 8x faster and uses 70% less memory.

blog.cloudflare.com

/rehype-og-card/d6e11870a833cd7177a0e41506fc7ffc8b44b70d850bcb641311699f55c6e3b0.png

tsrsの開発チームとTypeScriptの開発チームは協力しており、tsrsで実施した最適化の一部をGo版の本家TypeScriptに取り入れているようです。

ZedのTypeScript言語サーバーとしてtsrsを使う方法

tsrsをZedのTypeScript言語サーバーとして使うには、Go版のTypeScriptを言語サーバーとして使えるようにするTypeScript Language Server拡張機能をインストールします。

TypeScript Language Server Extension

A native Zed extension for TypeScript Language Server.

zed.dev

TypeScript Language Server — Zed Extension

インストールしたら、TypeScript Language Server拡張機能をTypeScriptの言語サーバーとして指定します。

1
{
2
    "languages": {
3
        "TypeScript": {
4
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
5
        },
6
        "TSX": {
7
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
8
        },
9
        "JavaScript": {
10
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
11
        }
12
    }
13
}

次に、tsrsをシステムにグローバルインストールします。

npm install -g tsrs

TypeScript Language Serverのバイナリーとしてtsrsを指定します。

1
{
2
    "lsp": {
3
        "typescript-ls": {
4
            "binary": {
5
                "path": "path/to/tsrs",
6
                "arguments": ["--lsp", "--stdio"]
7
            }
8
        }
9
    },
10
    "languages": {
11
        "TypeScript": {
12
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
13
        },
14
        "TSX": {
15
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
16
        },
17
        "JavaScript": {
18
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
19
        }
20
    }
21
}

miseでtsrsを管理する場合は、次のように指定します。

1
{
2
    "lsp": {
3
        "typescript-ls": {
4
            "binary": {
5
                "path": "mise",
6
                "arguments": ["exec", "--", "tsrs", "--lsp", "--stdio"]
7
            }
8
        }
9
    },
10
    "languages": {
11
        "TypeScript": {
12
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
13
        },
14
        "TSX": {
15
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
16
        },
17
        "JavaScript": {
18
            "language_servers": ["!vtsls", "!typescript-language-server", "typescript-ls", "..."]
19
        }
20
    }
21
}

これで、ZedのTypeScript言語サーバーとしてtsrsを使えるようになりました。

この記事の検証内容と情報源

検証環境

OS：Windows 11
Zed：バージョン1.28.1
tsrs：バージョン0.23.0-ts7.1.0-beta

検証内容

WindowsとWSL環境でZedのTypeScript言語サーバーとして、miseで管理しているtsrsを指定して日常的にコーディングし、動作を確認しました。

最終検証日

2026年11月14日 02:50

参考リンク

記事をシェア

フォローして最新情報を入手

Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。

ろぼいん

X Misskey GitHub Qiita

生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。

Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。