RSS DEV コミュニティ

ブラウザでの仮想マシンの実行

このガイドでは、WebAssemblyを使用してブラウザ内で仮想マシンを実行し、モダンなWebの機能を探索します。このプロジェクトではReact.jsを使用していますが、概念はプレーンなHTMLや他のフレームワークにも適用できます。開始するには、基本的なHTML、JavaScript、CSSの知識と、WebAssemblyをサポートするWebブラウザ、そしてNode.jsのインストールが必要です。このガイドでは、Viteを使用してWebアプリを設定し、Reactを使用してVMディスプレイを作成します。V86プロジェクトを使用して、ブラウザをコンピューターエミュレーターに変換し、BIOSファイルをV86リポジトリからダウンロードします。仮想マシンはFreeDOSとAlpine Linuxを実行するように設定されており、ガイドでは両方のオペレーティングシステムを起動する方法についての指示が提供されています。プロジェクトは、Modern DOSフォントを使用してレトロコンピューターの雰囲気を追加することでカスタマイズできます。仮想マシンが実行されると、ユーザーはクラシックなDOSゲームを実行したり、Linuxコマンドを操作したり、プロジェクトを友達に披露したりすることができます。プロジェクトの完全なコードは利用可能であり、JSLinux、PC.js、Mini.WebVMなどの他のクールなプロジェクトも紹介されています。
favicon
dev.to
Run a Virtual Machine in Your Browser