dbt docsの表が見づらくなったので拡張機能を作った

背景

• dbt docsのカラム等を確認する画面がstruct構造にしたことによりかなりみづらくなった
• 下記の様にColmunsを確認するのにかなりのサイト内frameでスクロールが発生している状況

• カラム名が長い＋Typeの中にStruct内のTypeが全て表示されるのが原因
• 拡張機能でなんとか見やすくしたい

試してみた

• まずはclaudeと壁打ちして仕様を決める

• developer toolで要らない要素・変更したい所を確認していく

  • サイドメニュー（.app-menu）を非表示
  • tableの幅を柔軟にしたい
  • フィルタつけると良さそう

• 完成

  • フィルタ付けるだけでもだいぶ変わる

• めちゃめちゃ見やすくなった