cdfyプラグインPoC

cdfy-plugin-poc

2022-04-23

• 最低限のtoolchainでRustとWebAssembly - CADDi Tech Blog

• Vite で最速 React & TypeScript
  GitHub - DeMille/wasm-ffi: A lightweight FFI library for JavaScript and WebAssembly

• wasm-ffi JS側

  • wasm-ffi/tests.js at master · DeMille/wasm-ffi · GitHub

• wasm-ffi Rust側

  • wasm-ffi/main.rs at master · DeMille/wasm-ffi · GitHub

2022-05-08

• Deno deployを遊ぶなら今がチャンス！

• Headless WYSIWYG Text Editor – Tiptap Editor

• yjs-multiplayer-drawing-app - CodeSandbox

  • React.js でsvgでお絵かきできるパッケージ GitHub - steveruizok/perfect-freehand: Draw perfect pressure-sensitive freehand lines.

• Yjs をラップしてくれるRoom Service, 死んでいる Room Service Documentation

  • y-presence GitHub - nimeshnayaju/y-presence: Add multiplayer presence (live cursors/avatars) to any web application using yjs

• WEBプランニングポーカーを作るメモ

  • WebSocketのデプロイ先に困る
    • Cloud Run? 料金  |  Cloud Run  |  Google Cloud
      • Cloud Run + supabase最強?
    • Google Cloud Runで想定外の課金が発生した話 - threecourse’s blog
      • ログがCloud Loggingに垂れ流れ続けるのはやめよう
    • cloud run と app engine の個人的な比較 | m.o.b

• cdfy idea プラグイン

  • Resource Plugin(情報データ + 描画)
  • Game Plugin(状態に対するロジック)で分ける
  • View Plugin(状態に対するビュー)で分ける
  • テーブルゲームは一つのDeck(ex. トランプ)に対して1つ以上の遊び方がある
    • のでDeckとして公開して使えるように
      • テーブルゲーム, カードの集合として表現出来ないもの恐らく無い
      • ex. 人生ゲーム
        • Deck: 自コマ, 家, 紙幣, 盤面データ
          • 紙幣は別tokenで切り出してもよさそう
        • 盤面データをカードとしてその上にコマを重ねることで表現できそう
  • Deckを組み合わせて使い, ロジックを書く(ex. 大富豪)
  • rhai でスクリプティング

• React で配列のソートや絞り込みをしたいあなたへ〜型パズルを添えて〜

  • GitHub - kj455/react-use-search: React hook for complex filtering and sorting list
    • option配列で要素ごとの and を取り, タグ(groupTag)を指定してグループ毎に or 取る実装パターン

• Feature Request: Macros · Issue #4892 · microsoft/TypeScript · GitHub

  • TypeScript, derive macro欲しい
    • Compiler pluginがその役割?

• Rust のマクロは Hygienic macro - Wikipedia

  • Julia もそうかと

• Rust プロジェクトの GitHub Actions で incremental build をするためのテクニック

2022-07-16

• プラグインレジストリ

  • プラグインのアップロード, 取得機能

• 部屋機能

  • サーバーサイド & クライアントwasmプラグイン機能

• プラグイン

  • Why WebAssembly?
    • -> 実行の隔離性, 色々な言語で書けるようにしたい
  • イベントハンドラとして呼ばれる
    • ハンドラのIF決め
  • 部屋状態, ゲームロジックを書けるようにしたい

• やりたいこと: クライアント側, サーバー側プラグインの実現

  • zig でserver側(golang), client側(solid.js)でどちらもWebAssembly実行できるか

WebAssemblyの実行

• WebAssembly

• Deno とか wasmtime で実行できる

• マニュアル | Deno

server

• go-chi/chi
  • corsパッケージもあった
• CORSで指定するAccess-Control-Allow-OriginのURLの末尾にスラッシュはつけないこと - kidooom’s Scrapbox

client

vite3 + Solid.js

• onMount: リアクティブJavascriptライブラリ

• WebAssembly.instantiateStreaming() - JavaScript | MDN

関数にstructを渡したい

• fitzgen (Nick Fitzgerald) · GitHub
  • Rust, ByteCodeAlliance所属していて強い

How to call functions where args must be passed at the stack · Issue #1108 · bytecodealliance/wasmtime · GitHub

• Craneliftはstructという概念がない

  • IRの作成者がCraneliftに渡す前にABIとか, calling convの責任を持ってlegalizeしなければならない
    • 責任が曖昧らしい

• WebAssemblyから、Goのメソッドを呼び出す (2) - Qiita

入室時にロードしたい

• 注意; WebAssembly > wasmインスタンス