Node.jsで動くのにDenoで動かないJavaScript

asuka — Wed, 17 Jun 2026 14:40:07 GMT

! このバグはDeno 2.9.0[1]で修正されました． Node.jsで動くのに，Denoで動かないJavaScriptのコードに偶然出会しました． // example.ts const あ・あ = "Hello, 世界!"; console.log(あ・あ); 一見なんてことはないコードですが，Denoで実行すると，次のようなエラーが出ます． $ deno run example.ts error: SyntaxError: Expected ',', got '

Wasmコンポーネントで始めるブラウザ実装

asuka — Mon, 30 Mar 2026 18:02:57 GMT

閑話技術書典14から継続してWasmネタを集めて同人誌を制作しており，4/11から始まる技術書典20でもWasm本の新刊を出す予定です． Wasmは面白い技術なので多くの人に興味持ってもらえると良いなと思っています． https://techbookfest.org/product/aA4Av5Bcu6ztjDfZiMgXWJ さて，そんな新刊の第1章に「Wasmとウェブの今後について考える」という題で，Wasmがまたウェブで盛り上がるんじゃないかという個人的な期待を綴っているのですが(何をいっているんだ?と気になった人に是非読んでみてください)，その中で触れているWasmコンポー...

Wasmtimeのオプションを設定ファイルで管理する

asuka — Mon, 16 Mar 2026 01:29:34 GMT

閑話個人的な話として，Denoは好きなJSランタイムのエコシステムなのですが，なぜか流行っていません．流行っていない理由として既存のNode.jsのエコシステムをそのまま利用できないことがよく挙げられますが，「動かしてみたらパーミッションの許可をいちいち求められて面倒」と感じている人も多いんじゃないかと思っています．そこがDenoの良さではあるのですが，得てしてセキュリティーツールとは流行らないものです． WasmもDeno同様にセキュリティを意識した設計となっています．例えばWasmtime[1]を使って実行するときに環境変数やアクセス可能なディレクトリなどをオプションで指...

コアモジュールからWasmコンポーネントを作成したい

asuka — Thu, 25 Dec 2025 14:08:20 GMT

WebAssemblyアドベントカレンダー25日目の記事になります．はじめに Wasmのコア(core)モジュールとコンポーネントと言われてピンとくる人はWasmにかなり興味がある人なのかなと思います．コアモジュールとは，いわゆるブラウザ上で動くシンプルなWasmのモジュールです．一方で，コンポーネントは複数のコアモジュールを組み合わせて1つのWasmにしたもので，内部に1つ以上のコアモジュールを内包し，モジュールの起動方法なども定義されています．残念ながらWasmコンポーネントは現時点でブラウザでは動作しないのですが，WASI[1]の仕様はこのコンポーネントをベースに設計が...

TSのパターンマッチ

asuka — Thu, 04 Dec 2025 16:30:58 GMT

モニクル Advent Calendar 2025の5日目の記事です．はじめにみなさん，TSのパターンマッチ使っていますか? 「TSのパターンマッチ?」「いやいや，JSにパターンマッチはないから」「TC39のプロポーザル[1]のこと?」確かにTSはJSのスーパーセットに当たるため，一部namespaceやenumといったTSの独自拡張構文は存在するものの，基本的にJSの世界に存在しない構文を使用することはできません．しかし，TSにはTSの世界にしか存在しない「型」があります．今回はTSのユニオン型，オーバーロード関数を利用して，型推論による型レベルのパターンマッチを活用し...

続・易しいアセンブリ

asuka — Mon, 01 Dec 2025 04:08:34 GMT

WebAssemblyアドベントカレンダー1日目，兼モニクル Advent Calendar 20251日目の記事になります．はじめに Wasm 3.0 さて，今年の9月にWasm 3.0が発表されました．これは Wasm 2.0以降新たに追加，実装されたWasmの仕様をまとめ，新たにWasm 3.0としてバージョニングしたものです．ですので，Wasm 3.0が発表されたからといって何かが変わるということではなく，ここまでの実装をWasm 3.0の仕様とすると解釈すると良いでしょう． Wasm 3.0として新たに追加された仕様については，技術書典19にて配布している合同誌We...

GoのWASI 0.1をWASI 0.2に変換して実行する

asuka — Sat, 27 Sep 2025 04:27:15 GMT

