jq-webというライブラリを使って、javascriptからjqを試して

参考サイト

jqの本家のサイトと、今回使うWebAssembly用のライブラリgithubへのリンク。

・jq

・jq-web

ファイル構成

jq-webのrelease ページから、次の2ファイルをダウンロード。Web用のルートフォルダに配置

  • jq.wasm.js
  • jq.wasm.wasm

この二つと同じところに、index.htmlを配置。

index.html

(※これは、jq-webのindex.htmlをそのままコピーしたやつ。)

<!doctype html>
<meta charset=utf-8>
<title>jq-web web test</title>
<h2>Check that <code>[5, "çá"]</code> is printed in the next line:</h2>
<pre><code id="result">

</code></pre>
<script src="jq.wasm.js"></script>
<script>
// simple web test to ensure basic functionality, see test.js for a more complete test suite
jq.promised.json({foo: 5, un: 'à'}, '[.foo, "ç\\(.un)"]').then((res) => {
  console.log(res)
  window.result.innerHTML = JSON.stringify(res, null, 2)
})
</script>

お試し

Webサーバーを立てて、index.htmlを開く。この例では、python3 のhttp.serverでport 8080。

python3 -m http.server 8080