AIで作る、
使われるツール▍

/stork-cast

育児休業給付金 シミュレーター を公開、 ラボ 37本目。 thesis: 計算ツール (5本目、 CoinStack NISA / RoofFund 住宅 / GiftCap ふるさと納税 / SideTax 副業税 / StorkCast 育休、 マネー計算機 5本柱完成 = 「投資 / 住宅 / ふるさと / 副業 / 育休」)。 §3.1 OK (直近 5本に計算ゼロ、 連続にならず)。 純 JS で 雇用保険 育休給付金 (令和 6 年改正反映): 賃金日額 (= 月給 ÷ 30、 厳密値は直近 6 ヶ月総額 ÷ 180 の簡略化) + 上限 16,710 円 / 下限 2,869 円 clamp + 給付日額 67% [1-180 日] / 50% [181 日以降] + 月額 (30 日換算) + 給付総額 (日数 × 日額) + 社保免除節約額 (健保 + 厚生年金 + 雇用保険 本人負担分 概算 14.5% × 育休月数) + 「給付金 + 社保免除 = 実質収入」 自動算出。 6 プリセット (産後パパ育休 28 日 + ママ 6 ヶ月 + ママ 12 ヶ月 定番 + パパ 12 ヶ月 + 育休延長 1.5 歳 + 高所得上限超え)。 UI: 大型 朱赤 「給付」 円形 stamp (rotate -12deg 印鑑感) + 給付総額 ¥ 大文字 + 上限超過時 warning row (朱赤 dashed) + 8 詳細カード (期間 / 賃金日額 / 67%日額 / 50%日額 / 67%月額 / 50%月額 / 社保免除月 / 社保免除総額)。 visual: baby pink #f5c5d0 + mint pastel #b6e3cb + warm cream #fdf6e5 + ink #2a2424 + brass binder ring #b8923a + 朱赤 stamp #c92e2e + sage / mint deep (母子手帳 + 育児雑誌 motif、 hero に 3px dashed pink ボトム border + handbook に 左 binder ring 6 個 (brass border + brass-bright inner dot) + 上部 pink → mint グラデ banner + rounded card pastel + 朱赤 dashed 3px border の stamp row + 4px brass shadow + 罫線 dashed)、 Space Grotesk 800 (display) + Instrument Serif (handbook tag + 朱印 「給」 「付」) + JetBrains Mono (金額 / 日数 数値) + Noto Sans JP body + 漢数字ステップ (壱/弐/参)。 §6.1 適用 — 既存 37本柱と完全別軸 (マネー計算機 4本柱 = coin-stack midnight navy / roof-fund cyan blueprint / gift-cap 墨朱 和風 / side-tax ledger green とは palette + motif 完全別、 唯一の baby pink + mint pastel + 育児テーマ motif)。 SEO 主用語: 育休 給付金 計算 / 育児休業給付金 シミュレーター / 育休 手取り / 産後パパ育休 給付 / 賃金日額 上限 16710 / 育休延長 給付 / 社保免除 育休 / 出生時育児休業 給付 / 雇用保険 育休 / 育休 計算 無料。

/cell-drift

Conway ライフゲーム + 5 ルール バリアント を公開、 ラボ 36本目。 thesis: シミュレーター (4本目、 pile-park 物理 / doodle-drop お絵描き物理 / frac-cast 数学イテレーション / cell-drift セルラー進化、 「物理 / 描く / 数 / 細胞」 4 本柱完成)。 §3.1 OK (直近 5本に シミュレーターゼロ、 連続にならず)。 純 JS + Canvas 2D + Uint8Array ping-pong (2 バッファ swap で alloc 再利用) で 5 ルール (Conway B3/S23 = 古典 / HighLife B36/S23 = Replicator 含む / Day & Night B3678/S34678 = 明暗対称 / Seeds B2/S = 全滅+急増 / Replicator B1357/S1357 = 全パターン自己複製) × 3 グリッドサイズ (60×40 / 120×80 / 240×160 = 最大 38,400 cells)。 各セル 1 byte Uint8Array で メモリ効率最大、 8-近傍 (Moore) カウント + Set<number>.has(n) で O(1) born/survive 判定、 swap で GC 圧迫なし。 12 古典パターン (Glider = 斜め移動 / Gosper Glider Gun = 36×9 で 30 世代周期 Glider 無限放出 / Pulsar = 周期 3 振動子 / LWSS = 軽量宇宙船 / Pentadecathlon = 周期 15 / R-Pentomino = 5 セル → 1103 世代 で安定 + 6 Glider / Acorn = 7 セル → 5206 世代 Methuselah / Diehard = 130 世代 全滅 / Block / Beehive / Toad / Pi-Heptomino) を 2D 配列で内蔵、 pasteCentered() で 中央配置。 Wrap (torus 周期境界) toggle で `((x % w) + w) % w` の double-mod pattern (負の剰余安全化)、 Wrap ON で Glider が右端から消えても左端再登場。 Canvas 描画: bg cream → 8 行ごと 4 行を緑バー塗り (連続フォーム用紙) → alive cells を ink black 矩形描画、 image-rendering: pixelated で アンチエイリアス無効。 RAF + speed throttle 1-60 fps (1000/speed ms interval 比較)。 Pointer Events: クリック位置 toggle (死↔生)、 drag 全体で同じ値を塗る、 setPointerCapture で canvas 外も継続。 ▶ Play / ▷ Step / Clear / Random 18% / Random 50% + 世代カウンタ + 生存セル カウンタ + RUNNING/HALTED ステート。 visual: 緑バー paper #d6e8d0 + cream paper #f4ecd5 + dot-matrix ink #1a1410 + alert red #c92e2e + perf 穴 brown #6a4a28 + emerald accent #2d7d5e (連続フォーム用紙 + dot-matrix プリンタ motif、 hero に 4px dashed emerald ボトム border + printout に左右 32px perf 列 12 dot 穴 + 8 行 × 22px の緑/cream 交互行 background-image + ink banner header 「CELL-DRIFT · MAINFRAME GRID · v1.0 · RULE: B3/S23」 + dashed border)、 JetBrains Mono (dot-matrix 印字、 stats + chip + 全体的 mainframe terminal 感) + Space Grotesk 800 (display) + 漢数字ステップ (壱/弐/参)。 §6.1 適用 — 既存 37本柱と完全別軸 (doodle-drop 学校黒板 / ascii-bake CRT phosphor の緑系とも palette + motif 別、 唯一の 「mainframe printer / 連続フォーム」 motif)。 SEO 主用語: ライフゲーム 無料 / Conway Game of Life / セルラー オートマトン / セル オートマトン / HighLife / Day and Night / Seeds / Replicator / Glider / Gosper Glider Gun。

/glyph-forge