GoはWASI 0.1をサポートしていますが，現時点のWASIの最新バージョンは0.2.x[1]で，Goはまだ0.2以降のWASIをサポートしていません． GoでWASI 0.2を利用したい場合，2025年時点ではTinyGoを使いましょうと言う話になるのですが，この記事ではTinyGoを使わずにWASI 0.2を利用する方法を探してみたいと思います．アダプタを利用する RustもTinyGoも今ではWASI 0.2に直接ビルドすることができますが，かつてWASI 0.1のモジュールをラップしてWASI 0.2のコンポーネントを作成するためアダプタモジュールを利用してWASI 0....

Wasmを扱うローカルコミュニティを作りました

asuka — Wed, 25 Dec 2024 15:26:57 GMT

WebAssembly Advent Calendar 2024の25日目の記事になります． https://qiita.com/advent-calendar/2024/wasm みなさんは好きな場所はありますか? 私は新宿御苑が好きなのですが，新宿御苑でLTなどのイベントを開催出来たら良いなと思いから新宿御苑.devというローカルコミュニティを立ち上げました．コミュニティを立ち上げた経緯日本でWasmのコミュニティやイベントというと，WebAssembly nightやCNCJのWasm Japan Meetupなどがあります．他にもConnpassでWasmで検索するとWa...

TinyGoでRaspberryPi Picoに入門してみた

asuka — Wed, 18 Dec 2024 16:52:39 GMT

TinyGo Advent Calendar 2024の19日目の記事です．入門するに至ったきっかけ私は普段Wasmネタを追っているのですが，その中でGo言語のWasmサポート状況などをたまに確認したりしています．GoのWasmの話はTinyGoが結構遊べる状況で，過去にAsakusa.goでTinyGoを使ってVSCodeの拡張機能を作れるという話を発表したりしています．そんな中Asakusa.goやVimConfなどで何度か@ysaitoさんにお会いし，「この自作キーボードのマイコンはPicoで，ドライバはTinyGoで書いている」という話を聞いて「PicoにTinyGoから...

TypeScriptのコードをRustで書き直した話

asuka — Thu, 12 Dec 2024 03:47:24 GMT

モニクル Advent Calendar 2024の12日目の記事です． https://adventar.org/calendars/10519 はじめにモニクルの開発組織では，TypeScriptをプロダクトを作るときの最初の選択肢として採用しており，Node.jsをランタイムとした一般的なJSの技術スタックでの開発を行っています．そんな中でNode.jsのパフォーマンスに課題を感じ始め，一部のコードをRustで書き直すという作業を行いました． Node.jsに感じた課題あらゆるサービスが稼働しているだけでお金を生み出してくれると良いのですが，残念ながら全てのサービスが...

Deno 2.1でWasmをimportできるようになったらしい

asuka — Thu, 05 Dec 2024 04:13:23 GMT

WebAssembly Advent Calendar 2024の5日目の記事になります． https://qiita.com/advent-calendar/2024/wasm 先月，Deno 2.1がリリースされ，Wasmを直接importできるようになりました． Deno 2.1: Wasm Imports and other enhancements https://deno.com/blog/v2.1 従来のWasmサポート Denoは今までもWasmをサポートしてきました．例えば次のようなWATファイルを用意します．このWATファイルは，ポインタと文字列長を受け取るc...

Go1.24からWasmで使える型が緩和される話

asuka — Sun, 01 Dec 2024 04:55:38 GMT

WebAssembly Advent Calendar 2024の1日目の記事になります．先月(11月2日)から行われていた技術書典17にて，WebAssembly Cookbook vol.2[1] (新刊)を配布しました． https://techbookfest.org/product/7CHqqtaeaRYrwDwQNCX0T7 Cookbook vol.2の第1章では，Go1.24から新しくサポートされるgo:wasmexportディレクティブについて紹介しています． go:wasmexportディレクティブがサポートされることで，Pure GoでもWASI 0.1のリアクタ...

JSの配列要素にアクセスするときは添字指定をやめてatメソッドを使おう

asuka — Fri, 27 Sep 2024 07:36:23 GMT

社内で「Arrayの要素を指定するときは [i]やめて.at(i)を使おう」という内容の雑談をしていました．添字指定に感じていた課題添字指定でもatメソッドでもどちらもArrayの要素を取得できるメソッドであることに変わりはないのですが，TypeScript上で添字指定した場合はundefinedが返ってくる可能性が推論されないということに課題を感じていました． TS Playground const arr: string[] = []; const str: string = arr[0]; // OK console.log(str); // undefined この例では...

IDとパスワードを使わずにCloud SQLに接続したい

