ブラウザー上でVS Codeのようなフロントエンドの開発体験を実現する

この記事は前回書いたブラウザー上でReactやTypeScriptのコードをコンパイルして動かすツールを作ったの続きです。 まずは動画をご覧ください。 下のURLを触っていただいたらわかるようにエディター上でちゃんと読み込んだライブラリの型のインテリセンスが効いていて、ブラウザー上でReactやTypeScriptのコードを実行することができます。 また、package.jsonに読み込みたいライブラリを記述することで、そのライブラリをブラウザー上で実行することもできます。もちろんエディター上でエディター上で型が解決され補完も効きます。 なぜ作ったか すでにsandpackやwebcontainerのようなブラウザーでreactやtypescriptをバンドルして動かすツールはあるのですがそれぞれ以下の理由で使いづらいと感じたためです。 sandpack 型の補完が効かない ブラウザー側で