<p>個人的に2023年のR言語界隈でホットだったWebR<sup class="footnote-ref"><a href="#fn-8cc9-1" id="fnref-8cc9-1">[1]</a></sup>について、日本語での紹介を見かけなかったので、私の知る範囲で簡単にまとめます。</p>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>これは<a href="https://qiita.com/advent-calendar/2023/rlang" target="_blank" rel="nofollow noopener noreferrer">R言語 Advent Calendar 2023</a>の7日目の記事です。</p>
</div></aside>
<h2 id="webr%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#webr%E3%81%A8%E3%81%AF" aria-hidden="true"></a> WebRとは</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__b86d3ca3606a4" src="https://embed.zenn.studio/card#zenn-embedded__b86d3ca3606a4" data-content="https%3A%2F%2Fgithub.com%2Fr-wasm%2Fwebr" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/r-wasm/webr" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/r-wasm/webr</a></p>
<p><a href="https://docs.r-wasm.org/webr/latest/" target="_blank" rel="nofollow noopener noreferrer">WebR公式ドキュメント</a>には以下のように書かれています。</p>
<blockquote>
<p>WebR is a version of the statistical language <a href="https://www.r-project.org/" target="_blank" rel="nofollow noopener noreferrer">R</a> compiled for the browser and <a href="https://nodejs.org/en/" target="_blank" rel="nofollow noopener noreferrer">Node.js</a> using <a href="https://webassembly.org" target="_blank" rel="nofollow noopener noreferrer">WebAssembly</a>, via <a href="https://emscripten.org/" target="_blank" rel="nofollow noopener noreferrer">Emscripten</a>.</p>
</blockquote>
<p>要するにブラウザ上などでRが動くということですね（技術的なことをよく理解していないため説明できない）。</p>
<p>現在はPosit社のメンバーがメインとなって<a href="https://github.com/r-wasm" target="_blank" rel="nofollow noopener noreferrer">r-wasmというGitHub組織</a>で開発されています。</p>
<p>元々はGeorge Staggさん（恐らくWebR開発のために現在はPosit社に所属されている）の個人プロジェクトだったのだと思われます。<br>
Gitリポジトリの履歴を見ると最初のコミットは2022年1月18日だったようです。</p>
<p>私は2022年2月に以下のツイートをリツイートしていたので、割とリポジトリのできた直後にWebRを知ったようです。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-tweet"><iframe id="zenn-embedded__b5074cbc2280a" src="https://embed.zenn.studio/tweet#zenn-embedded__b5074cbc2280a" data-content="https%3A%2F%2Ftwitter.com%2Fgwstagg%2Fstatus%2F1495495339444473858" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://twitter.com/gwstagg/status/1495495339444473858" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://twitter.com/gwstagg/status/1495495339444473858</a></p>
<p>このツイートからリンクされている以下のデモサイト（まだ生きていて驚きました）で試してみて、ブラウザ上でRが動いたことに対する感動と、読み込みの遅さに対する厳しさを感じたことを覚えています。</p>
<p>試しに今やってみたら、Rの読み込みに<strong>2分</strong>かかりました。</p>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--pxhnSZZZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/e6eef2bbe9c6ce183f268a96.jpg%3Fsha%3D2325ade5422ad7709666663d84b3c731dd71c40b" alt="old webr repl" loading="lazy" class="md-img"><br>
<em>WebRさんが<code>plot(mtcars)</code>を実行するするまで2分かかりました</em></p>
<p>しかし、それは完全に過去の話です。<br>
最新（バージョン0.2.3-dev）の<a href="https://webr.r-wasm.org/latest/" target="_blank" rel="nofollow noopener noreferrer">webR REPL app</a>を実行してみると、<strong>5秒</strong>でRを使用可能になりました。</p>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--pSMt5MqQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/9662ed9871bf979b9ca3114c.jpg%3Fsha%3D5cb33dc6f12d38f7fbed3501aeb7beec3694a330" alt="new webr repl" loading="lazy" class="md-img"><br>
<em>最新の豪華で早いWebRデモサイト</em></p>
<p>このくらい早いと、「ちょっとR動かしてみたいな」というときはこのページを開くだけで充分かもしれません。</p>
<h2 id="webr%E3%81%A7%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8">
<a class="header-anchor-link" href="#webr%E3%81%A7%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8" aria-hidden="true"></a> WebRでできること</h2>
<p>……は私も詳しくないので、<a href="https://docs.r-wasm.org/webr/latest/" target="_blank" rel="nofollow noopener noreferrer">WebRの公式ドキュメント</a>をご覧いただきたいです。</p>
<p>ところで、この公式ドキュメントはQuartoで作成されたウェブサイトで、WebRが埋め込まれていることに気づくと思います。<br>
同じようにQuartoウェブサイトにWebRを埋め込みたい場合、<code>quarto-webr</code>というQuarto拡張機能を使用すると専用のコードブロック内に書いたRコードをWebRで簡単に実行させられます。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d87c4baa2c7a5" src="https://embed.zenn.studio/card#zenn-embedded__d87c4baa2c7a5" data-content="https%3A%2F%2Fgithub.com%2Fcoatless%2Fquarto-webr" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/coatless/quarto-webr" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/coatless/quarto-webr</a></p>
<p>また別のQuarto拡張<code>shinylive</code>でShinyアプリを埋め込むこともできるとか。（当初はPyodideによるPython版Shinyのみだっただったものが現在ではWebRによるR版Shinyにも対応したようです）</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__164c22f66e26d" src="https://embed.zenn.studio/card#zenn-embedded__164c22f66e26d" data-content="https%3A%2F%2Fgithub.com%2Fquarto-ext%2Fshinylive" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/quarto-ext/shinylive" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/quarto-ext/shinylive</a></p>
<p>興味のある方はこちらも是非お試しください。</p>
<h2 id="%E5%88%A9%E7%94%A8%E5%8F%AF%E8%83%BD%E3%81%AAr%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8">
<a class="header-anchor-link" href="#%E5%88%A9%E7%94%A8%E5%8F%AF%E8%83%BD%E3%81%AAr%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8" aria-hidden="true"></a> 利用可能なRパッケージ</h2>
<p>通常のRと同じく、WebRのREPL内でも<code>install.packages()</code>関数を実行することで外部パッケージをインストールすることができます。<br>
デフォルトで使用されるリポジトリは<a href="https://repo.r-wasm.org/" target="_blank" rel="nofollow noopener noreferrer">https://repo.r-wasm.org/</a>で、現在約10,000個のパッケージが利用可能なようです。このページをブラウザで開くとWebRベースのShinyアプリになっていて面白いです。</p>
<p>現在CRANに存在するパッケージは20,000程度らしく、約半分のパッケージをWebRで利用できることになります。私は「意外と多いな」という印象を持ちました。</p>
<p>また、11月からR-universeもすべてのRパッケージをWebR用にビルドするようになったため、（ビルドに成功しているパッケージについては）R-universeからもインストール可能です。詳しくはrOpenSciのブログ記事をどうぞ。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d80af42c75f4d" src="https://embed.zenn.studio/card#zenn-embedded__d80af42c75f4d" data-content="https%3A%2F%2Fropensci.org%2Fblog%2F2023%2F11%2F17%2Fruniverse-wasm%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://ropensci.org/blog/2023/11/17/runiverse-wasm/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://ropensci.org/blog/2023/11/17/runiverse-wasm/</a></p>
<h3 id="%E5%88%A9%E7%94%A8%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84r%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%EF%BC%9F">
<a class="header-anchor-link" href="#%E5%88%A9%E7%94%A8%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84r%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%EF%BC%9F" aria-hidden="true"></a> 利用できないRパッケージ？</h3>
<p>どのようなパッケージが利用できない（ビルドできていない）のでしょうか？<br>
私はWASMについて全く理解できていないものの、一つ思い当たったのは、Python界隈でPandas 3.0からpyarrowを必須依存関係にするという話の中で挙がっていた「<code>pyarrow</code>をWASM化できていないためPyodideでPandas使えなくなっちゃう」という話です。<sup class="footnote-ref"><a href="#fn-8cc9-2" id="fnref-8cc9-2">[2]</a></sup><br>
となれば<code>pyarrow</code>と同じlibarrowに基づいている<code>arrow</code>パッケージもビルドできていないのでは？と思い試したら、やはりWebRでは利用できませんでした。</p>
<p>ビルドの大変なパッケージとして他に思い当たった<code>duckdb</code>は普通に使えました。DuckDBはどこでも使えますね。</p>
<p><code>gifski</code>はじめRustソースコードを含むパッケージも全滅しているようですけれども、最近<code>hellorust</code>のソースコードを改変してWebRで動かせたという発表があったので、いずれ動くようになるかもしれません。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0032759ce988a" src="https://embed.zenn.studio/card#zenn-embedded__0032759ce988a" data-content="https%3A%2F%2Fmstdn.social%2F%40gws%2F111494461618624785" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://mstdn.social/@gws/111494461618624785" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://mstdn.social/@gws/111494461618624785</a></p>
<h2 id="node.js%E3%81%A7%E3%81%AE%E5%88%A9%E7%94%A8">
<a class="header-anchor-link" href="#node.js%E3%81%A7%E3%81%AE%E5%88%A9%E7%94%A8" aria-hidden="true"></a> Node.jsでの利用</h2>
<p>最近公開された以下のウェブサイトではNode.jsでWebRを使ったCLIツールを作る方法が解説されています。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d4467618fd376" src="https://embed.zenn.studio/card#zenn-embedded__d4467618fd376" data-content="https%3A%2F%2Frud.is%2Fbooks%2Fwebr-cli-book%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://rud.is/books/webr-cli-book/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://rud.is/books/webr-cli-book/</a></p>
<p>この記事ではこの本の通りにCLIツールを作ってみようかとも思っていたのですが時間切れになったのでまたの機会に試してみたいと思います。</p>
<h2 id="%E3%81%9D%E3%81%AE%E4%BB%96">
<a class="header-anchor-link" href="#%E3%81%9D%E3%81%AE%E4%BB%96" aria-hidden="true"></a> その他</h2>
<p>Rパッケージ用ウェブサイトとして広く利用されている<code>pkgdown</code>に「ExamplesをWebRで動かせるようにしようぜ」的な話があるのはだいぶ夢があるなと思いました。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e5861a63e4e7d" src="https://embed.zenn.studio/card#zenn-embedded__e5861a63e4e7d" data-content="https%3A%2F%2Fgithub.com%2Fr-lib%2Fpkgdown%2Fissues%2F2348" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/r-lib/pkgdown/issues/2348" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/r-lib/pkgdown/issues/2348</a></p>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-8cc9-1" class="footnote-item">
<p>"WebR"なのか"webR"なのか、公式ドキュメント内でも表記が揺れておりよく分かりませんがとりあえず本記事内では"WebR"と表記します。 <a href="#fnref-8cc9-1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-8cc9-2" class="footnote-item">
<p>現時点では未解決？ <a href="https://github.com/pyodide/pyodide/issues/2933" target="_blank" rel="nofollow noopener noreferrer">https://github.com/pyodide/pyodide/issues/2933</a> <a href="#fnref-8cc9-2" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


ブラウザで動くR、WebRが熱い！

Discussion