#Electron

Electron + Vite + React + TypeScript構成の個人アプリにCodeMirror 6を導入した際のセットアップ手順と、Vimモード、テーマカスタマイズ、Viteバンドル最適化での注意点をまとめた。

ElectronアプリでショートカットキャプチャUIを実装し、config.jsonで設定を永続化したところ、複数の処理が異なるスキーマで同一ファイルを読み書きしていたことでアプリが起動しなくなるバグを踏んだ。原因と対策のまとめ。

Electronアプリでシステムフォントピッカーを実装した。queryLocalFonts() APIでネイティブモジュールなしにフォントを列挙し、Canvasのテキスト計測で等幅フォントをフィルタリングする方法のまとめ。

Electronアプリにxterm.js + node-ptyでターミナルを埋め込む実装を進める中で調べた、PTY・IPC・xterm.jsの基本概念と、ネイティブターミナルアプリとの違い、描画方式、フォント問題などの開発メモ。

ViteのmanualChunksでCodeMirror関連パッケージをチャンク分割しようとしたところ、@lezer/パッケージを分離したことでチャンク間の循環依存が発生し、アプリが起動しなくなった。原因の解説と修正方法のまとめ。

Electronアプリにはブラウザ標準のFind in Page UIが付属しないが、ChromiumのfindInPage APIは使える。ネイティブAPIとmark.js等によるカスタム実装の比較をまとめた。

Claude Code CLIをElectronアプリからプログラム的に呼び出す方法を調べた。技術的には2つのアプローチがあるが、OSSとして配布する場合に利用規約上の問題があることがわかった。

Electronアプリにelectron-tabsでタブを実装したら、タイトル表示、リロード、キーボードショートカット等あらゆる面で問題が発生。根本原因は1枚のHTMLでブラウザのタブをシミュレーションしているだけだったという話。