タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
GitHub、Markdown構文でフローチャートやクラス図、ガントチャートなどのダイアグラムを表示できる「Mermaid」をサポート開始
GitHub、Markdown構文でフローチャートやクラス図、ガントチャートなどのダイアグラムを表示できる「Mermaid」をサポート開始 GitHubは、Markdown構文で記述するとダイアグラムを表示できる「mermaid」のサポートを発表しました。 You can now embed diagrams directly into your Markdown files, Issues and PR comments using Mermaid. Learn more - https://t.co/gfmNOp3HeJ — GitHub (@github) February 14, 2022 Markdown構文とは、テキストを簡単な記号で修飾することにより、HTMLを記述するよりも手軽にハイパーリンクや見出しなどを記述できる記法です（このPubickeyの本文も、ふだんはMarkd
VSCodeでクラス図書けるらしい ので書くための前準備をやっていきましょう。 VSCodeのダウンロード https://code.visualstudio.com/ ここからVSCodeのダウンロードページに飛びます。 左側にあるダウンロードボタンの other platforms を押します。 そしたら各OS用のダウンロードボタンが表示されるので自分のOSに対応したダウンロードボタンを押しましょう。 今回、自分はWindows10を使用しているので User Installerのx64を押します。 そうするとダウンロードが始まります。 VSCodeのインストール 先ほどダウンロードしたファイルをダブルクリックするとインストーラーが起動してインストールが始まります。 最初の画面で同意するを選択して次へ。 次にインストール先を選択する画面が出てくるのでそのまま次へを選択。 (もしインスト
クラス図の構文と機能
クラス図 クラス図は、プログラミング言語で伝統的に採用されている構文を真似て設計されています。 この設計手法は簡潔であるだけでなく、簡潔かつ表現力豊かな表現を作成することができます。さらに、シーケンス図と同じ構文によってクラス間の関係を表現することができ、クラスの相互作用を流動的かつ洞察的に描写するための道を開きます。 構造的な表現や関係的な表現だけでなく、クラス図の構文では、注釈の挿入や色の適用などのさらなる拡張がサポートされており、ユーザーは情報量が多く視覚的に魅力的な図を作成することができます。 図の作成体験を向上させるPlantUML の一般的なコマンドについて、さらに詳しく知ることができます。 @startuml abstract abstract abstract class "abstract class" annotation annotation circle circl
「UMLとはなんですか？」こう質問されたとき、あなたはすぐに回答できるでしょうか？クラス図やシーケンス図といった個別の図を目にしたことはあっても、UMLという言葉が具体的に何を指すのか、ぱっと答えるのは意外に難しいかもしれません。 この記事ではUML（統一モデリング言語）の用語解説からUMLを使うメリット、よく使われる図の種類について解説します。 とくにクライアントとの打ち合わせにおいて、専門用語を正しく相手に伝える能力は重要です。クライアントがIT用語に詳しいとは限りません。そのときに自信をもって説明できるよう、この記事を読んで理解しましょう。 UMLとはUnified Modeling Languageの略語です。日本語では「統一モデリング言語」と呼ばれています。 システムの振る舞いや構造をオブジェクト指向で分析したり設計したりする際、図を用いることで視覚的に把握できるようになり、効果
クラス図の情報量を激増させる線と多重度
「クラス図を書いてある人に説明資料として渡したいが、書いたことがないので何を書いておけば良いのかわからない」という話をした。 「これは大事じゃね」ってことをいくつか話したんだけど、それをさっとまとめて即席ポエムにしちゃおうと思ったのがこれ。 結論 個人的には 線の向き と 多重度 が超大事だと思っている。 線の向きは欲を言えば線の種類まで気をつけると良いと思う。 線の向きと多重度のあるなし 例えば、ある 箱と線だけ の適当な例を用意してみた。 ここから読み取れる 情報量 はどれくらいだろう？ 登場する名詞くらいしかわからない。 これでコードは書けないな？ 多重度 と 線 をちゃんと書いたらどうだろう？ 多重度からわかること 線の端に書いてある*とか0..1のこと。 *は任意数を、n..mは最低 n 最高 m 個を、それぞれ示している。[1] UserはFavoriteをいくつでも登録できる
1.属性名 1の箇所は「属性名」です。属性は、そのクラスが持つ要素を意味しています。今回の「社員」というクラスには、「社員名(名前)」だったり、「社員番号」、「入社日」といった社員に関する属性が入ります。 2.型 2の箇所には、「型」が入ります。型といってもクラスで言う型ではなく、その属性が文字列で表されるか、数値で表すかといった、属性を表現する型が入ります。プログラミングにおいては、intかstringかといった具合ですね。 2の属性は社員番号となるので、文字列型ではなく数値型などにしても問題はありません。 3.初期値 3の箇所には、「初期値」が入っています。こちらは読んで字の通り、最初にあらかじめ入れておく値(デフォルト値)になります。以上の1~3を1行で、 「属性名：型＝初期値」というように記述します。 4.操作名 続いて、クラスの下半分の領域に入ります。4では、そのクラスで行う事の
この記事ではUML（統一モデリング言語）の代表的なもののひとつである「クラス図」について、用語の意味から作成方法、分かりやすく書くコツまで解説します。 用語の意味を正しく理解することは作業の効率化に繋がります。ぜひこの記事で理解を深めてくださいね。 クラス図とは クラス図はUML（統一モデリング言語）のひとつで、特徴は「システムの静的な構造・関係性を視覚的に表現するための図」であることです。 視覚的に表現、というのがポイントです。たとえばシステム開発の仕様書がすべて文字ベースだと、読み解く人はもちろん作成する人も大変な労力です。さらに文字ベースの仕様書だと、システムの抜け漏れにも気付きにくいです。 文字ベースの仕様書に対して、クラス図はシステム間の静的構造・関係性を図で表現したものです。記述ルールも統一されており、汎用性および保守性に優れています。 クラス図のメリット 主に下記の3点がクラ
PHPのソースコードからクラス図をリバースエンジニアリングする php-class-diagram を作りました。
この記事はQiita AdventCalendar 2021 PHPの13日目の記事です。 @smeghead Tiwtterやってます。 きっかけ ソフトウェアを上手く作れるようになりたいという動機で設計に関連する情報収集をしていると、モデル駆動開発の文脈でJIGが紹介されているのを見付けました。 JIG JIGのWikiがあるのですが、どれも素晴しい資料でした。 JIG Wiki ソースコードから設計を可視化する ソースコードのみから設計の意図を読み取るのは難しい 会話を促進する 素早いフィードバックサイクル コードを歪めない JIGが羨ましい。JIGを使えるjavaが羨ましい。 同時進行する設計とコーディング クラスを定義するとビジネスルール関連図が生成される 他のクラスをプロパティに追加すると関連の矢印が描画される 図を見て感じた違和感を即座にソースコードにフィードバックする パッ
VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~ - Qiita
VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~初心者umlVSCode新人プログラマ応援mermaid はじめに Mermaid Graphical EditorというVSCodeの拡張機能にとても感動したので一筆書きました こんな方におすすめ シーケンス図/クラス図/フローチャートをサクッと書きたいけどmermaidとか難しそう 😢 できること VSCode上でポチポチしながらシーケンス図/クラス図/フローチャートを描けるようになる mermaid記法のコードも自動生成されるよ 個人的メリット mermaidの学習コスト0 紙で書くよりも修正しながら書きやすい 導入手順 （簡単7steps） (1) VSCode上で「Mermaid Graphical Editor」という拡張機能をインストールする (2)
実践UML―パターンによる統一プロセスガイド 作者:クレーグ ラーマンピアソンエデュケーションAmazon 目次 目次 はじめに クラス図とは クラス図を作るまでの流れ クラス図を構成する要素 クラス(Class) クラス間の関係と線種 関連(Association) 汎化(Generalization)と特化(Specialization) 実現(Realization) 集約(Aggregation)と合成(Composition) 依存(Dependency) ロール名(Role name) 多重度(Multiplicity) ステレオタイプ(Stereotype) 制約(Constraint) 特殊クラス ロリポップ パッケージ パッケージの定義 パッケージスタイル ネームスペース ノート クラスに対するノート 関係を使ったノート リンクへのノート オブジェクト図 パッケージ図 G
C#のソースコードからPlantUMLのクラス図を生成するツール PlantUmlClassDiagramGenerator 1.3.0 をリリースしました！ - Qiita
C#のソースコードからPlantUMLのクラス図を生成するツール PlantUmlClassDiagramGenerator 1.3.0 をリリースしました！C#.NETPlantUML PlantUmlClassDiagramGenerator 1.3.0 C#のソースコードからPlantUMLのクラス図を生成するツールのversion 1.3.0 をリリースしました！ 本バージョンから、生成元のソースコードに属性を付けることで、出力内容を柔軟に制御できるようになりました。 VSCode Extension Visual Studio Codeの拡張機能としても利用できます！ 属性を使ったカスタマイズ機能の追加 本ライブラリには元々プロパティやフィールドからクラス間の関連を自動生成する機能も付いているのですが、あまり細かい制御ができず使い勝手が良くありませんでした。 そこで、クラスやプロ
VisualStudioCodeで拡張機能のインストールで対応する方法ではなくWindows版VisualStudio2022を使って確認する方法を見ていきましょう クラス図の作成ツールは、標準インストールでは同梱されていません 今回は、ツールのインストール手順から見ていくことにします クラス図を作るためのツールをインストール 必要なツールやコード VisualStudio2022 （C#のインストール）クラスダイアグラム作成ツールサンプル作成のためのプロジェクト（あらかじめ作成しておきましょう） .Net6または.NetFrameworkのどちらでも構いません 今回は、.Net6のコンソールアプリ（TopLevelStatement）で作成しています 複数のクラス、抽象クラス、インターフェースなどがあると確認がしやすいです VisualStudioインストーラーの起動 VisualStu
C#のソースコードからPlantUMLのクラス図を作成するツールのバージョンアップとVS Codeの拡張を公開しました！ - pierre3のブログ
PlantUmlClassDiagramGenerator v1.1.0 以前に作成してGitHubに公開していた、C#のソースコードからPlantUMLのクラス図を作成するツール「PlantUmlClassDiagramGenerator」にプルリクエストが来ていたので、 久しぶりにバージョンアップしました！ 以前の記事 pierre3.hatenablog.com GitHubリポジトリ github.com .Net Core global tools 「.Net Core 化したよ！」というプルリクエストをもらったのをきっかけに、.Net Core global tools として公開しています。 Windows以外のプラットフォームでも.Net Core SDKが入っていれば動きます。インストールも超簡単なので、ぜひお試しを！ www.nuget.org アップデートの内容 オブ
クラスの箱を描く基本クラスの箱を描くには、class キーワードを使用します。 他にも、interface でインタフェース、abstract で抽象クラス、enum で列挙型を定義することができます。
PlantUML クラス図 早見表 - Qiita
PlantUMLでクラス図を描く際よく使う記法をまとめています。 目次 フィールド、メソッドの表現 可視性の定義 Static、Abstract 空のフィールド、メソッドの省略 クラス間の関係 継承 Extension 実装 Implements 集約 Aggregation 構成 Composition 依存 Dependency 内部クラス Inner Class 関係のラベル ラベル、矢印の追加 多重度 パッケージ 参考文献 1. フィールド、メソッドの表現 1. 可視性の定義 可視性は以下で表現します。 - : private # : protected ~ : package private + : public @startuml class ClassA { -fieldA : int #fieldB : String ~methodA() : void +methodB()
PlantUMLのクラス図の書き方まとめ
この記事は、PlantUMLでクラス図を書くときに必要になる情報をまとめたものです。 PlantUMLとは 簡単なコードによる記述でUMLの様々な図が作成できるツールです。 UMLを活用する上での課題である「メンテナンスしていくのが困難」という点を、コードで記述するという手法によって解決することを試みています。 クラス図とは システムの構造をクラスとクラス間の関連で表現する図です。 UMLの中でも代表的な図で、抽象的な概念図から、分析用の図、直接コードに落とし込めるような詳細設計図まで、様々な場面で活用することができます。 例 「インターネット記事投稿サービス」でどういったクラスや関連が必要になりそうかを分析するための図をイメージして作成してみました。 @startuml class ユーザー class 記事 class コメント class マガジン class タグ class ジャ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VSCode(Visual Studio Code)でクラス図を書く方法 - Qiita
UMLとは？書き方とクラス図・シーケンス図など10種の図を解説 | Cacooブログ
【一通り理解しよう】UMLのクラス図の描き方を解説 | 侍エンジニアブログ
クラス図の書き方とは。初心者にもわかりやすく解説 | Cacooブログ
PlantUMLを通じてクラス図の書き方を学ぶ - EurekaMoments
C#のソースコードからクラス図を作成（VisualStudio2022） | ソフトライム
PlantUML でクラス図を作成する
🚀PHPのソースコードからPlantUMLのクラス図を出力するツール php-class-diagram v0.4.0 をリリースしました
pzv.jp
atmarkit.itmedia.co.jp
kijonotakuhaibin.com
news.yahoo.co.jp
mazba.com
www.kobonemi.com