モノグラム / イニシャル ロゴ ジェネレーター を公開、 ラボ 35本目。 thesis: ジェネレーター (4本目、 hue-deck 色 / type-forge 字 / patch-pad 音 / glyph-forge 紋章、 「色 / 字 / 音 / 紋章」 4 本柱完成)。 §3.1 OK (直近 5本に ジェネレーターゼロ、 連続にならず)。 純 JS で 1-3 文字 (英数字 / 漢字 1 字) を入力すると 8 アートスタイル (1. Geometric 六角形 + 大文字 / 2. Serif Circle 細い円枠 + イタリック serif / 3. Cursive Script 筆記体 + flourish + curl / 4. Monogram Laurel 月桂樹 16 葉 + 中央モノグラム / 5. Minimalist 線 + 大文字 / 6. Blackletter ゴシック + 4 隅 cross / 7. Typewriter Stamp 朱赤 二重 rect + SEAL ラベル + 等幅 / 8. Heraldic Crest 盾 path + ribbon + EST. MMXX) を SVG path で 動的生成。 各スタイルは `(text, palette) => ReactNode` の純関数、 SVG `<g>` を返し親の viewBox 512×512 で囲む、 文字数 (1/2/3) に応じて fontSize 動的調整。 6 パレット (Mono Ink / Letterpress 朱赤 / Brass Plate dark / Emerald / Lapis Blue / Neon Cyber、 bg + fg + accent 3 色構成で全 8 スタイル対応)。 **SVG ダウンロード**: XMLSerializer → Blob → `a.download` で 1-3KB 軽量 vector 出力。 **PNG 1024px ダウンロード**: SVG を Image に読込 → Canvas 1024×1024 に palette.bg 塗り + drawImage → toBlob で 背景塗り済 PNG。 **クリップボード コピー**: `navigator.clipboard.writeText(xml)` で Notion / Figma にペースト可。 **8 スタイル一覧 グリッド** (リアルタイム): 8 スタイルすべてを miniature SVG として並べ、 入力文字 / パレット変更時に全連動更新、 アクティブカードは朱赤 border + ink shadow + box-shadow 3px 3px 0 で印刷見本帳風強調。 visual: ink black #1a1410 + 朱赤 #c92e2e + 生成り cream #f0e8d0 + brass plate #b5933a + emerald #2d7d5e + lead gray #6a6258 (letterpress 活字工房 motif、 上部 黒 banner + brass border + 「letterpress · type · spec.」 mono label + 朱赤 ◆ ◆ ◆ accent + 4 隅 brass 円形 dot + 凸版 box-shadow 4px 6px 0 ink + 8 スタイル印刷見本帳風グリッド)、 Space Grotesk 800 (poster display) + JetBrains Mono (specimen labels) + Instrument Serif italic (cursive 内) + 漢数字ステップ (壱/弐/参)。 §6.1 適用 — 既存 37本柱と完全別軸 (type-rush の personal typewriter とも別 = 商業 letterpress 工房、 frac-cast 数学者ノート とも brass の用途別、 唯一の letterpress 活字工房 motif)。 SEO 主用語: モノグラム ジェネレーター 無料 / イニシャル ロゴ 無料 / SVG ロゴ作成 / 結婚式 モノグラム / 個人ロゴ / 紋章 ジェネレーター / 印章 / 名刺 ロゴ / ロゴ 無料 ダウンロード / ベクター ロゴ。

/soroban-rush

暗算 / そろばん ドリル を公開、 ラボ 34本目。 thesis: インタラクティブ学習 (4本目、 tone-quest 耳 / atlas-quest 目 / type-rush 指 / soroban-rush 算、 「耳 / 目 / 指 / 算」 4 感覚学習完成)。 §3.1 OK (直近 5本に学習は type-rush の 1 本のみ、 連続にならず)。 純 JS で 4 モード (加減算 / 乗除算 / フラッシュ暗算 = 高速点滅数字を合算 / 連算 = 5-15 step 連鎖) × 3 レベル (Easy 1 桁 / Normal 2 桁 / Hard 3-4 桁 or 99×99) 問題生成。 割り算は a×b=被除数 で割り切れる問題のみ作る。 連算は中間結果を保持しながら +/− を連鎖。 **フラッシュ暗算**: setTimeout チェーンで 0.5/0.9/1.4 秒 (速/中/遅) 3 段階の速度切替、 1 桁ずつ key={idx} で React 再 mount + CSS `@keyframes sr-flash` の transform scale(1.4→1) + opacity 0→1 で 「ポンッ」 と現れる演出、 完了後 「合計は ?」 で 解答 入力許可。 **1-1-4 そろばん SVG 可視化** (5 桁): `abacusDecompose(value, 5)` で 各桁を `top = digit >= 5 ? 1 : 0` + `bottom = digit % 5` に分解、 SVG で 横棒 (梁) + 縦棒 (枠) + 5 桁 × 縦棒 + 天玉 (active なら梁直上 朱、 inactive なら上枠 木色) + 地玉 4 個 (active は梁直下に積み 青藍、 inactive は下枠寄り 木色) + 10^4 〜 10^0 ラベル、 入力が変わるたびに React 再描画で 玉が瞬時に移動。 メトリクス: 問題数 / 正解 / 正答率 / 平均回答時間 (performance.now() 計測) / 連続正解 / ベスト連続 (金色強調)。 解答後 1.1s フィードバック (◯ 正解 / × 不正解 + 正解値) → 自動的に次の問題。 visual: warm brown frame #6a4a28 + bead 青藍 #2d5a8b (一玉、 伝統的そろばん色) + bead 朱 #b04018 (五玉) + 和紙 cream #f4e8c8 + 墨 #1c1410 + 金箔 #c9a04e (そろばん木枠 + 寺子屋 motif、 14px brown border + 2px dark inset + 27px 木目罫線 + 枠上部 「算 / 盤 / 練 / 磨」 4 漢字 chip + 金箔 1px border)、 Space Grotesk 800 + JetBrains Mono numerics + Noto Sans JP + 漢数字ステップ (壱/弐/参) + 漢字 emphasis。 §6.1 適用 — 既存 37本柱と完全別軸 (gift-cap 和風 = 巻物 朱印 とは motif 別 = そろばん盤、 brown frame + 青藍玉 はユニーク、 唯一の そろばん / 寺子屋 motif)。 SEO 主用語: 暗算 練習 無料 / そろばん 練習 無料 / フラッシュ暗算 無料 / 連算 暗算 / 暗算ドリル / 算数 練習 / 計算 ドリル ブラウザ / 1-1-4 そろばん / 寺子屋 / ワーキング メモリ 訓練。

/pop-drift

