VSCodeでの PlantUML開発環境 PlantUML画像からコードへジャンプ 背景色は黒で目に優しいテーマを使用

VSCodeでのPlantUML環境

VSCode拡張機能はPlantUML - Simple Viewerv2.17.6 well-ar

PlantUML - Simple Viewer - Visual Studio Marketplace

背景黒で目に優しいテーマを使用しています。

画像上で項目名をクリックするとコードの場所に飛んでくれます。
ただし同じ項目名があるとクリックしても１番目に（最初にヒットしたキーワード）飛んでしまいます。

↑GIF画像の容量 1.2MB

使用GIF動画作成ツール

ScreenToGif - 画面を録画し、編集して GIF、ビデオ、またはその他の形式で保存します。
https://www.screentogif.com/

PlantUMLのテーマギャラリー

Welcome to PlantUML themes Gallery | puml-themes-gallery
https://the-lum.github.io/puml-themes-gallery/

↓使えそうだと思ったテーマ

' !theme toy
' !theme vibrant
' !theme _none_
' !theme amiga
' !theme blueprint
' !theme cloudscape-design
' !theme crt-green
' !theme lightgray
' !theme metal
' !theme reddress-darkblue
' !theme reddress-darkgreen
' !theme reddress-darkorange
' !theme reddress-darkred

jsonデータの表示方法

@startjson "json"
{
  "firstName": "John",
  "lastName": "Smith"
}
@endjson