ドローソフト今日もまたコーディング。Codingが大好きだから。開発をしている当初は別に図示しなくてもサクサク描いていけるんだけど、しばらく間が空いたりするとコードの流れを追うのが苦痛になり、「やっぱ開発文書を残しておけばよかった......」となる。図が欲しい時は多いのだけれど、なかなか思い通りにさくっと描けるものがない。高機能とはいえ、AdobeIllustratorで毎回描くのはしんどい。フローチャートに必要なコネクタ線みたいなものもないし。draw.ioが最強、とは思いつつ、PlantUMLの手軽さも......とベストプラクティスを模索した結果をご紹介したい。10VisualStudioCodeChromeとはいえ、draw.ioもVisualStudioCodeもMac版があるので、どちらでも同じような環境が作れるはず。最近はその辺がほんとにラクになった。ツールは両方のOSで手に入る。PlantUMLまずはPlantUMLを導入。私はVisualStudioCodeで描く。Code.VisualStudioCodeのExtensionでPlantUMLを導入。VisualStudioCodeで描くことのメリットはこんな感じ。コードヒントが使えるAlt+Dでプレビューしながら描けるソースコードからテキストをコピペするにも便利。プレビュー小さくて見づらいので、何かいいビューアーがないかと探してみた。extensionがある。詳細設定から「ファイルのURLへのアクセスを許可する」をONにしてやれば、ローカルのpuファイルを開いて表示させることができる。draw.ioさらにさらに。draw.ioとの連携を調べたら、draw.ioはPlantUMLを読み込むことができるのだ。かゆいところに手が届く。これを自由に編集する、というわけにはいかない一枚絵だが、ダブルクリックするとプラントUMLのソースが表示されるので、簡単な修正くらいならここでできる。PlantUMLの上にdraw.ioで注釈を付けたりもできそう。draw.ioでもうちょっと詳しい動作図を描く時にも、同じ画面内にシーケンス図を置いておけるので参照しやすい。Chromeに切り替えて見てもいいし。まとめというわけで、こんなフローでしばらくやってみたい。...2017-12-13draw.ioすごい便利。エンジニア文章、写真、デザイン、コーディングまで一通りこなす自走式フルスタックブロガー。読者になる@mogami74をフォローはてなブログをはじめよう!mogami74さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。