asuka — Fri, 27 Sep 2024 04:29:46 GMT

Google Cloud上のCloud SQLに接続するとき，多くのサイトでIDとパスワードを用いた古典的な接続方法が紹介されています．例えばPostgreSQLの場合，次のような接続情報を用いてDBに接続します． postgresql://user:password@127.0.0.1/database 課題: クレデンシャルな情報を隠蔽したいクラウドなどのコンテナを前提とした環境では，DBの接続情報などを環境変数(もしくはVolume Mount)を経由して実行インスタンスに渡します． # 環境変数の例 DATABASE_URL: postgresql://user:pass...

ウェブエンジニアでもWasmを使いたい! アフタートーク

asuka — Wed, 04 Sep 2024 03:00:39 GMT

フロントエンドカンファレンス北海道 2024にて「ウェブエンジニアでもWasmを使いたい!」というタイトルで20分のトークを行いました．当日のトークでは，WebAssemblyの特徴に触れつつ，特殊な用途[1]以外でWebAssemblyをどのように活用できそうか，実際にAssemblyScriptのコードを例に紹介しました． AssemblyScriptはTypeScriptをWebAssemblyにコンパイルできる言語として紹介しましたが，より正確にはTypeScriptと同じ構文を持つ言語をWebAssemblyにコンパイルする言語という方が正しいかもしれません．これはTyp...

TSは型推論が楽しい

asuka — Wed, 03 Apr 2024 12:12:25 GMT

今までTSをたくさん書く機会がなかったのですが，最近はTSをたくさん書く機会に恵まれたおかげでTSの型推論に面白さを感じています． TSの型今まではGoを書く機会が多く，たまにTSを書くと型の弱さが気になっていました．例えば，Goで次のようなコードはコンパイルエラーとなります． package main type A int type B int func foo(a A, b B) {} func main() { var a A = 1 var b B = 2 foo(b, a) // ./prog.go:12:6: cannot use b ...

Denoの静的サイトジェネレータ`Lume`の紹介

asuka — Tue, 23 Jan 2024 03:32:32 GMT

2023年12月に静的サイトジェネレータであるLumeのバージョン2がリリースされました．私は個人ブログを書くのに GitHub Pages + Lume を利用しているので，年末はLumeのバージョンアップなどの作業をしていたのですが，改めて体験が良いなと思ったのでLumeの紹介をしたいと思います．前提知識 GitHub Pages GitHub PagesはGitHub社がプロジェクトのプロジェクトのウェブサイトを提供することを目的に，リポジトリに配置してある静的ファイル(HTMLやJSなど)をホスティングしてウェブサイトを公開してくれるサービスです．@a-skuaという...

ブラウザ上で`go run ./main.go`するために(経過報告)

asuka — Mon, 25 Dec 2023 12:54:01 GMT

この記事はWebAssembly Advent Calendar 2023 25日目の記事です． GoWasmへのビルドをサポートしているため，GOOSとGOARCHを次のように指定することでWasmへビルドすることができます． GOOS=js GOARCH=wasm go build -o main.wasm main.go Goをインストールするとき，パッケージマネージャやインストーラ以外に「ソースコードからのビルド」という選択肢があります． Goの面白いところとして，「GoはGoでビルドできる」というのがあります． Goのリポジトリをクローンし，src直下の make.bashを...

DartとWebAssembly

asuka — Tue, 19 Dec 2023 16:15:44 GMT

この記事はWebAssembly Advent Calendar 2023の20日目の記事です． Wasm I/O 2023 今年3月の Wasm I/O 2023 にて，Flutter, Dart and Wasm-GC: A new model for Web applicationsというセッションがありました． https://youtu.be/Nkjc9r0WDNo?si=ePCNbApsLPVSyV6y 今回話したいところをかい摘むと次のような内容でした． Wasm-GCの登場によって，DartがWasmをサポートするようになる(dart2wasm)． DartがWas...

GoとWebAssembly

asuka — Sat, 09 Dec 2023 18:05:29 GMT

この記事はWebAssembly Advent Calendar 2023 10日目の記事です． 2023年はGo1.21でWASI(WebAssembly System Interface)がサポートされるといった大きなリリースがありました．Go1.21のWasmのサポート状況，今後のWasmサポートについてまとめていきたいと思います． Go 1.20以前とWebAssembly 2018年のGo 1.11のリリース[1]以降，GoではWasmがサポートされています． package main import "fmt" func main() { fmt.Printl...

asukaさんのフィード