S
sidebranch
分離した worktree でブランチの UI を並べて比較できる Git ベースのビジュアルツール
最終更新 2026/9/7
sidebranchについて
sidebranch は Git ベースのビジュアル差分ツールです。ページで任意のブランチを選ぶと、分離した worktree でそのブランチ用の開発サーバーを構築します。その後、2 つのリアルタイムペインで画面を並べて確認したり、blend と onion の差分モードで UI の変化を強調したりできます。特定のフレームワークに依存せず、Next、Vite、Django、Rails など、ポート経由で HTTP に応答できるアプリで利用できます。Node の組み込み機能だけで構成され、外部パッケージは不要です。自分でインストールする場合は npm install --save-dev sidebranch を使い、開発ビルドに widget を追加します。
おすすめの利用者
Git ブランチで協働する開発者
UI の変化を比較したい開発者
フロントエンドおよびフルスタック開発者
Next、Vite、Django、Rails を使う開発者
最適な利用シーン
異なる Git ブランチを切り替えて UI を比較する
2 つのリアルタイム画面を並べて差分を確認する
blend または onion モードで画面の変化を強調する
分離した worktree でブランチの開発サーバーを実行する
機能
ページ内ブランチ切り替え
ページからブランチを選び、分離した worktree で対応する開発サーバーを起動します。
side-by-side 差分表示
2 つのペインをリアルタイムに保ち、blend と onion モードで UI の変化を強調できます。
フレームワーク非依存
ポート経由で HTTP に応答できれば、Next、Vite、Django、Rails などのアプリで利用できます。
外部依存ゼロ
ツール全体が Node の組み込み機能で構成され、外部パッケージに依存しません。
長所
- 多様なフレームワークと HTTP アプリに対応
- side-by-side、blend、onion の差分表示を提供
- 現在の worktree に触れない
- 外部パッケージの依存なし
短所
- アプリはポート上で HTTP に応答できる必要があります
よくある質問
公式ページには Next、Vite、Django、Rails が掲載されています。ポート経由で HTTP に応答できるアプリなら利用できます。
公式の説明では、現在の worktree に触れず、分離した worktree でブランチを構築して UI の変化を確認できます。
ツール情報
開発者sidebranch
リリース日2026/9/7
価格Free