Articles - Page 3
Docusaurusのi18nの仕組み
- #docusaurus
- #i18n
Docusaurusサイトで日英の多言語対応を行った過程で理解したi18nの仕組みについて、設定からファイル構造、ビルド、開発サーバーまでの全体像をまとめた開発メモ。 [2026/03/05]
Electronアプリでのテキスト検索(Find in Page)実装についての調査メモ
- #electron
Electronアプリにはブラウザ標準のFind in Page UIが付属しないが、ChromiumのfindInPage APIは使える。ネイティブAPIとmark.js等によるカスタム実装の比較をまとめた。 [2026/03/05]
WSL2 SSH/mosh環境でmacOSのpbcopyを使えるようにする(OSC 52)
- #wsl
- #shell
- #tmux
- #macos
SSH/mosh経由でWSL2に接続した環境で、OSC 52エスケープシーケンスを使ってmacOSのpbcopyと同じクリップボードコピーを実現する方法。tmux内での動作やzshのalias衝突の回避方法も含めたまとめ。 [2026/03/05]
Cloudflare Durable Objectsを調べたメモ
- #cloudflare-workers
Claude Codeにリアルタイム共同編集アプリを作らせたら、CloudflareのDurable Objectsを使って実装していた。自分はこのDurable Objectsについて何も知らなかったので調べたメモ。 [2026/03/03]
Claude Codeの/batchとAgent Teams: 2つのエージェント並列実行の比較
- #claude-code
- #git
Claude Codeにはエージェントを並列実行する仕組みが2つある。ビルトインの/batchコマンドとAgent Teams機能。表面的には同じに見えるが、アーキテクチャと用途が全く違う。その違いをまとめたリサーチメモ。 [2026/03/01]
いつClaude CodeのAgent Teamsを使うのか
- #claude-code
- #takazudo-modular
Claude CodeのAgent Teams機能をいつ使うべきかという問いに対して、普段の開発で使っている2つのパターンと、git worktreeベースの並列開発の実例を交えて紹介。 [2026/03/01]
製品写真をNode.jsで自動生成するパイプラインを作った
- #node-js
- #claude-code
- #eurorack
- #takazudo-modular
Takazudo Modularの製品写真を、メーカー提供の白背景画像からNode.jsで自動生成するパイプラインを作った。背景除去、ファブリックテクスチャへの合成、リアルな影の付与まで全部プログラマティックに完結する。 [2026/03/01]
MoshiでWindowsに接続してClaude Codeする
- #claude-code
- #ssh
- #wsl
- #ios
iOSアプリのMoshiを使って、Windows上のWSL2にMosh接続し、iPhoneからClaude Codeを操作できるようにした。SSHだとネットワークが切れるとセッションが死ぬが、Moshなら接続が維持される。セットアップに注意点がいくつかあったので、そのまとめ。 [2026/02/25]
Claude Codeを自作アプリから呼ぶのってアリ?っていう調査
- #claude-code
- #electron
- #claude-api
- #node-js
Claude Code CLIをElectronアプリからプログラム的に呼び出す方法を調べた。技術的には2つのアプローチがあるが、OSSとして配布する場合に利用規約上の問題があることがわかった。 [2026/02/24]
Slack Bot + Claude API + Cloudflare Workers で CMS なしでウェブサイト更新する仕組みを作った
- #cloudflare-workers
- #claude-api
- #slack
- #github-api
妹のサイト用に、Slack botで自然言語でサイト更新できる仕組みを作った。Claude APIで意味を解釈し、GitHub APIでリポジトリを編集、Cloudflare Workersでホストする構成。CMSのセットアップが不要になる。 [2026/02/24]
Claude Codeのサブエージェントとスキルでサイトの英語翻訳を自動化した
- #claude-code
- #ai-writing
- #takazudo-modular
モジュラーシンセのWebショップの英語版を、Claude Codeのカスタムエージェントとスキルを組み合わせて自動化した仕組みのまとめ。 [2026/02/22]
Figma MCPのキャプチャ機能
- #figma
- #mcp
- #claude-code
Figma MCPのWebサイトキャプチャ機能を使い、Figmaを「一時的なデザイン編集場所」として活用するワークフローについて。 [2026/02/22]