ディレクトリに戻る

dsh-popout-sidebar

キュレーション掲載メンテナンス: 活発

e2mcc/dsh-popout-sidebar

ポップアウトサイドバー:アーティファクトとファイルツリーを複数プレビュー形式で一覧し、別ブラウザタブにポップアウトして別モニターへドラッグ可能。他のサイドバープラグインと同時共存

GitHub で見る
$ dsh plugin --profile web add dshmarket

209

スター

4

フォーク

JavaScript

言語

MIT

ライセンス

2026-08-15

作成日

2026-08-20

最終プッシュ

MIT ライセンスの DSH Web UI 向けサイドバープラグイン。エージェントのアーティファクトとファイルツリーをリアルタイム表示し、複数形式のプレビュー、独立タブへのポップアウト(別モニターでの拡大表示)、他の sidebar プラグインとの共存に対応。公式 dsh CLI でネイティブにインストールできます。

DSH 統合

ネイティブ実行

作者による申告

安全性監査

未監査

最終検証日

2026-08-27

ライセンス

MIT

01どんなタスクに使えるのか?

  • DeepSeek Harness の Web UI 内でエージェントのアーティファクトとワークスペースのファイルをリアルタイムに確認する

    エージェントが write / edit で作成・変更したファイルと bash / pwsh コマンドが生成したファイルを即時に一覧表示するアーティファクトサイドバー。複数形式のプレビューに対応し、ワークスペース切替に追従するファイルツリーも搭載

    DeepSeek Harness(dsh)Web UI を使う開発者で、UI から離れずに成果物やファイルを確認したい人

  • サイドバーを別のモニターにポップアウトして、より大きく・はっきりと確認する

    独立したブラウザタブ(/popout-sidebar)。1.5 秒ごとに自動更新され、別のモニターにドラッグして表示できる

    マルチモニター環境のユーザーで、アーティファクトとファイルツリーを常時表示しておきたい人

02DeepSeek Harness への導入方法

前提条件

  • DeepSeek Harness(dsh)の Web UI が利用できること(README の導入フローは `dsh web` と DSH 内の Plugin Market を前提としています)
  • 推奨ルートでは先に dsh-market の導入が必要(`dsh plugin --profile web add dshmarket`)

インストール手順

  1. 01

    マーケットを先に追加する:`dsh plugin --profile web add dshmarket`

    $ dsh plugin --profile web add dshmarket

  2. 02

    `dsh web` を再起動して設定 → Plugin Market を開き、popout または sidebar を検索して「インストール」をクリックする

    $ dsh web

  3. 03

    またはレジストリコマンドで直接インストールする:`dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar`

    $ dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar

  4. 04

    導入後は `dsh web` を再起動し、ブラウザをハードリフレッシュする(Cmd/Ctrl+Shift+R)

    $ dsh web

導入成功の確認

  • `dsh web` を再起動してブラウザをハードリフレッシュ(Cmd/Ctrl+Shift+R)した後、画面右上に常駐の「アーティファクト」アイコンボタンが表示されることを確認する(セッションがなくても表示)

03DSH 統合と能力の範囲

DSH 統合ネイティブ実行

公式 dsh プラグインシステムと DSH Plugin Market 経由でネイティブにインストール(`dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar`)。DeepSeek Harness Web UI にアーティファクトサイドバーを直接追加します。

  • 独立タブへのポップアウト

    サイドバーの内容(アーティファクト一覧とファイルツリー)→独立したブラウザタブ(/popout-sidebar)。1.5 秒ごとに自動更新

  • アーティファクトサイドバー

    エージェントが write / edit で作成・変更したファイル、bash / pwsh コマンドが生成したファイル→リアルタイムのファイル一覧。一覧とプレビューエリアの境界線をドラッグで調整可能

  • ファイルツリー

    現在のワークスペースディレクトリ→遅延読み込みで展開されるディレクトリツリー。ファイルをクリックするとプレビューされ、ワークスペース切替にリアルタイムで追従

  • マルチフォーマットプレビュー

    コード / プレーンテキスト、Markdown、画像、PDF、HTML ファイル→構文ハイライト + 行番号、Markdown レンダリング、画像、PDF(ブラウザ標準ビューア)、HTML(サンドボックス iframe)のプレビュー。長い内容は自動で切り詰め

  • 編集差分

    edit で変更されたファイル→プレビュー内で「削除 / 追加」の変更差分を比較表示

  • 他の sidebar プラグインとの共存

    他の「サイドカード」が開いている状態→本サイドバーは自動的にその左側へ退き、両方を同時に表示できる

