mizchi

import React, { useEffect, useState, useCallback } from "react";

let _installPrompt: any;
window.addEventListener("beforeinstallprompt", e => {
  e.preventDefault();
  _installPrompt = e;
});

function AppInstallButton() {
  const [prompt, setInstallPrompt] = useState<any>(_installPrompt);

mizchi

import "regenerator-runtime/runtime";
const tx = document.createElement("textarea") as HTMLTextAreaElement;

async function writeFile(handler: any, text: string): Promise<void> {
  const writer = await handler.createWriter();
  await writer.truncate(0);
  await writer.write(0, text);
  await writer.close();
}

mizchi

import "regenerator-runtime/runtime";
const tx = document.createElement("textarea") as HTMLTextAreaElement;
document.body.appendChild(tx);

const btn = document.createElement("button");
btn.textContent = "start";
document.body.appendChild(btn);
btn.addEventListener("click", async (ev: any) => {
  // @ts-ignore
  const fileHandler = await window.chooseFileSystemEntries();

mizchi

Webpack で WebWorker + サードパーティ WebWorker

https://battle-saga-jp.connpass.com/event/142700/ の発表資料

今日の webpack.config.js はこちら

https://gist.github.com/mizchi/0af8dee5c682a0f9ef8470a089ec41b9

注意: この記事中で出るもののうち、 まだ CDN でのサードパーティモードの publish に成功してない (localhost では動いた…)

mizchi

const path = require("path");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const HTMLPlugin = require("html-webpack-plugin");
const WorkerPlugin = require("worker-plugin");
const CopyPlugin = require("copy-webpack-plugin");
const { GenerateSW } = require("workbox-webpack-plugin");

const tsLoader = {
  loader: "ts-loader",
  options: {

mizchi

slink

Comlink like RPC for socket.io

// server
const handlerMap = {
  async foo(args: { id: string }, socket) {
    return "foo:" + args.id + ":" + socket.id;
  }

mizchi

import "@babel/polyfill";
import * as tf from "@tensorflow/tfjs";
import "@tensorflow/tfjs-node-gpu"; // Intel Cuda の対応OSのみ有効

const fn = (a, b) => {
  const n = Math.cos(a * Math.PI * 2) * b + Math.sin(b * Math.PI * 2) * a;
  return a > b ? n : -n;
};

function buildModel() {

mizchi

#!/usr/bin/env bash
# ref. http://fahdshariff.blogspot.com/2014/02/retrying-commands-in-shell-scripts.html
retry() {
  local -r -i max_attempts="$1"; shift
  local -r cmd="$@"
  local -i attempt_num=1
  until $cmd
  do
    if (( attempt_num == max_attempts ))
    then

mizchi

Minilink

comlink から proxy やらなんやら抜いたもの。 気が向いたら npm に投げる

使い方

// worker thread
import {expose} from './minilink'

mizchi

import Vue from "vue";
import { createRenderer } from "vue-server-renderer";
import * as vueCompiler from "vue-template-compiler";

const renderer = createRenderer();

const directives = {};

export async function compile(
  template: string,