Skip to content

Instantly share code, notes, and snippets.

@mizchi
mizchi / deno-react-testing.tsx
Created January 11, 2024 12:29
deno で react testing library を使う
// deno test --no-check --allow-env counter.tsx
import { useCallback, useState } from "react";
// increment counter by click
export default function Counter() {
const [count, setCount] = useState(0);
const onClick = useCallback(() => setCount(count + 1), [count]);
return <div>
<span data-testid="count">{count}</span>
<button type="button" onClick={onClick} data-testid="increment-button">+</button>
@mizchi
mizchi / lol.md
Last active January 10, 2024 08:53
年末年始で LoL 始めてみた感想

年末年始遊びまくってLv15 から Lv49 になった。その記録。

自分が the k4sen を意識してたわけでは無いが、やってた間に the k4sen が盛り上がって新規流入がめちゃくちゃに増えたらしい。 めちゃくちゃわかりやすいチュートリアルが提供されてるので、はじめどきではある。

https://www.twitch.tv/videos/2015988986?filter=archives&sort=time

自分の遊び方

レーンでファイトしながら CS 狙うのが神経削れてきついと感じたので、 CS とる必要がないジャングルとサポートから始めることにした。ミクロをやりながらマクロを掴んでいきたい、という方向性。

やりたいこと(超訳)

  • d1 を prisma で動かしたい
  • prisma-query-wasm がどれだけ小さくなるか検証
    • query builder 部分だけ取り出せないか
  • PR 出せたらいいね

動機

  • (mizchi の考える)次世代の銀の弾丸
#!/usr/bin/env -S deno run --allow-net --allow-read --allow-env --unstable --ext=ts
// USAGE: $ deno run cfai-text.ts "Hello Cloudflare AI!"
type RequestType = {
messages: {
role: string;
content: string;
}[];
};

Qwik それはフロントエンドの見た夢

@mizchi | Workers Tech Talk


Qwik とは

  • SSR 前提 で最適化を行うUIライブラリ
    • クライアントの処理が最小限
/**
* 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>;
@mizchi
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.

<!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;
@mizchi
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