04誰に向いているのか?使うべきでない場面は?

向いている用途

  • DeepSeek Harness(dsh)Web UI を使う開発者で、UI から離れずに成果物やファイルを確認したい人
  • マルチモニター環境のユーザーで、アーティファクトとファイルツリーを常時表示しておきたい人

05互換性・メンテナンス・セキュリティ上の注意

  • クリアモードはリストのみに作用します。アーティファクトをクリックして赤くマークし、赤い × をクリックするとリストのエントリだけが削除され、ディスク上のファイルは変更されません。
  • パネル設定は localStorage に保存されます。DSH 設定に「Popout Sidebar」タブが追加され、既定で展開・自動更新・ファイルツリーのオンオフと最小パネル幅を設定できます。
2026-08-152026-08-20v1.0.1

MIT · 活発にメンテナンス中(最新リリース v1.0.1、2026-08-20)

06よくある質問

インストール方法は?

推奨は先にマーケットを追加する方法です:`dsh plugin --profile web add dshmarket` を実行して `dsh web` を再起動し、設定 → Plugin Market で popout または sidebar を検索して「インストール」をクリックします。あるいは `dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar` で直接登録できます。導入後は `dsh web` を再起動し、ブラウザをハードリフレッシュ(Cmd/Ctrl+Shift+R)してください。

導入後に動作しているかどうか確認するには?

`dsh web` を再起動してブラウザをハードリフレッシュすると、画面右上に常駐の「アーティファクト」アイコンボタンが表示されます(セッションがなくても表示されます)。

他の sidebar プラグインと競合しますか?

しません。README には他の sidebar プラグインと共存できると明記されています:他の「サイドカード」が開くと本サイドバーは自動的にその左側へ退き、両方を同時に表示できます。

クリアモードでディスク上のファイルは削除されますか?

いいえ。クリアモードでアーティファクトをクリックすると赤くマークされ、赤い × をクリックするとリストのエントリだけが削除されます。ディスク上のファイルは変更されません。

パネルの設定はどこに保存されますか?

DSH 設定に「Popout Sidebar」タブが追加され、既定で展開・自動更新・ファイルツリーのオンオフと最小パネル幅を設定できます。設定は `localStorage` に保存され、パネルは左端をドラッグして広げられます。

08データと出典

  • 作者による申告github.come9a8458cb65c…

    dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar

  • 作者による申告github.come9a8458cb65c…

    给 [DeepSeek Harness](https://github.com/deepseek-ai/DeepSeek-Harness) Web UI 增加一个展示**产物(artifacts)**与**文件树**的侧边栏,并可一键弹出为…

  • 作者による申告github.come9a8458cb65c…

    本插件已收录进 DeepSeek Harness 插件生态:

このページは、プロジェクトの公開ドキュメント、リポジトリのメタデータ、および DSH Plugins の構造化解析に基づいて生成されています。最終検証日:2026-08-27。誤りを見つけた場合は、修正を送信してください。

🏆

dsh プラグイン おすすめ

最初に入れたい 12 のプラグイン。全カタログ・全カテゴリから厳選しました。

DSH Plugins は DeepSeek Harness プラグインの独立したコミュニティ ディレクトリです。DeepSeek との提携・公認はありません。サードパーティ製プラグインはセキュリティ監査を受けていません。インストール前にソースコードをご確認ください。

DeepSeek Harnessの新着プラグインを毎週お届け。スパムはありません。