タグ

plantumlに関するkiririmodeのブックマーク (7)

  • AWS Labs製のPlantUMLライブラリ『AWS Icons for PlantUML』の使い方 - Qiita

    はじめに オークファングループ Advent Calendar 2019 16日目 はじめます! 弊社はインフラ環境として AWS を使用しています。 構成図のツールでは PlantUML を採用しており、 インフラチーム全体が構成図をコードで管理出来るようにしております。 今回は AWS の構成図を PlantUML で描く際に使用している『AWS Icons for PlantUML』について ご紹介したいと思います。 なお PlantUML そのものについては色々記事が出ていると思いますので割愛させていただきます。 『AWS Icons for PlantUML』って? PlantUML で AWS の構成図を作成するツールといえば標準ライブラリとして提供されている AWS-PlantUML が有名かと思います。 PlantUML Standard Library milo-mind

    AWS Labs製のPlantUMLライブラリ『AWS Icons for PlantUML』の使い方 - Qiita
    kiririmode
    kiririmode 2020/02/23
    PlantUMLでawsの構成図を書く
  • 【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita

    draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ!オススメだよ!!」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し

    【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita
  • PlantUMLによってコードベースでAWSのアーキテクチャー図を作る方法 - Qiita

    AWS上にサービスを構築するうえで、アーキテクチャー図を作る機会はままあるかと思います。 その際、draw.ioやCacooなどのウェブサービスで作っている人も多いのではないでしょうか。 今回は別のアプローチとして、PlantUMLによってコードベースでAWSのアーキテクチャー図を作る方法をご紹介します。 PlantUMLの実行環境を用意 まずは、PlantUMLの実行環境を用意します。 ローカル環境にインストールするのもいいですが、素早く試したい場合はPlantUML Web Serverを使うのが便利です。 AWSのアイコンセットを用意 PlantUMLでは、ファイルパスやURLを指定してリソースをインポートすることができます。 これにより自作の画像を組み込むことができるわけですが、ありがたいことにAWSが公式にPlantUMLのためのアイコンセットを配布しています。 awslabs/

    PlantUMLによってコードベースでAWSのアーキテクチャー図を作る方法 - Qiita
    kiririmode
    kiririmode 2019/12/30
    plantuml で構成図かけるのすごい
  • Visual Studio Code ではじめるシーケンス図

    テキストでUMLやシーケンス図、クラス図などを作成できる言語です。 ダイアグラムをテキストで記述できるため、Gitで管理することもできます。 Visual Studio Codeでは、次のようにPlantUMLプレビューでダイアグラムを確認しながら作成できます。 まず、Visual Studio Codeが端末にない人はインストールをしてください。 Visual Studio Code – Code Editing. Redefined また、Javaもインストールが必要となります。 無料Javaソフトウェアをダウンロード インストールが完了したら、Visual Studio Codeで拡張機能としてPlant UMLを追加します。 Marketplaceから「plantuml」と検索してインストールします。 下のリンクからでもインストールできます。 marketplace.visuals

    Visual Studio Code ではじめるシーケンス図
  • 真面目に PlantUML (3) : クラス図

    今回はクラス図(class diagram)について。 クラス図はシステムの構成要素であるクラスを定義しクラス同士の関係を表現したものである。 目次 PlantUML のインストール シーケンス図 クラス図 ← イマココ 実体関連図 クラスの定義 まずはクラスの定義から。 クラスはひとつの「名前」,0個以上の「属性」,0個以上の「操作」で構成され,以下のように表す。 @startuml hide circle class "Class Name" as Class { {field} Attributes {method} Operations } @enduml 抽象クラスの場合は「名前」をイタリック(または斜体)で表す。 PlantUML では abstract を付けることで抽象クラスとして扱われる。 @startuml hide circle abstract class "Abs

    真面目に PlantUML (3) : クラス図
    kiririmode
    kiririmode 2018/12/29
    plantumlでのクラス図の書き方。まとまってる。
  • Redmine で技術仕様書を書こう

    はじめまして! 株式会社 Aiming の土井です! エンジニアをやっております! 今回の開発者ブログでは、情報共有ツールとしての UML の活用方法について、現場での取り組みをご紹介させていただければと思います! 技術仕様書の“図” どうやって書いてますか? 株式会社 Aiming では、プロジェクトの Wiki やバグトラッキングに Redmine をメインに使っています。みなさんも既にご存知だったり、実際にバリバリ活用されていることとおもいます。 また、企画仕様書、技術仕様書などは Redmine の Wiki やエクセルに代表されるオフィススイート等を活用して作成しますが… 図の表現を求められるような仕様書を作る時に、どうやって作成しようか悩んだことはありませんか? 標準ペイントソフトで頑張って作成 オフィススイートに含まれる、ドローツールを使って図を作成、画像吐き出し というケー

    Redmine で技術仕様書を書こう
    kiririmode
    kiririmode 2017/12/24
    このへんと、あとblockdiagまわりは最近どうなんだろ
  • 仕様書にもExcel脱却が求められている - プログラマの思索

    現代は、タスク管理や障害管理だけでなく、仕様書にもExcel脱却が求められている記事があったのでメモ。 ラフなメモ書き。 【参考1】 エクセルで手順書を作るのはきっとやめた方がいい - Qiita (引用開始) ある製品のインストール手順書を作ることになり、参考資料として過去の案件で作ったものをもらったのだが、それはエクセルファイルだった。 どういうものだったかを端的に述べると以下の通り。 目次がない シート名に番号はついていない 各シートにも番号の記載はない 各シートの中身はスクリーンショットの羅列 スクリーンショットについての説明がほぼない 間違った手順のスクリーンショットも混ざっている 操作の結果を確認する手順が漏れているケースがある この時点で大分げんなりするが、具体的に辛い点をあげる。 1. 全体像が掴めない 2. 順番に確信が持てない 3. コマンドの内容やインストール先のディ

    仕様書にもExcel脱却が求められている - プログラマの思索
    kiririmode
    kiririmode 2017/12/24
    仕様書とは別に開発ドキュメントのメンテナビリティ高めるには最初にいかにしてそういう文化とそれを支える仕組みを作り上げるかが勝負だし準備を頑張らねば
  • 1