Movatterモバイル変換


[0]ホーム

URL:


BLOGTIMES

cles::blog

平常心是道
»ArchiveList (Tag for "uml" )
«Prev ||1 ·| Next»
2022/02/16

GitHub の Markdown で Mermaid が使えるように

github  uml  markdown  diagrameditor 
Mermaid - GitHub の Markdown で Mermaid が使えるように

GitHub の Markdown が Mermaid 形式をサポートするようなのでメモ。

Mermaid は以前、取り上げたPlantUML と同様にフローチャートや UML の画像を生成して埋め込むための DSL です。これでイチイチ画像を生成して Markdown に貼り込む必要がなくなるのでメンテナンスも楽になりますね。

Include diagrams in your Markdown files with Mermaid | The GitHub Blog

Mermaid is a JavaScript based diagramming and charting tool that takes Markdown-inspired text definitions and creates diagrams dynamically in the browser.

Markdown のリポジトリと Live エディタは以下にあります。


    at 19:31 |
    2018/07/26

    9/26 で astah* community の提供が終了に

    uml  eol 

    チェンジビジョンが 9/26 でastah* community の提供が終了になることを告知しています。
    配布終了後もライセンスに従って使い続けられるようですが、インストーラーの再配布は禁じられているので、欲しい場合には提供終了までにダウンロードしておく必要があります。

    astah* community | UMLモデリングツール | Astah

    平素より、弊社製品をご愛用いただきまして誠にありがとうございます。
    2018年9月26日をもちましてastah* communityの提供を終了致しますことをご案内させていただきます。

    JUDE や astah は(Rational ROSEが買えないので)一時期はかなりの人が使っていたと思いますが、現在は UML の普及も一段落していますし、最近はちょっと書くくらいであればCacoo などのサービスも充実してきていますから、無料版で裾野を広げるというのも割に合わなくなっているのかもしれません。


      at 22:43 |
      2018/03/20

      簡単な DSL で UML を書くことができる「PlantUML」

      uml  diagrameditor 
      PlantUML - 簡単な DSL で UML を書くことができる「PlantUML」

      これまでにも DSL を使ってソフトウェア設計のための図式言語を記述できるツールについては「yUML」や「MarkDownDiagram」、「Webgraphviz」などを紹介しましたが、多数の図式言語に対応した「PlantUML」というツールを見つけたのでメモ。

      リアルタイムに動かすことができるオンラインジェネレータも用意されているので、あれこれと試行錯誤しながら作成できるのがいいですね。

      画像の例

      実際の DSL は以下のような感じになっています。

      @startumlskinparam sequenceArrowThickness 2skinparam roundcorner 20skinparam maxmessagesize 60skinparam sequenceParticipant underlineactor Userparticipant "First Class" as Aparticipant "Second Class" as Bparticipant "Last Class" as CUser -> A: DoWorkactivate AA -> B: Create Requestactivate BB -> C: DoWorkactivate CC --> B: WorkDonedestroy CB --> A: Request Createddeactivate BA --> User: Donedeactivate A@enduml

        at 22:03 |
        2018/01/14

        SchemaSpy で DB の構造を ER 図に変換する

        migration  uml 
        SchemaSpy - SchemaSpy で DB の構造を ER 図に変換する

        アプリを作成するときに DB は無くてはならない存在ですが、DB は運用していく中でスキーマに少しずつ変更が加えられていくことがあります。そうなると、ドキュメントとの乖離が生じていて、大きなバージョンアップをしようとしたときにドキュメントが役に立たなくて困るという経験をした開発者も多いと思います。

        それを防ぐことができるのが、このSchemaSpy というツール。
        その名のとおり、DB からスキーマ情報を引っこ抜いて Graphviz 的なもので可視化してくれるという OSS ツールです。

        SchemaSpy

        Document your database simply and easily

        出力は HTML のようなので、CI なんかと組み合わせると良いかもしれないですね。


          at 12:35 |
          2016/06/09

          Markdown 的な表記でER図を描画する Web ツール

          markdown  uml  diagrameditor 
          MarkDownDiagram - Markdown 的な表記でER図を描画する Web ツール

          Markdown っぽい表記をすると、それに対応する ER 図のようなものが書ける Web ツール 「MarkDownDiagram」が面白そうだったのでメモ。確かにこれならばプログラム等で構造を解析するのは楽なので、使いようによってはかなり面白い使い方ができそうですね。


            at 19:12 |
            2011/11/17

            Astah* Professional

            uml  mindmap 
            Astah* Professional - Astah* Professional

            久し振りにastah* professionalを使ってみたら思いのほか機能が増えていたのでメモ。

            astah* professional - ソフトウェア設計支援ツール

            ダイアグラム
             ・UML2.x
               クラス図(オブジェクト図、パッケージ図)、ユースケース図、シーケンス図、アクティビティ図、コミュニケーション図、ステートマシン図、コンポーネント図、配置図、合成構造図
             ・マインドマップ
             ・ER図
             ・フローチャート
             ・CRUD
             ・データフロー図(DFD)
             ・要求テーブル
             ・要求図

            いつの間にかマインドマップとか、DFDのようなUMLでないものまで含まれるようになっていたんですね。

            UML はいろいろな使い方があると思いますが、僕は今のところ UML をコンパイルするような使い方はしていなくて、要は設計用のメモにしか使っていない状態です。紙やホワイトボードの落書きのままだと共有するのに不便なので、電子化することになりますが、そのような清書する用途でこれまで Astah* とつきあってきました。こういう使い方だと無償版のastah* community で十分なので、正直、有償版の professional の機能がどうなっているか全く追いかけていなかったんですよね。いい機会なのでこのさいみっちり使ってキャッチアップしておきたいと思います。


              at 11:16 |
              2011/07/31

              Web上で編集できるVisioのようなツール

              diagrameditor  uml 
              Cacoo - Web上で編集できるVisioのようなツール

              簡単なUMLやネットワーク図を書いたりするときには PPT や Visio を使うのが標準的ですが、他人に配布するとなると困るので、これまでにDiaDynamic Draw のようなツールを探してきましたが、それに並ぶツールとしてオンラインで使うことができるCacooというサービスを見つけたのでメモ。

              Cacoo - Web上で図の作成とリアルタイムコラボレーション - 機能

              Cacooはブラウザだけで誰でも簡単に美しい図を作成することできるサービスです。
              図を共有して複数人で同時編集したり、作成後に公開して利用する可能です。

              TwitterやGoogleとアカウントを連携できるのでアカウントの開設は一瞬でできるようになっています。試しに図を何枚か書いてみましたが、エディタの部分も思ったより良くできているので驚きました。図をエクスポートしたり共同編集エディタとしても使えるようなので、ちょっとしたプロジェクトの場合にはこれで済ませてしまうと、ファイルをメールで添付したりする必要がないので、新しい仕事のやり方ができるかもしれません。

              ただ、無料版は保存できる図が25枚までという制限があるので、本格的に使うには有料版にせざるを得ないですね。
              どこが開発してるのかなと思ったらBacklog と同じヌーラボなのですね。


                at 15:22 |
                2009/05/15

                UML画像を生成するサービス yUML

                uml  diagrameditor 

                ちょっと前にテキストからUML図を生成してくれる『yUML』が良く出来ているというエントリがあったので、ちょっと試してみたのですが確かに良くできています。

                テキストからUML図を生成してくれる『yUML』が良く出来ている - IDEA*IDEA ~ 百式管理人のライフハックブログ ~

                システム開発でUML図をよく書く人には便利そうなツールのご紹介。yUMLを使えばテキストからUML図をさくっと生成することができます。

                フォームから入力して図を生成、自在に貼り付けることもできますが、秀逸なのはSimpleAPIちっくにimgタグに直接記述できる点。良く出来ていますね。

                ノード同士の関係を列挙してあげると、レイアウトは自動的に設定してくれるようです。

                 - UML画像を生成するサービス yUML
                http://yuml.me/diagram/scruffy/class/[CustomerRegistory]<>1-0..*>[Customer],[Customer]1-0..*>[Address]

                JUDEとかを使うまでもない時に重宝しそうです。


                  at 23:42 |
                  2005/05/26

                  UML モデリングのエッセンス 第3版

                  objectoriented  uml  softwareengineering 
                  UML モデリングのエッセンス 第3版 (Object Oriented SELECTION)

                  実はまだ持っていなかったので、第2版を先週買ってしまいました。

                  モデリングについての本でこのボリュームにまとまっているのが非常に助かります。
                  初級~中級向けみたいな書き方ですけど、見た目よりはレベルが高めな気がします。

                  [UML モデリングのエッセンス 第3版 の続きを読む]

                    at 23:19 |
                    «Prev ||1 ·| Next»
                    »ArchiveList (Tag for "uml" )
                    Copyright © 2004-2023 by CLES All Rights Reserved.
                    サイト内検索
                    検索ワードランキング
                    貸金庫 審査
                    銀行で貸金庫を借りてみた
                    Photo
                    ポスチャーフィット部品検査着ポテトなど生レモン尽くしスカッシュ正常に受付が完了しました財産債務調書バレット食道2024 年度 基盤研究(C)(一般) blog.cles.jpCelestica Seastone DX010ポスチャーフィットの割れ母子健康手帳 省令様式アーロンチェアのワイヤー新型コロナワクチン接種証明書アプリ冥銭
                    へぇが多いエントリ
                    閲覧数が多いエントリ
                    1 .アーロンチェアのポスチャーフィットを修理(99660)
                    2 .年次の人間ドックへ(99077)
                    3 .福岡銀がデマの投稿者への刑事告訴を検討中(99066)
                    4 .三菱鉛筆がラミーを買収(98676)
                    5 .2023 年分の確定申告完了!(1つめ)(98645)
                    最新のエントリ
                    cles::blogについて
                    誰が書いてる?
                    最近行った場所
                    サイトポリシー
                    タグ一覧
                    検索ワードランキング

                    カテゴリ別エントリ
                    Referrers

                      Powered by CLES
                      Nucleus CMS v3.31SP3/w memcached
                      21374337(W:4962 Y:1545 T:0156)
                      cles::blogのはてなブックマーク数
                      benchmark


                      [8]ページ先頭

                      ©2009-2025 Movatter.jp