VSCode

開発

[VSCode] VSCodeで「draw.io」でAWS構成図を描く

AWSの構成図を描く必要があり、draw.ioを使っていたのですが、VSCodeでも「Draw.io Integration」を使用して描けるようになります。そこについて記事にしました。 環境 1. 拡張機能のインストー […]

開発

[VSCode] UI flowsで画面遷移図を描く

アプリの画面設計では、パーツの詳細を描く前に、サイトマップのように概要などの簡潔な情報と遷移図を描きます。
エクセル、draw.io、Cocoaなどで描く事が多いのですが、それよりも簡潔に「UI flows」を使う事をお勧めします。
それが出来てから、Figmaなどで詳細な画面設計を行うようにします。

開発

[VSCode] PlantUMLでフロー図を描こう!

開発を行っていると、処理のフローズが必要になるケースがあります。
そこで「Visual Studio Code」を使って「PlantUML」を描きます。
API連携や別サービスとの連携は、シーケンス図で描くと理解しやすいです。