NOTES & STORIES

作って、試して、
わかったこと。

AIやソフトウェアとの試行錯誤。
うまくいったことも、つまずいたことも、次の制作につながる記録に。

技術・自動化仕事の仕組み制作の裏側

記事・制作ノート

teatree01の公開記事から、55本。

LLMフォールバックは「壊れ方」まで設計する|定時Botが崩壊出力をサイレント配信していた話

毎朝トレンドを Telegram に流す個人開発の定時バッチが、LLM フォールバックの全滅で崩壊した日本語をサイレント配信し続けていた。原因の連鎖と、「崩壊するくらいなら止める」フォールバック設計、claude -p への移行、launchd の認証・レート制限のハマりどころまで記録する。

記事を読む

AIで4コマ漫画を量産する:絵はAIに、吹き出しと日本語はコードで描く

gpt-image-2 で4コマ漫画を量産しようとしたら、AIに吹き出しと日本語を描かせる限り文字化けとはみ出しが消えなかった。絵はAI・吹き出しと文字はPillowで後描画、という分業に行き着くまでの試行錯誤と、トゲの座標設計・パネルキャッシュ・レート制限まわりの実務知見を残す。

記事を読む

個人開発のbotを放置していたら、自分のAPIに自分でDoSしていた話

自宅で動かしている個人用 Telegram bot のコードをレビューしたら、送信失敗時に offset を据え置く実装のせいで同一メッセージへ LLM 応答を生成し続ける「自己 DoS」になっていた。さらに日次ログには API キーが平文で残り、Google Drive 同期で外部へ流出寸前だった。個人運用バッチで踏んだ silent な地雷を全部晒しておく。

記事を読む

Astro 静的ブログにアフィリエイトリンクを frontmatter で管理する設計

Astro の Content Collections スキーマに affiliateItems フィールドを定義し、記事の MD frontmatter から宣言するだけでアフィリエイトリンクを表示する構成を紹介する。リンクをコンポーネントに分離するとデザイン変更が一箇所で済み、A8.net などのリンクの差し替えも frontmatter 編集だけで完結する。

記事を読む

pnpm monorepo CI/CD設定ガイド【完全版】

pnpm monorepo環境にGitHub Actions CI/CDを設定してCloudflare Pagesへ自動デプロイする手順を詳解。pnpmセットアップ・ワークフロー設定・CLOUDFLARE_ACCOUNT_ID連携まで、詰まりやすいポイントを網羅。ぜひ参考にしてください。

記事を読む

Astro×D1×Drizzle 副業アプリ0円構成ガイド

Astro 5+Cloudflare Pages+D1+Drizzle ORMで月額0円の副業アプリを構築する手順を解説。wrangler.toml設定からマイグレーション、本番デプロイまで実際のmonorepo運用実績をもとに紹介します。

記事を読む

React 削除確認をインラインUIで実装する方法

Next.js App Router で削除確認UIをページ遷移なし・モーダルなしのインラインパターンで実装する方法を解説。DeleteConfirmButton コンポーネントの完全なTypeScriptコードと Server Actions との組み合わせを紹介します。

記事を読む

Claude Code CLIをNode.jsから叩く設計と罠

MaxサブスクのClaude Code CLIをNode.jsのsubprocessで呼び出す実装記録。認証モードの切り替え、環境変数リーク、バナー出力、JSON形式の変化など、CliLlmGateway構築で踏んだ罠と設計判断をまとめる。

記事を読む