Kotaro Chikuba mizchi

## qwik-workers_tech_talk.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                mizchi
                / qwik-workers_tech_talk.md
            
            
              Created
              December 15, 2023 10:18
            
          
    Qwik それはフロントエンドの見た夢

@mizchi | Workers Tech Talk

Qwik とは


SSR 前提 で最適化を行うUIライブラリ

クライアントの処理が最小限


## patched-esmsh-run.js
/**
 * This is patched esm.sh/run
 * - Add text/typescript-jsx
 * - Add auto reload with ?poll={millisecond}
 *
 * Usage:
 * <script type="module" src="https://gistcdn.githack.com/mizchi/897e4a83e33fdcec35fd7d17f84f79d3/raw/df31217503cad48cc9dece94269fe9779b60eba7/patched-esmsh-run.js"></script>
*/

/*! esm.sh/run

## try-deno-deploy-subhosting.ts
// subhosting
const API = "https://api.deno.com/v1";

type CreateDeploymentResponse = {
  id: string;
  projectId: string;
  description: string;
  status: string;
  domains: string[];
  databases: Record<string, any>;

## singlefile-frontend.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                mizchi
                / singlefile-frontend.md
            
            
              Created
              November 23, 2023 10:27
            
              
                How to run a minimal front-end stack in Single-File for prototyping.
              
          
    Original(japanese) https://zenn.dev/mizchi/articles/standalone-html-frontend
Mostly translated by deepl

How to run a minimal front-end stack in Single-File for prototyping.

Note: Do not use in production, tailwind is running in CDN mode and esm.sh builds scripts dynamically, so performance is not good.

  
## shadcn-preview-plane.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <style type="text/tailwindcss">
    @tailwind base;

## backpack-battles-first-round.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mizchi
                / backpack-battles-first-round.md
            
            
              Last active
              October 24, 2023 13:04
            
              
                Backpack Battles の1,2 ラウンドの考察
              
          
    1~2 ラウンドの勝敗を分けるものはなにか。
Backpack Battles で 1~2R でスタミナが切れない想定で、ダメージ/回復/ブロックを同じ価値としてゴールドあたりの効率を計算する。
初期バッグや石は考慮しない
野菜の比較

Banana          0.26/gold
Banana(Sale) 0.40/gold


## try-vite-singlefile-inlined.ts
import { test, expect } from 'vitest';
import { build, splitVendorChunkPlugin } from 'vite';
import path from 'path';
import { OutputAsset, OutputBundle, OutputChunk, RollupOutput } from 'rollup';
import ts from 'typescript';

const root = path.join(__dirname, "__fixtures")

test("nested", async () => {
  const a = 'export default Math.random()';

## check-b64-instance.ts
import {test, expect} from 'vitest';

test("nested", async () => {
  const a = 'export default Math.random()';
  const b = `export default () => import('data:text/javascript;base64,${btoa(a)}')`;
  const bmod = await import(`data:text/javascript;base64,${btoa(b)}`);
  const amod = await import(`data:text/javascript;base64,${btoa(a)}`);
  expect(await bmod.default()).not.toBe(await amod.default);
});

## Grid.tsx
/*
Grid css layout utilities for [x, y, w, h] grid areas.

Example:

export default function App() {
  return (
    <>
      <Grid
        rows={["32px", "1fr", "1fr", "1fr", "1fr"]}

## main.rs
fn main() {
    let x: Option<Result<(&str, &str), ()>> = Some(Ok(("x", "y")));
    // if let
    if let Some(Ok((a, _))) = x {
        if a == "x" {
            println!("a=x");
        }
    }
    // match
    match x {
	/**
	* This is patched esm.sh/run
	* - Add text/typescript-jsx
	* - Add auto reload with ?poll={millisecond}
	*
	* Usage:
	* <script type="module" src="https://gistcdn.githack.com/mizchi/897e4a83e33fdcec35fd7d17f84f79d3/raw/df31217503cad48cc9dece94269fe9779b60eba7/patched-esmsh-run.js"></script>
	*/

	/*! esm.sh/run
	// subhosting
	const API = "https://api.deno.com/v1";

	type CreateDeploymentResponse = {
	id: string;
	projectId: string;
	description: string;
	status: string;
	domains: string[];
	databases: Record<string, any>;
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<script src="https://cdn.tailwindcss.com"></script>
	<style type="text/tailwindcss">
	@tailwind base;
	import { test, expect } from 'vitest';
	import { build, splitVendorChunkPlugin } from 'vite';
	import path from 'path';
	import { OutputAsset, OutputBundle, OutputChunk, RollupOutput } from 'rollup';
	import ts from 'typescript';

	const root = path.join(__dirname, "__fixtures")

	test("nested", async () => {
	const a = 'export default Math.random()';
	import {test, expect} from 'vitest';

	test("nested", async () => {
	const a = 'export default Math.random()';
	const b = `export default () => import('data:text/javascript;base64,${btoa(a)}')`;
	const bmod = await import(`data:text/javascript;base64,${btoa(b)}`);
	const amod = await import(`data:text/javascript;base64,${btoa(a)}`);
	expect(await bmod.default()).not.toBe(await amod.default);
	});
	/*
	Grid css layout utilities for [x, y, w, h] grid areas.

	Example:

	export default function App() {
	return (
	<>
	<Grid
	rows={["32px", "1fr", "1fr", "1fr", "1fr"]}
	fn main() {
	let x: Option<Result<(&str, &str), ()>> = Some(Ok(("x", "y")));
	// if let
	if let Some(Ok((a, _))) = x {
	if a == "x" {
	println!("a=x");
	}
	}
	// match
	match x {