VS Code＋Typstで数式を書いたPDFをリアルタイムプレビューしながら作る方法の解説

パソコンで数式を使ったレポートや論文を作る場合はLatex（Tex）を使って作るのが普通です。そして普段使いなれたVisual Studio Code（以下VSCode）でもLatexを使ってPDFを作ることができます。

しかしどうもLatexでは処理速度が遅くPDFを作成するときに時間がかかってしまうなどのデメリットもあります。また古い技術であるために現代的な最新の技術トレンドとして時代遅れだと言われることもあるようです。

私自身もLatexで数式を書いてPDFを作ったりしてきました（あくまで趣味の範囲です）が、WEBサービスやVSCodeの拡張機能などをいろいろ試したりしても、どうも「快適」とは言えないレベルのLatex環境でした。

しかし最近X（旧Twitter)でTypstというアプリ？サービス？があることを知りました。そして実際にそれを使ってみると、Latexでの処理速度の遅さとは別次元の快適な数式文書作成ができました。

そこで今回の記事では、みなさんも慣れ親しんでいるであろうVSCodeとその拡張機能「Tinymist Typst」を使い、数式を使ったPDF文書を快適に作れる環境を作る方法を紹介します。

Contents

1 Typstとは？
2 Latexと比べた場合のメリットとデメリット
- 2.1 メリット
- 2.2 デメリット
3 気軽にTypstを試す方法
4 VSCodeでTypst環境を作成する方法
5 総評

Typstとは？

Latexと同じような組版システムです。科学論文などで使われる数式の入力・表示や、それを使った文書のデザイン・作成ができます。

Latexと比べた場合のメリットとデメリット

2024年11月時点でのメリットとデメリットを簡単に紹介します。あくまで私の個人的な感想みたいなものですが。

メリット

安全性と高速性に定評のある最新の（？）プログラミング言語Rustで作られているシステムなので、とにかく処理速度が速く快適

デメリット

Latexとは文法や書き方が異なるため、Typstの文法を新しく覚える必要がある
まだまだ開発登場のため、機能面ではLatexのほうがまだ上（？よくわかっていません）

気軽にTypstを試す方法

このTypstですがWEBアプリとして誰でも無料で気軽に使えるようになっています。メールアドレスでユーザー登録するだけで使えます。次のリンクからぜひ試してみてください。ものすごく快適です。

Typst

VSCodeでTypst環境を作成する方法

動作の様子

実際にVS Code上でどのように数式を書いて、リアルタイムでプレビューできるのかを動画にしてみました。次の動画を見てください。

どうでしょう。かなりサクサクと動いて、数式などが表示されているのがわかるでしょうか。この速度はとても魅力的です。

では以下、実際にこのTypst環境を作っていきましょう。

拡張機能「Tinymist Typs」と「vscode-pdf」をインストール

まず必要な拡張機能をインストールします。次の2つです。

Tinymist Typst
vscode-pdf

このうちTinymist Typstについていえば、WEB上の解説記事でも拡張機能「Typst LSP」をインストールするというものが多いですが、最新のTypstではTypst LSPがなくなり、2024年11月時点ではこれまでのいろいろな機能が統合された新しい拡張機能Tinymist Typstを使うことになっていますので、Tinymist TypstをインストールすればOKです。

vscode-pdfは、PDFをプレビューするのに必要な拡張機能です。もともと入っていればOKですが、入っていなければこの機会に入れておいてください。

拡張機能のインストール方法は省略します。