素朴な自作言語のコンパイラをTypeScript（Deno）に移植した

2021-03-10T05:00:58+09:00

TypeScript 入門というか、とりあえず何か書いて慣れようと思って書いてみました。やっつけなので汚いです。TypeScript まだよく分からないけどなんか動いたのでヨシ、というレベルのものです。
（※ 2020-08-15 に書いた記事のクロス投稿です）

https://github.com/sonota88/vm2gol-v2-typescript

移植元

ベースになっているバージョン: tag:45 のあたり

（201-03-06 追記: step 55 の修正まで適用しました。それに伴い、アセンブラ・VM 関連のコードを old_version ディレクトリに移動しました。全部修正すると大変なので）

メモ

YAML/JSON ライブラリへの依存をなくしてみた
- vge コードは YAML ではなく簡単な独自フォーマットにして自力でパースするようにした
- 単に行ごとに読んで文字列か数かを判別できればよい
- vgt コード（JSON）も自力でパースしてみた
Ruby 版で作った出力データがすでにあるので、
それに一致するように未実装部分を潰していくだけ。
ゼロから作っていた Ruby 版のときに比べたら遥かに楽。
今回もなんとなく VM → アセンブラ → コード生成器 → パーサ
の順で作ってしまって、インクリメンタルな作り方を試せばかったな……と作り終わってから思った

Denoでbundleしてブラウザで動かそうとしてみたけどうまくいかない

2020-05-19T09:35:22+09:00

2020/5、Deno1.0がリリースされました。せっかくなのでDenoで何かシンプルなWebアプリケーションでも作って見ようと思って試したところうまくいきませんでした。

具体的に何を作ろうかと思ったかと言うと、下記のものです。

ReactでSSR（やる気はなかったけどたくさんサンプルがあったので）
Reactでブラウザ上の動作（インクリメントとか）まで確認

Denoにはbundleというコマンドがあるので多分これかなと思って実行。

deno bundle client.jsx build/main.js

ちなみにclient.jsxはこんな感じの最低限。

import { ReactDOM } from 'https://dev.jspm.io/react-dom/index.js'

import App from './App.tsx'

const domContainer = document.querySelector('#app')
ReactDOM.render(App, domContainer)

しかしブラウザで実行してみてもうまく行かない。

実際にビルドされたファイルを見てみると……、やけに中身が少ない。調べてみるとなんかimportしたパッケージのURLが貼られているだけ。

System.register(
  "App",
  ["https://dev.jspm.io/react/index.js"],
  function (exports_1, context_1) {

もしかしてbundleのオプションでちゃんと全部含めるやつがあるのでは、と思ったけどそれらしきものもなし。

ということで、やけにDeno+ReactのSSRの記事ばかり見つかるのかと思ったら、とりあえずはランタイムとしてDenoを使う場合をメインとして作られているので、bundleについてもまだWeb向けのものは無いのかもしれない……。というところです。サーバー上で動かすだけならURLだけ分かってればなんとでもなると思うので（多分URLを元にローカルでビルド済みのキャッシュを読み込む）。ということで仕方なく断念。

ということで新たな（というか僕が知らない）情報＆今後のアップデートに期待です。

「Deno」の記事 - Crieit

素朴な自作言語のコンパイラをTypeScript（Deno）に移植した

移植元

メモ

Denoでbundleしてブラウザで動かそうとしてみたけどうまくいかない