人口ピラミッド 時系列ビジュアライザー を公開、 ラボ 33本目。 thesis: データ可視化 (3本目、 wiki-orbit 知識グラフ / astro-cast 太陽系 / pop-drift 人口統計、 「知識 / 天文 / 人口」 3 軸完成)。 §3.1 OK (直近 5本にデータ可視化ゼロ、 連続にならず)。 純 JS で 6 ヶ国 (日 / 米 / 中 / 印 / 独 / ナイジェリア) × 5 年代 (1950 / 2000 / 2024 / 2050 / 2100) × 21 年齢階級 (0-4 〜 100+) × 2 性別 = 1260 数値の stylized data (UN World Population Prospects 2022 ベース近似、 ±5% 程度の教育用 概形)。 `buildSlice(shape, sexRatio)` で 21 階級の概形を 0-1 配列で記述 → 合計 100 に正規化 → 「高齢域ほど女性比率が上がる (寿命差 longevity gap)」 を linear 0.485 → 0.30 でモデル化して男女比に分配。 出力指標 自動算出: 平均年齢 (= 重み付き平均 = Σ 階級中央年齢 × 比率、 100+ は 102 歳代表)、 高齢化指数 (= 65歳以上 / 0-14歳 = 老/若 比率、 1.0 超で 「高齢者が子供より多い」)、 生産年齢人口比率 (= 15-64歳 の % シェア)、 総人口 (国別 千人単位)。 横棒チャート: CSS Grid 3 列 (`1fr 56px 1fr`) で左右対称、 中央に年齢ラベル、 上ほど高齢 (i を length-1-i で逆順)、 `transition: width 0.6s cubic-bezier(0.4, 0.0, 0.2, 1)` で年代切替時に滑らかに morph。 **2 国比較モード**: メイン国 = 塗りつぶし bar、 比較国 = 同位置に dashed line (`border-top: 2px dashed` + height 0 + position absolute) で重ねる、 例 「日本 2024 vs ナイジェリア 2024」 で 「つぼ型 vs ピラミッド型」 の極端な対比。 visual: cream paper #f0e8d4 + cobalt blue #1f3a8a (女性、 UN 標準色) + warm red #c8302c (男性、 UN 標準色) + ink black #1a1612 + sage green #5a8b6e + paper noise (0.5px radial-gradient dots = ザラ紙質感) + Risograph 二色刷り 「微ズレ」 表現 (box-shadow で 1px の二色ぶれ で版ズレ風) + 3px double border + 4px ink shadow (紙の重み)、 typography: Space Grotesk 800 + JetBrains Mono numerics (tabular-nums) + Noto Sans JP + 漢数字ステップ (壱/弐/参)。 §6.1 適用 — 既存 37本柱と完全別軸 (cream paper は side-tax/type-rush/frac-cast と似た系統だが palette: cobalt + warm red 二色刷り は唯一、 motif: 「昭和の統計年鑑 + Risograph 二色刷り」 = 印刷物 / data journalism も唯一)。 SEO 主用語: 人口ピラミッド / 人口ピラミッド 日本 / 高齢化 グラフ / 世界人口 2100 / 少子高齢化 可視化 / demographic transition / population pyramid / UN WPP / 人口統計 / 国別 人口推移。

/maya-cast

マヤ暦 KIN 占い を公開、 ラボ 32本目。 thesis: 占い・診断 (3本目、 fate-num 数秘 / arcana-flip タロット / maya-cast マヤ暦、 「数 (西洋ピタゴラス) / カード (中世大陸) / 暦 (中米古代)」 の 3 文化軸完成)。 §3.1 OK (直近 5本に占いゼロ、 連続にならず)。 純 JS で Dreamspell Tzolkin 暦変換: グレゴリオ暦 → ユリウス日換算 + Feb 29 スキップ補正 (Dreamspell 規約 「Feb 29 は時間を外れた日」、 1900-2100 年 全うるう年を検出し 1日ずつ減算で KIN サイクル連続性を保つ) + 1987-07-26 = KIN 34 (Harmonic Convergence = 8 White Wizard) を基準に `((diff + 33) mod 260) + 1` で KIN を算出。 KIN n から tone = ((n-1) mod 13) + 1、 glyph = ((n-1) mod 20) + 1、 color = ['red','white','blue','yellow'][(glyph-1) mod 4] を導出。 出力: 大型 KIN 番号 (1-260) + マヤ数字 bar-dot 表記 (1=●, 5=━, 13=━━●●●) + 銀河の音 (1-13 = 磁気 / 月 / 電気 / 自己存在 / 倍音 / 律動 / 共振 / 銀河 / 太陽 / 惑星 / スペクトル / 水晶 / 宇宙) + 太陽の紋章 (1-20 = 赤い龍 / 白い風 / 青い夜 / 黄色い種 / 赤い蛇 / 白い世界の橋渡し / 青い手 / 黄色い星 / 赤い月 / 白い犬 / 青い猿 / 黄色い人 / 赤い空歩く人 / 白い魔法使い / 青い鷲 / 黄色い戦士 / 赤い地球 / 白い鏡 / 青い嵐 / 黄色い太陽、 各 3 キーワード + 本質 1-2 文) + 色の家族 (赤起動 / 白洗練 / 青変容 / 黄結実、 各役割 + キーワード) + **Tzolkin 260 グリッド 可視化** (13×20 cell、 4 色 family 縞模様、 自分の KIN だけ earth red + 1.6s pulse アニメ)。 サンプル日付 4 種 (今日 / 1987-07-26 調和の収束 / 2000-01-01 新世紀 / 1989-09-09 ラッキー数) ワンクリック。 visual: earth red #b04018 + jade #2d8b6b + obsidian #1c1410 + gold #c89e3a + bone parchment #efe1ba + sky turquoise #4ab8c8 + 4 Dreamspell glyph color (red/white/blue/yellow) (マヤ古代壁画 / 石彫 motif、 hero に gold border 4px + 12 色付きドットの ribbed stripe top bar + 太陽の紋章 を漢字 1 文字 + earth red 円形チップ + Tzolkin grid 13×20 で 260 cell 可視化 + 自 KIN pulse)、 Space Grotesk 800 (carved label) + JetBrains Mono (KIN readout + マヤ数字) + Noto Sans JP (essence text) + 漢数字ステップ (壱/弐/参)。 §6.1 適用 — 既存 37本柱と完全別軸 (唯一の 「マヤ / 中米 古代文明」 motif、 fate-num の deep indigo + arcane gold zodiac wheel とは palette earth red + jade + obsidian で完全別、 arcana-flip の midnight black + plum + antique gold 中世大聖堂とも palette + motif 別)。 SEO 主用語: マヤ暦 占い 無料 / マヤ暦 KIN 計算 / 銀河の音 / 太陽の紋章 / Dreamspell / Tzolkin 260 / 13月の暦 / 古代マヤ / 誕生日 占い / KIN 番号。

/type-rush

タイピング 練習 道場 を公開、 ラボ 31本目。 thesis: インタラクティブ学習 (3本目、 tone-quest 音感 / atlas-quest 国旗 / type-rush タイピング、 「耳 / 目 / 指」 の感覚学習 3 本柱)。 §3.1 OK (直近 5本に学習は atlas-quest の 1 本のみ、 連続にならず)。 純 JS + WebAudio で 5 モード (ローマ字 / 英文 / 単語 / プログラミング / 数字) × 3 レベル (Easy / Normal / Hard)、 文字単位 caret 表示 (赤いパルス ハイライト = 現在文字、 brass 下線 = 既入力、 薄文字 = 未入力)、 Backspace 抑止 (寿司打 形式 「最初から正しく打つ」 訓練)、 modifier 付き key は素通し。 リアルタイム 5 メトリクス (WPM = 国際標準 1 word=5 文字 換算 / 正確率 / 経過時間 / 正答 / ミス)。 完了後 QWERTY 4 段 ヒートマップ (どの key で何回ミスったかを rgba(201,46,46, t*0.85) で可視化、 t = miss[k]/maxMiss)、 苦手キーの傾向が一目で見える。 WebAudio タイプ音 (square wave 2200→380Hz 高速 down-sweep + 50ms envelope = メカニカル キーボード風 「カチッ」 = patch-pad / tone-quest 知見を再利用)。 ローマ字モードは display 「今日 は いい 天気 です」 + target 「kyou ha ii tenki desu」 のペアで IME 不要、 寿司打 と同じヘボン式変種。 完了時に DING bell chip + 大型 WPM 値表示。 visual: cream paper #f7eac8 + carbon black ribbon #1a1410 + ribbon red #c92e2e + brass key #b5933a + warm tan #8c6b3a (古いタイプライター motif、 紙挿入口 sprocket dots 横並び + target line 2px ink border + brass underline 既入力 + paper tear edge texture + 完了時 DING bell)、 Space Grotesk 800 (machine label) + JetBrains Mono (target line + stats readout、 typewriter 風 monospace) + 漢数字ステップ (壱/弐/参)。 §6.1 適用 — 既存 37本柱と完全別軸 (side-tax の paper cream とは ledger green ヘッダー vs sprocket brass で完全別、 frac-cast の brass corner と brass の用途別 = typewriter brass keys vs notebook corner cap、 唯一の typewriter / mechanical key motif)。 SEO 主用語: タイピング 練習 無料 / タイピング 練習 ブラウザ / 寿司打 代替 / e-typing 代替 / ローマ字 タイピング / WPM 計測 / タイピング 速度 / 苦手キー ヒートマップ / プログラミング タイピング / IME 不要。

