🐳

Tree Maker_Convert Markdown to tree!_WebAssembly&ServiceWorker

2022/11/19に公開

https://ddddddo.github.io/gtree/

これは何か?

Markdown形式の入力を与えると、treeコマンド結果のような表示がされるWeb appです。
以下の4種類の記号が使えます。
*, -, +, #

また、出力されるツリーの各階層は、入力となるMarkdownでは半角スペース2つずつインデントすることで表現します。

このサイトの特徴は?

  • Markdownからtreeを生成する処理はGoで書いており、その処理部分はTinyGoでWebAssembly(.wasm)としてコンパイルしています。
    • コンパイルされたバイナリはJavaScriptから呼ばれます。
  • ServiceWorkerを利用していて、このWeb appを構成する静的コンテンツ(.wasm含む)はブラウザにキャッシュされ、更新が無い(あるいはブラウザキャッシュから消えない)限り、一度このサイトを訪れた後は、オフラインでも使うことができます。

source code

関連

Discussion