Articles - Page 2
webpackとかAstroとかNext.jsとかよく分かってない人がClaudeに教えてもらったログ
- #webpack
- #astro
- #next-js
- #electron
- #docusaurus
- #react
- #vite
Electronドキュメントビューアの開発でDocusaurusからAstroに乗り換えた経験をきっかけに、バンドラーアーキテクチャの違い、Astroのisland、Next.jsのSSR/streamingについてClaudeに教えてもらった会話の記録。 [2026/03/11]
tmuxセッションをfzfでファジーにフィルタする
- #tmux
- #shell
- #wsl
tmuxのセッション切り替えをfzfワンライナーで実現する方法。display-popupとfzfを組み合わせた1行の設定で、セッションをファジー検索して切り替えられる。 [2026/03/09]
zeno.zshでシェルのエイリアスをスマートに実現
- #shell
- #macos
zshの補完やスニペット展開をfzfベースで強化するzeno.zshを導入し、.zshrcに散在していたエイリアスをスニペット機能に移行した。エイリアスの衝突問題の解決、macOSでのZENO_HOME設定、移行の具体的な手順をまとめた。 [2026/03/09]
GitHub Actionsのself-hosted runnerをWSL2で構築してフォールバック付きで運用する
- #github-actions
- #github-api
- #wsl
- #claude-code
- #shell
GitHub Actionsのminutes消費を節約するためにWSL2上にself-hosted runnerを構築し、ランナーがオフラインのときはubuntu-latestにフォールバックする仕組みを作った話。reusable workflowでの検出ロジックやsystemdによるサービス化の手順もまとめている。 [2026/03/08]
NetlifyからCloudflareへの移行メモ
- #cloudflare-pages
- #cloudflare-workers
- #netlify
- #github-actions
個人ブログプロジェクトをNetlifyからCloudflare Pagesに移行した。サーバーレス関数の書き換え、Netlify BlobsからCloudflare KVへの移行、GitHub Actionsでのデプロイ設定についてのまとめ。 [2026/03/08]
ElectronアプリでCodeMirror 6エディタを組み込む
- #codemirror
- #electron
- #react
- #vite
Electron + Vite + React + TypeScript構成の個人アプリにCodeMirror 6を導入した際のセットアップ手順と、Vimモード、テーマカスタマイズ、Viteバンドル最適化での注意点をまとめた。 [2026/03/07]
Electronアプリのショートカット設定UIとconfig.json共有の罠
- #electron
ElectronアプリでショートカットキャプチャUIを実装し、config.jsonで設定を永続化したところ、複数の処理が異なるスキーマで同一ファイルを読み書きしていたことでアプリが起動しなくなるバグを踏んだ。原因と対策のまとめ。 [2026/03/07]
Electronアプリにシステムフォントピッカーを実装する
- #electron
Electronアプリでシステムフォントピッカーを実装した。queryLocalFonts() APIでネイティブモジュールなしにフォントを列挙し、Canvasのテキスト計測で等幅フォントをフィルタリングする方法のまとめ。 [2026/03/07]
Terminal / PTY / IPC / xterm.js の概念整理メモ
- #electron
- #node-js
- #shell
Electronアプリにxterm.js + node-ptyでターミナルを埋め込む実装を進める中で調べた、PTY・IPC・xterm.jsの基本概念と、ネイティブターミナルアプリとの違い、描画方式、フォント問題などの開発メモ。 [2026/03/07]
Vite manualChunksでCodeMirrorを分割したらアプリが壊れた
- #vite
- #codemirror
- #electron
ViteのmanualChunksでCodeMirror関連パッケージをチャンク分割しようとしたところ、@lezer/パッケージを分離したことでチャンク間の循環依存が発生し、アプリが起動しなくなった。原因の解説と修正方法のまとめ。 [2026/03/07]
Algolia から MiniSearch に検索機能を移行した
- #takazudo-modular
- #netlify
- #search
- #node-js
Takazudo Modularのサイト検索をAlgoliaからMiniSearchに移行し、ビルド時にJSONインデックスを生成してNetlify Functionで検索するセルフホスト構成に変えた。選定理由、アーキテクチャ、ロケール対応、パフォーマンスについてのまとめ。 [2026/03/06]
CSSをAIにうまいこと書かせる試み
- #css
- #claude-code
- #ai-writing
- #docusaurus
AIエージェントにCSSを書かせるとうまくいかない問題に対して、CSSベストプラクティスのドキュメントサイトを作ってAIに参照させるという試みについてのまとめ。 [2026/03/05]