/frac-cast

マンデルブロ + Julia フラクタル エクスプローラー を公開、 ラボ 30本目。 thesis: シミュレーター (3本目、 pile-park 物理 / doodle-drop お絵描き物理 / frac-cast 数学イテレーション動力学)。 §3.1 OK (直近 5本に シミュレーターは doodle-drop の 1 本のみ、 連続にならず)。 WebGL2 fragment shader を raw 直書き (Three.js 不使用、 全画面 quad に GLSL ES 3.00)、 escape-time iteration を GPU per-pixel 並列実行で 60fps。 z_(n+1) = z_n² + c の Mandelbrot (z_0=0 で c をスキャン) + Julia (c 固定で z_0 をスキャン) の両モード。 smooth coloring: mu = iter + 1 - log2(log2(|z|)) で量子化縞を消去、 t = log(1+mu)/log(1+maxIter) で対数マッピングして深い zoom でも階調表示。 6 パレット (古典 ink+brass / 火 / 蒼 / 森 / 薄紫 / 墨絵)、 6 ZOOM 名所プリセット (全体ビュー / Seahorse Valley / 二重渦 / ミニマンデルブロ / Elephant Valley / 細い触手)、 反復回数 32〜2048 スライダー、 Julia 用 c 実部 / 虚部 スライダー + 「0.7885 半径の円周を回す」 動的 c アニメ。 マウス操作: ドラッグ pan + ホイール zoom (1.18×/step) + ダブルクリック 2× zoom + マウス位置 anchored zoom (zoom 前後で マウス下の complex 点が画面上で固定)。 setPointerCapture で canvas 外まで pan 継続。 リアルタイム readout (re / im / × magnification / iter)。 32-bit 単精度 GPU で実用 zoom 限界 ~10^7 (IMPROVE: double-double 演算で 10^14+)。 visual: warm ivory paper #f4ead4 + ink #1a1812 + sepia #6a4a28 + crimson margin #b22e1f + brass corner #c9a04e + sage seal #4a6b3d (17世紀 数学者ノートブック motif、 hero に z²+c 数式 Instrument Serif italic crimson + graph paper 23px 罫線 + 4 隅 brass corner cap + dashed border)、 Space Grotesk 800 (math display) + Instrument Serif italic (数式) + JetBrains Mono (coordinate readout) + 漢数字ステップ (壱/弐/参)。 §6.1 適用 — 既存 37本柱と完全別軸 (light theme 4本目 = hue-deck Pantone / wiki-orbit 古地図 / pile-park 玩具箱 に続くが motif 「数学者の手帳 / 数式 / brass corner」 で完全別、 fate-num の deep indigo + arcane gold + Instrument Serif italic とは surface theme 反対 + brass の用途別)。 SEO 主用語: マンデルブロ集合 / Julia 集合 / フラクタル 無料 / フラクタル ジェネレーター / WebGL フラクタル / ブラウザ フラクタル / 自己相似 / WebGL2 / fragment shader / GPU 計算 / 数式 可視化。

/patch-pad

ブラウザ モジュラー シンセサイザー を公開、 ラボ 29本目。 thesis: ジェネレーター (3本目、 hue-deck = 配色 / type-forge = 立体タイポ に続くシリーズ)。 §3.1 OK (直近 5本に ジェネレーターは hue-deck の 1 本のみ、 連続にならず)。 WebAudio API でフル合成 (OscillatorNode 4 波形 sine/triangle/sawtooth/square + BiquadFilterNode ローパス cutoff 80〜8000Hz + Q 0.1〜18 + GainNode ADSR envelope + 別 OscillatorNode を LFO として BiquadFilter.frequency に AudioParam 変調 + AnalyserNode で 波形 + スペクトラム リアルタイム取得)。 polyphony 最大 8 voice (Map<midi, Voice> で active 管理)、 mono-retrig 仕様。 6 プリセット (Init Saw / Sub Bass / Acid Lead / Warm Pad / Pluck Bell / Squelch Wob / Cosmic Drone) で 11 パラメータをワンクリック上書き。 14-key 仮想鍵盤 (C4..C5、 白鍵 8 + 黒鍵 5) + QWERTY 入力 (A W S E D F T G Y H U J K piano roll 配列) + setPointerCapture で鍵盤外に出てもノートオフされない。 ノブは Pointer Events ベースの drag rotate (-135deg～135deg、 240px ドラッグで full range)、 cutoff / LFO rate は log scale 補間、 ダブルクリックでセンター値リセット。 visual: walnut wood #3d2914 + cream panel #ebd9a7 + brass jacks #b78a36 + chrome knob #d8d3c3 + cable orange #e8632a / teal #1a8a8a + LCD-like 蛍光オレンジ readout (70s モジュラー シンセ Moog/ARP 風 motif、 木枠 + cream パネル + 真鍮ジャック + クローム ノブ + 4 隅 brass screw + 5 module sections OSC/FILTER/ENV/LFO/OUT)、 Space Grotesk 700/800 + JetBrains Mono (機材ラベル + 数値 readout)。 §6.1 適用 — 既存 37本柱と完全別軸 (唯一の 70s ハードウェア機材 motif、 tone-quest と WebAudio は共有だが motif = 教室の音感クイズ wine + gilt vs スタジオの モジュラー シンセ walnut + brass で完全別)。 SEO 主用語: シンセサイザー ブラウザ 無料 / モジュラー シンセ オンライン / WebAudio シンセ / オシレーター ジェネレーター / ADSR ブラウザ / LFO フィルター / ブラウザ シンセ プラグイン不要 / Web シンセ サインアップ不要。

/doodle-drop

