COLUMN
コラム
2023年04月13日
WebAssemblyを使ってJavaScript以外のプログラミング言語をブラウザで実行する
カテゴリー:システム開発, テクノロジー
タグ:サービス開発, システム開発, プログラミング
WebAssemblyはJavaScript以外でブラウザ上にて実行が保証されている動的なプログラミング実行環境になります。WebAssembly自体はプログラミング言語ではなく、RustやC、C++などの言語からWebAssemblyで実行できるバイナリを作成します。
そんな中、プログラミング言語の実行環境をWebAssembly化し、JavaScript以外のプログラミング言語をブラウザ上で実行してしまう試みが多数行われています。
この記事ではどういった言語がブラウザで実行できるか紹介します。
Ruby
Rubyは3.2より正式にWebAsssemblyをサポートしました。公式に提供されているJavaScriptファイルを読み込むだけで、Rubyをブラウザ上で実行できます。
TryRuby playground にて実際に試せます。
Python
CPythonをEmscriptenでWebAssembly化したのがPyodideです。コンソールもあり、そちらで実際にコードを実行できます。
このPyodideをベースに作られたのがJupyterLiteです。Pythonでよく使われるJupyter Notebookをブラウザだけで実行できるようにしたソフトウェアです。
PHP
PHPはWeb業界で最もよく使われているプログラミング言語でしょう。そんなPHPをEmscriptenによってWebAssembly化しています。
そしてPHP + SQLiteという組み合わせで、WordPressをブラウザだけで実行しています。ブラウザの中でアプリケーションサーバーを模倣している点がユニークです。
Node.js
ブラウザにはJavaScriptエンジンがあるのに、なぜNode.jsを実現するのでしょうか。使い方としてはユーザーが作るマクロを実行する環境というニーズがありそうです。サンドボックス環境にすることで、安全にJavaScriptを実行できます。
QuickJSはES2020をサポートしたJavaScript実行環境です。こちらのサイトで、実際にコードをデモできます。
Julia
Juliaは計算科学や数値解析などの分野で使われることの多いプログラミング言語です。Pythonなどと比べて実行速度が速いという点が挙げられます。
最初の登場が2012年と、比較的歴史の浅いプログラミング言語となっています。プレイグランドはこちらです。
Perl
Perlは長い歴史のあるプログラミング言語です。CGIの時代にはPerlでアプリケーションを書くのが当たり前だったのではないでしょうか。
現在ではWebアプリケーションはPHPで書くことが多いですが、サーバーでの処理などでまだまだ使われます。そんなPerlをWebAssembly化したのがWebPerlになります。
Swift
SwiftはAppleが開発したプログラミング言語であり、Objective-Cの代替言語に位置づけられます。iOSやmacOSアプリ開発向けの言語ですが、サーバーサイドでも利用できます。
そんなSwiftの実行エンジンをWebAssembly化し、実行できるようにしたのがSwiftWasmです。
まとめ
ブラウザ上で別な言語を動かす試みは昔からありましたが、別なプラグインが必要(Flash、ActiveX、Javaアプレットなど)だったり、JavaScriptで実行エンジンを書くものがほとんどでした。いずれもセキュリティやブラウザ互換性、実行速度などの問題があり、主流になるには至りませんでした。
現在のWebAssemblyは十分に高速に動作し、かつこれまでのC言語で書かれた資産を活かせるという点も注目です。今後、周辺のライブラリ対応が広がっていけば、JavaScript以外の言語でWebアプリケーションを作るのも当たり前になるかも知れません。
- カテゴリー
- タグ
- システム運用 (16)
- TypeScript (1)
- WebAssembly (2)
- ウォーターフォール開発 (2)
- 業務システム (28)
- CSS (2)
- GraphQL (1)
- プログラミング (31)
- スタートアップ (11)
- Nexaweb (1)
- BaaS (10)
- データベース (5)
- SPA (2)
- 基本用語 (26)
- Case study (5)
- Keyword (10)
- FaaS (1)
- システム開発 (69)
- スクラム (1)
- フロントエンド (38)
- AI (26)
- アジャイル開発 (18)
- Supabase (1)
- イノベーション (5)
- Database (2)
- 月額制 (1)
- PaaS (3)
- ACF (1)
- BookReview (3)
- サービス開発 (5)
- React (3)
- Firebase (1)
- クラウドサービス (12)
- low-code (2)
- バックエンド (8)
- ナレッジマネジメント (1)
- ChatGPT (1)
- Vue.js (2)
- Tailwind CSS (1)
- DBaas (2)
- プロジェクト管理 (13)
- セミナー (2)
- Web (21)
- 失敗事例 (2)
- Hexabase_health (1)
- 生成AI (7)
- 受託開発 (1)
- Kubernetes (3)
- WebComponents (1)
- 通知 (1)
- API (6)
- Next.js (1)
- フレームワーク (3)
- ローコード開発 (4)
- ノーコード開発 (1)
- JavaScript (2)
- Hexabase (12)
- LLM (3)
- 画像生成 (1)
- DX (34)