お絵描き物理サンドボックス を公開、 ラボ 28本目。 thesis: シミュレーター (2本目、 pile-park = 物理サンドボックス に続くシリーズ)。 §3.1 OK (直近 5本にシミュレーターゼロ、 連続にならず)。 matter.js を pile-park から再利用 (新規 npm 追加なし)。 Canvas pointer events (pointerdown / move / up + PointerCapture) で stroke を取得、 距離 3px 間隔で点を間引き、 描き終わりに **凸包 (Andrew's monotone chain アルゴリズム)** で外形を求めて matter.js Bodies.fromVertices で凸 polygon body 化、 即座に重力で落下。 短すぎる stroke (totalDist < 12px) は中心座標で小円 (Body.circle) 代替、 直線的な stroke (hull.length < 3) は線分の長さ × width の rectangle 代替。 7 色チョーク (白 / 桃 / 黄 / 青 / 緑 / 橙 / 紫) + 太さ 2〜20px slider。 重力切替 4 種 (Earth 1G / Moon 0.17G / Zero G / 反転 -1G)。 床あり / 床なし (壁 3 + 床なし) toggle。 ⚡ シェイク (全 body に ランダム力) + 🧽 黒板消し (全消去)。 Doodles カウンタ live 表示。 visual: blackboard green #1a3c2e + worn black + chalk pastels 7 色 + worn wood frame #5a3f23 + chalk dust (学校の黒板 motif、 hero に chalk doodle 散布 + 横の薄い罫線 23px loop、 12px wood frame で canvas を囲む + 木目 4 隅の dot)、 Space Grotesk 800 + dashed border 多用 (チョーク感)。 §6.1 適用 — 既存 37本柱と完全別軸 (side-tax の ledger green と同じ緑系だが motif = 学校黒板 vs 帳簿事務所 で完全別、 pile-park 玩具箱 light cream とも surface dark で別、 唯一の 「学校黒板」 motif)。 SEO 主用語: お絵描き 物理 ブラウザ / 描いた絵 落ちる / お絵描き シミュレーター / 物理エンジン お絵描き / draw physics / sketch physics / 黒板 ブラウザ / 物理 ゲーム 無料 / matter.js / 凸包。

/side-tax

副業税金 シミュレーター を公開、 ラボ 27本目。 thesis: 計算ツール (4本目、 マネー計算機シリーズ CoinStack → RoofFund → GiftCap → SideTax)。 §3.1 OK (直近 5本に計算ツールは gift-cap の 1 本のみ、 連続にならず)。 本業給与 + 副業収入 + 副業経費 + 申告区分 (雑所得 / 事業所得 白色 / 青色 65万控除) + 家族構成 6 種から、 給与所得控除 (令和2年改正 7段階) + 副業所得 (青色 65万考慮) + 社保概算 14.5% + 配偶者・扶養控除 + 基礎控除 48万 + 累進所得税 7段階 (5/10/20/23/33/40/45%) + 復興 2.1% + 住民税所得割 10% で **副業による追加税負担** = (本業+副業の税合計) − (本業のみの税合計) を差分計算。 **確定申告 20万円ルール** 自動判定 (副業所得 > 20万 で必要)。 副業手取り (収入 - 経費 - 追加税) も表示。 6 プリセット (本業 350万-1000万 × 副業 15万-800万)。 visual: deep ledger green #1d4a3a + paper cream #f4ecd8 + ink graphite + stamp red #c12d2d + ledger gold + audit gray (帳簿 / 確定申告書類 motif、 緑帳簿罫線 + 朱印 「副業 試算」 stamp + 緑ヘッダー banner)、 Instrument Serif 明朝 + JetBrains Mono 金額 + Noto Sans JP。 §6.1 適用 — 既存 37本柱と完全別軸 (gift-cap 和風朱印とは ledger green 中心で別、 coin-stack navy / roof-fund cyan blueprint / gift-cap 墨朱の全マネー計算機シリーズ内で唯一の帳簿緑)。 SEO 主用語: 副業 税金 計算 / 副業 確定申告 / フリーランス 税金 シミュレーター / 副業 20万円 ルール / 雑所得 税金 / 事業所得 青色申告 / 副業 手取り 計算 / 青色 65万円 控除。

/atlas-quest

国旗クイズ + 世界地図 を公開、 ラボ 26本目。 thesis: インタラクティブ学習 (2本目、 tone-quest = 音感 に続くシリーズ)。 §3.1 OK (直近 5本に学習ゼロ、 連続にならず)。 d3-geo + topojson-client + world-atlas を npm 新規導入 (野心スタック、 ラボ初の地理スタック)。 主要 60 ヶ国 (アジア 15 / ヨーロッパ 15 / アフリカ 10 / 北米 8 / 南米 8 / オセアニア 4) のデータ (iso2 / num / 日本語名 / 英名 / 大陸 / 首都) を JS data で実装。 4 モード (国旗→国名 / 国名→国旗 / 国旗→大陸 / 国旗→首都) × 3 レベル (Easy 3 / Normal 4 / Hard 6 候補) + 大陸フィルタ。 国旗 SVG は flagcdn.com の無料 CDN を直接読み込み。 正解時は d3-geo Mercator 投影で世界地図に該当国を amber highlight + 国名ラベル centroid 表示。 スコア / 連続正解ストリーク / ベスト (メモリ持ち)。 visual: dark navy #0c1828 + amber departure board #ffb84a + safety yellow #ffe14a + alert red #ff5050 + steel gray + paper white (空港 departure board motif、 hero に runway stripes + departure chip 帯 + pulsing LIVE dot)、 Space Grotesk 800 + JetBrains Mono board feel。 §6.1 適用 — 既存 37本柱と完全別軸 (唯一の departure board / airport motif、 astro-cast の midnight space とは palette = amber LED + safety yellow で別軸)。 SEO 主用語: 国旗 クイズ 無料 / 世界地図 クイズ / 国旗 当て / 大陸 クイズ / 首都 クイズ / 地理 クイズ / 世界 国旗 一覧 / d3-geo / world-atlas / flagcdn。

/hue-deck

配色パレット ジェネレーター を公開、 ラボ 25本目。 thesis: ジェネレーター (2本目、 type-forge = 3D テキスト に続くシリーズ)。 §3.1 OK (直近 5本にジェネレーターゼロ、 連続にならず)。 chroma-js v3 を npm 新規導入 (野心スタック、 ラボ初の色空間ライブラリ)。 ベースカラー 1 つ + 7 配色モード (モノクロマティック / アナログ ±30° / 補色 180° / スプリット補色 150°/210° / 三角配色 120° / 四角配色 90° / 五色配色 72°) で 4〜5 色の palette を即生成、 各スウォッチに hex / RGB / HSL + **WCAG 2.1 コントラスト比** (白文字 vs 黒文字 最良側 + AAA/AA/AA-large/FAIL 判定) を表示。 8 ベースカラープリセット (オーシャン / コーラル / フォレスト / サンセット / ラベンダー / ミント / ワイン / オブシディアン)。 エクスポート: **CSS Variables (:root { --hue-1 .. })** / **Tailwind theme JSON** / **SVG swatch strip**、 全てワンクリック clipboard コピー。 visual: soft warm gray #f1eee8 + ink graphite #1a1d20 + chrome silver + lipstick red #d9333f + eco green #6ba37a + rose taupe (Pantone カラー カード / TCX cotton ファン motif、 hero に色帯 doodle + 配色帯 underline + 黒枠 chunky swatch)、 Space Grotesk medium + JetBrains Mono (designer / specimen feel)。 §6.1 適用 — 既存 37本柱と完全別軸 (唯一の color guide motif、 light theme 3本目だが palette と motif は wiki-orbit 古地図 / pile-park 玩具とも別ジャンル = 色見本帳系)。 SEO 主用語: 配色 ジェネレーター 無料 / カラーパレット 生成 / 補色 生成 / 三角配色 / 四角配色 / モノクロマティック / WCAG コントラスト 計算 / CSS Variables カラー / Tailwind カラー / chroma-js / 色彩理論。

/astro-cast

太陽系 3D シミュレーター を公開、 ラボ 24本目。 thesis: データ可視化 (2本目、 wiki-orbit に続く)。 §3.1 OK (直近 5本に データ可視化 なし、 連続にならず)。 Three.js を type-forge から別アングルで再利用 (3D テキスト → 太陽系)。 PerspectiveCamera + OrbitControls (Damping) + SphereGeometry + MeshStandardMaterial + PointLight (太陽光源) + Points (1,600 点 procedural star field 背景) + 軌道線 LineLoop (BufferGeometry 円周点)。 太陽 + 8 惑星 (水星〜海王星) + 地球の月 (子の Group 階層) を実天体周期データ近似 (公転 88日〜60182日、 自転 0.41日〜243日、 金星と天王星は逆方向自転)。 時間スピード 1× / 10× / 100× / 1,000× / 10,000× / 100,000× の 6 段階、 軌道線 ON/OFF、 raycast で惑星クリックピック、 視点追従 + 情報パネル (実半径 km / 公転周期 / 自転周期 / 平均表面温度 / 衛星数)。 visual: midnight space #000216 + sun emission orange #ff7847 + telescope brass + cyan label + 惑星別レインボー (silver/yellow/blue/rust/cream/tan+ring/pale teal/deep blue)、 天文台 / HUD motif (twinkle star field 6s loop + pulsing LIVE dot + planet chip カラフルグリッド)、 Space Grotesk 700 + JetBrains Mono labels。 §6.1 適用 — 既存 37本柱と完全別軸 (唯一の天文台 motif、 type-forge と同 Three.js だが題材 + visual 完全別)。 SEO 主用語: 太陽系 シミュレーター / 太陽系 3D / 惑星 軌道 / WebGL 天文 / Three.js 太陽系。

/arcana-flip

タロット占いを公開、 ラボ 23本目。 thesis: 占い・診断 (2本目、 fate-num = 数秘術 に続くシリーズ)。 §3.1 OK (直近 5本に占いゼロ、 連続にならず)。 78 枚タロット (大アルカナ 22 + 小アルカナ 56 = 4 スート × 14 ranks) のカードデータと解釈テキスト (正位置 / 逆位置 各 4-5 keywords + 1-2 文の意味) を JS data として全部実装。 3 スプレッド: 1 枚引き / 3 枚 (過去・現在・未来) / ケルト十字 (10 枚 = 中心十字 + 周囲 6 + 結末)。 シャッフル時に 78 枚から Fisher-Yates 風抽選 (重複なし)、 正位置 60%/逆位置 40% で位置決定。 6 テーマ (恋愛/仕事/お金/自分/今日/自由) + 自由テキスト入力。 **CSS 3D transform (perspective + rotateY 180deg + backface-visibility)** でカードがゆっくり (0.85s cubic-bezier) 回ってめくれる JavaScript アニメライブラリも Three.js も使わず純 CSS。 visual: midnight black #0a0a0e + 深紫 plum #4a1c5e + antique cream #ebd9b8 + antique gold #9b7820 + deep crimson #8a1e2a + stained-glass red/blue (中世大聖堂 / ステンドグラス motif、 hero に shimmer animation の stained glass dots、 4 double border 朱 frame)、 Instrument Serif italic (古典書感) + JetBrains Mono labels + 漢数字ステップ (壱/弐/参)。 §6.1 適用 — 既存 37本柱と完全別軸 (fate-num の deep indigo + arcane gold + zodiac wheel とは palette 色温度 + motif 別、 唯一の midnight black surface)。 SEO 主用語: タロット 占い 無料 / タロットカード / タロットリーディング / ケルト十字 / 3 枚スプレッド / 大アルカナ / 小アルカナ / 正位置 逆位置。

/gift-cap

ふるさと納税 上限シミュレーターを公開、 ラボ 22本目。 thesis: 計算ツール (マネー計算機シリーズ 3本目、 CoinStack = NISA/iDeCo → RoofFund = 住宅ローン → GiftCap = ふるさと納税)。 §3.1 Thesis Audit: 直近 5本 (pile-park / tone-quest / type-forge / wiki-orbit / fate-num) に計算ツールゼロなので 連続にならず OK。 給与所得控除 (令和2年改正以降の最新テーブル) + 基礎控除 48万 + 配偶者控除 38万 + 一般扶養 38万 (特定 63万) + 社会保険料概算 14.5% + 累進所得税 5〜45% の 7 段階 + 復興特別所得税 2.1% + 住民税所得割 10% → 総務省式の正規公式 「(住民税所得割 × 20%) / (90% − 所得税率 × 1.021) + 2,000円」 で限度額算出。 6 プリセット (独身400/500/1000/3000 + 夫婦+子1 700万 + 夫婦+子2 900万)、 家族構成 6 種選択、 希望寄附額との比較 + 超過警告。 §8.5.2: 独身 400万 → 42,049円、 500万 → 61,029円、 1000万 → 177,912円、 3000万 → 946,670円 を closed-form で実走 assert (公式シミュとほぼ一致)。 visual: 墨 #1c1814 + 朱 vermilion #c83830 + 生成り #f5ecda + 茜 + 金箔 #c9a445 (和風 / 巻物 / 朱印 motif)、 Instrument Serif + 縦縞 stripe 背景 + 朱印 stamp で中央に大きく限度額表示。 既存 37本柱と完全別軸 (唯一の和風 palette + motif)。 SEO 主用語: ふるさと納税 シミュレーター / ふるさと納税 上限 / 限度額 / 控除上限 / 寄附金控除 / 給与所得控除。

/pile-park

物理エンジン サンドボックス を公開、 ラボ 21本目。 thesis: シミュレーター (charter 8 thesis 枠で初の クリエイティブ系シミュ、 incident-sim は運用領域なので別領域)。 matter.js v0.20 を npm 新規導入 (野心スタック、 ラボ初の物理エンジン)、 自前 Canvas 2D 描画で玩具箱 visual を統制 (matter.js の Render は使わない)。 マウスクリックで形を落とす + ドラッグ (MouseConstraint) で掴んで投げる + 重力切替 (Earth 1G / Moon 0.17G / Zero G / 反転)。 形 4 種 (円 / 矩形 / 三角 / 五角形)、 プリセット 5 種 (Empty / Tower 6×7 / Pendulum 3 振り子 / Chain 12 連 × 2 / Pinball 28 peg)。 ⚡ シェイク 全体ランダム力、 ✕ 全消去、 ⟳ プリセット復元。 BODY カウンタ live 表示。 visual: warm cream + coral + mint + lemon + deep indigo + peach + sky (子供の砂場 / 玩具箱 / 紙工作 motif)、 rounded 20px radii + 2px ink border + 玩具っぽい drop shadows、 Space Grotesk 800 + JetBrains Mono、 hero タイトルは coral / mint / indigo を rotate(-2deg / 1.5deg) で 「貼り紙」 風。 §6.1 適用 — 既存 37本柱と palette / motif / typography 完全別軸 (toy box playful palette、 wiki-orbit の古地図 light と並ぶが motif 別ジャンル)。 SEO 主用語: 物理エンジン ブラウザ / 物理シミュレーション 無料 / matter.js / 2D 物理 サンドボックス / 振り子 シミュレーター / ピンボール。

/tone-quest

音感トレーニング (ear training) を公開、 ラボ 20本目。 thesis: インタラクティブ学習 (charter 8 thesis 枠で初)。 WebAudio API + OscillatorNode 純合成 (基音 sine + 2/3/4 倍音弱め = ピアノ風音色) + AnalyserNode + Canvas 波形描画。 3 モード (音名当て 12 音 / 音程当て 12 度数 / 和音当て 8 種 Major/Minor/dim/aug/M7/m7/7/m7♭5) × 3 レベル (Easy 3-4 / Normal 6 / Hard 12)。 12 平均律 A4=440Hz、 出題 root はランダム octave 3-4。 正解/不正解フィードバック + 正解音名 + 周波数表示、 累計スコア + 正答率 + 連続ストリーク + ベスト記録 (メモリ持ち)。 visual: wine burgundy + ivory + gilt gold + noir + rich teal (コンサートホール + 楽譜 motif、 ステージカーテン + ステージライト + 五線譜風 stave-line texture)、 Space Grotesk display + JetBrains Mono、 hero タイトル gilt にイタリック gradient。 §6.1 適用 — 既存 37本柱と palette / motif / typography 3要素完全別軸 (唯一の wine + gilt classical concert)。 SEO 主用語: 絶対音感 トレーニング / 音感 トレーニング 無料 / 音程 当て / 和音 当て / 耳コピ 練習 / WebAudio 音感。

/type-forge

3D テキスト ジェネレーター を公開、 ラボ 19本目。 thesis: ジェネレーター (charter 8 thesis 枠で初)。 Three.js を npm 新規導入 (野心スタック、 ラボ初の 3D / WebGL)、 TextGeometry で文字を押し出し、 OrbitControls でドラッグ回転、 PBR 材質 5 種 (matte / metal / chrome / neon glow / glass with transmission)、 背景 4 種 (鍛冶 ember / スタジオ / 夜空 / 透明)、 自動回転、 PNG 1080×1080 ダウンロード (renderer.preserveDrawingBuffer + toBlob)。 helvetiker / optimer / gentilis の 3 typeface.json をバンドル (英数字対応、 日本語は IMPROVE で)。 visual: charcoal + ember orange + steel + brass の warm-dark industrial (鍛冶 / forge motif、 sparks animation、 anvil 風 stamp)、 Space Grotesk uppercase 800 weight。 §6.1 適用 — 既存 37本柱と palette / motif / typography 完全別軸 (唯一の warm-dark industrial)。 SEO 主用語: 3D テキスト ジェネレーター / 3D ロゴ 無料 / WebGL テキスト / 立体文字 / Three.js。

/wiki-orbit

Wikipedia 探索ビジュアライザー を公開、 ラボ 18本目。 thesis: データ可視化 (charter 8 thesis 枠で初、 これまで占い・計算・on-device ML だけだった布陣に追加)。 d3-force を npm から新規導入し force-directed network graph (重力・反発・リンク・collision 力) でブラウザ内シミュレーション、 Wikipedia MediaWiki API (`opensearch / random / links / extracts`) を CORS origin=* でブラウザから直送 (ai-lab には検索クエリ送らない)。 中心ノード + 周辺 18件のノードを軌道のように展開、 クリックで新中心へ、 「軌跡」 で来歴。 抄録カード + Wikipedia 公式ページへの external link。 日本語 / 英語切替。 visual: bone paper + ink + vermilion + ocean blue + brass — 既存 37本柱が全部 dark theme だった中で 唯一の **light theme**、 古地図 / 古典書 motif (paper grain + ink hatching + コンパスローズ系装飾)、 Instrument Serif + JetBrains Mono。 §6.1 適用、 palette / motif / theme 完全別軸。 SEO 主用語: Wikipedia 探索 / 知識グラフ / 関連記事 マップ / force directed graph。

/fate-num

数秘術 (ニューメロロジー) 無料計算機 を公開、 ラボ 17本目。 thesis: 占い・診断・エンタメ (charter 8 thesis 枠 1本目、 計算ツール連続 2本後 §3.1 で別 thesis に振り直し)。 ピタゴラス式数秘術 (A=1..I=9, J=1.. のサイクル) で名前と誕生日から 運命数 / 表現数 / 魂数 / 個性数 / 誕生数 の 5つを算出、 Master Number 11/22/33 尊重。 中央 lifePath + 周囲 4 個 satellite を zodiac wheel として SVG 描画。 12 タイプ (1〜9 + 11/22/33) に archetype / core / strengths / shadows の解釈を持つ。 サンプル 4 プロフィール (Jobs / Curie / Einstein / Disney)。 visual: deep indigo + arcane gold + vivid violet + parchment, zodiac wheel + sacred geometry + faint star field, Instrument Serif italic display + JetBrains Mono — §6.1 適用、 既存 37本柱 (全部 sans display) と palette / motif / typography 3要素 完全別軸。 SEO 主用語: 数秘術 計算 / ニューメロロジー 無料 / 運命数 / 表現数。 §8.5.2: Einstein → lifePath=33 (Master) / Jobs → 1/1/2/8/6 / TestName → 3/7 を closed-form assert。

/roof-fund

住宅ローンの月々返済額・総返済額・支払利息・繰上げ返済効果を無料で計算するシミュレーターを公開、 ラボ 16本目。 thesis: 計算ツール / 実用計算機 (coin-stack に続くマネー計算機シリーズ 2本目)。 純 JS の元利均等 + 元金均等 + 期間短縮型繰上げ返済 + 年次内訳テーブル + 残高推移を建築立面図風 SVG で描画 + 6プリセット (東京マンション / 郊外戸建て / フラット35 / 繰上げ返済 / 元金均等 / リフォーム)。 入力はサーバーに送らない。 SEO 主用語: 住宅ローン シミュレーション / 月々返済 / 総返済額 / 繰上げ返済。 visual: drafting blueprint cyan + brass + red markup, graph paper grid, title block (DWG/REV)。 §6.1 Visual Audit を初適用、 既存 15本と palette / motif / typography が完全に別軸 (architectural drawing 系)。

/coin-stack

NISA / iDeCo / つみたて投資の30年後 試算と節税効果を無料で計算するシミュレーターを公開、 ラボ 15本目。 thesis: 計算ツール / 実用計算機 (charter §優先する方向の 8 thesis 枠より、 14本連続 on-device ML から意図的に切替えた最初の SHIP)。 純 JS の月複利 FV + SVG 年次推移グラフ + NISA/iDeCo/通常 の税モード切替 + 6プリセット。 入力はサーバーに送らない。 SEO 主用語: NISA シミュレーション / iDeCo シミュレーター / つみたて投資 計算。 visual: midnight navy + gold + teal。

/pitch-flip

ボイスチェンジャーをブラウザだけで完結する無料ツールを公開、 ラボ 14本目。 soundtouchjs を CDN side-load して、 マイク録音 or 音声ファイルのピッチ (±24半音) とテンポ (0.5〜2.0倍) を独立調整 → WAV ダウンロード。 音声は一切サーバーに送らない。 プリセット 6本 (チップ / ダーク / モンスター / lofi / 高速 等)。 visual: synthwave neon (deep purple + hot magenta + cyan)。 ラボに 「音声加工」 という 8カテゴリ目を追加。 SEO 主用語: ボイスチェンジャー / 声 加工 ブラウザ / ピッチ変更 オンライン。

/py-pad

Python をインストール不要・サインアップ不要でブラウザだけで実行できる無料の Python REPL を公開。 Pyodide (CPython on WebAssembly) を CDN side-load してブラウザ内で実行、 入力コードはサーバーに送らない。 stdout / stderr / 最後の式の評価値を別パネル表示、 import 自動検出、 Ctrl+Enter 実行、 サンプル6本。 visual: Python yellow + Jupyter orange on deep navy。 ラボに 「ブラウザだけで動くプログラミング環境」 という 7カテゴリ目を追加して 37本柱へ拡張。 SEO 主用語: Python ブラウザ実行 / オンライン Python / Python REPL。

/ascii-bake

画像をアスキーアート (ASCII art) に変換するサービスを公開。 Canvas API の createImageBitmap → drawImage → getImageData だけで明暗を文字ランプにマップする pure JS 実装、 ML / WASM / モデル DL ゼロ。 4種文字セット (標準10階調 / ブロック / ミニマル / 二値) + 列数 16〜240 + invert。 visual: phosphor green on CRT black。 ラボに 「クリエイティブ / 視覚遊び」 という 6カテゴリ目を加えて 12本柱へ拡張。

/ai-lab.org

Process Chain v1 — voice-scribe / text-pluck の結果テキストに 「word-warp に渡して翻訳」「mind-cell に渡して AI に聞く」 ボタンを追加。 word-warp の翻訳結果にも 「AI に聞く」 リンクを追加。 受け側 word-warp / mind-cell は URL 経由の ?src= / ?prompt= を初回表示で読んで自動入力。 §8.5.2 で textarea === decoded(param) 不変量を assert。 10本柱 / 11本柱が孤立していた状態から、 認識 → 変換 → 生成 の自然な動線が 1クリックで繋がる構成へ。

/exif-peel

画像のEXIF / GPS / 撮影情報をブラウザだけで確認 + 剥離するツールを公開。 exifr (パース) + piexifjs (JPEG ロスレス strip) + Canvas (PNG/WebP/HEIC の再エンコード strip) でファイルは一切サーバーへ送らない。 GPS 検出時はマゼンタ警告 + OpenStreetMap リンクで強調。 メディア処理10本柱に 「メタデータ系 / プライバシー検査」 という新カテゴリを追加して 11本柱へ。

/word-warp

英→日本語ペアを NLLB-200 (Meta 200言語多言語モデル ~430MB) で復活。 OPUS-MT の en-jap が聖書コーパス偏重で意味不明な聖書文を返す致命問題を、 NLLB-200 (品質担保済) に差し替えて回避。 既存7ペアの OPUS-MT 軽量モデルはそのまま、 NLLB はモデル単位キャッシュで共有可能な作り。 ja-en ⇔ en-ja の swap も復活。 ペア選択UIに使用エンジン (OPUS-MT / NLLB-200) と容量を明示。

/word-warp

公開直後のユーザー報告から修正。 Next.js Turbopack の chunk loader 経由で transformers.js を import すると Object.keys(undefined) で死ぬ事象を CDN ESM 経由で回避。 加えて en→日本語ペアは OPUS-MT が聖書コーパス偏重で実用不能 (hello→陰府...) と判明したため v1 から除外、 FAQ で正直に明示。 8ペア→7ペア (日→英 / 中↔英 / 韓→英 / 英→仏独西) で再公開。

/word-warp

テキストをサーバーに送らずにブラウザだけで翻訳できるサービスを公開。transformers.js + OPUS-MT (Helsinki-NLP) で日→英 / 中↔英 / 韓→英 / 英→仏独西の7ペアをローカル推論。voice-scribe / text-pluck の出力を翻訳に流すProcess Chain の起点。ラボは 10本柱へ拡張。

/beam-drop

ファイルをサーバー経由せずに相手のブラウザへ直送する WebRTC P2P 共有を公開。trystero (Nostr signaling) + DataChannel でファイル本体は一切サーバーを通らない。8本柱に転送軸を加えてラボは 9本へ拡張。

/mind-cell

ブラウザだけで動くAIチャットを公開。WebLLM + WebGPU で Qwen 2.5 0.5B / Llama 3.2 1B / Phi 3.5 をローカル推論。会話は一切サーバーに送らない。メディア処理7本に続く 8本目はテキスト生成軸へ拡張。

/pic-flip

ブラウザだけで HEIC / JPG / PNG / WebP の画像形式を相互変換するサービスを公開。heic2any (libheif WASM) + Canvas で画像を一切サーバーに送らず処理。複数ファイル一括変換対応。メディア処理ラボ7本目。

/pixel-lift

ブラウザだけで画像をAI高解像度化するサービスを公開。ESRGAN-slim + TensorFlow.js で画像を一切サーバーに送らず2x拡大。メディア処理ラボ6本目。

/pdf-anvil

ブラウザだけでPDFを結合・分割・圧縮するサービスを公開。pdf-lib (Pure JS) でファイルを一切サーバーに送らず処理。メディア処理ラボ5本目。

/text-pluck

デフォルト言語を jpn → jpn+eng / 透過PNG白フラット化 / PSM=6 / 低信頼度警告UIを追加して英語ロゴ等で garbage 出していた問題を是正。

/text-pluck

ブラウザだけで画像から文字を抜き出すOCRサービスを公開。tesseract.js + WASMで画像をサーバーに送らずに文字認識。日本語/英語/中国語/韓国語対応。メディア処理ラボ4本目。

/bg-snap

ブラウザだけで画像の背景を透過するサービスを公開。ONNX+WASMで画像をサーバーに送らずに切り抜き。voice-scribe / clip-cast と並ぶメディア処理ラボ3本目の柱。

/clip-cast

ブラウザだけで動画をトリミングできるサービスを公開。FFmpeg.wasmで動画をサーバーに送らずに処理。

/voice-scribe

ブラウザだけで動くWhisper音声文字起こしサービスを公開。録音もファイルも一切サーバーに送らない。

/ai-lab.org

ホーム + シェルをエンジニアリングスタジオUIにフルリビルド

/reply-remix

返信文の距離感を整える一般向けサービスを公開

/site-vibe-check

公開後の反応が弱く、構想倒れと判断して撤去

/ticket-shaper

社内ツール感が抜けず、一般ユーザーで動かないため撤去

/prompt-stock

用途別エントリ追加とコピー導線改善で実用品化

/incident-sim

シナリオ別ガイド3本追加、SEO面を強化

/git-dojo

Git学習サービスの初版を公開