図1：公式クラス図
図2：付箋を追加
図3：左から右へ
図4：一通り書く
図5：クラスの中身
2024.11.14
いまさらNode.jsを知ろう～環境構築も～
2019.12.11
未分類yUMLで描くクラス図(概要)
こんにちは山根です。
健康診断終わったらすぐさまカレーを摂取しました。
今回はyUMLでクラス図を描いていきます。
前回はこれです。
https://www.tcmobile.jp/dev_blog/devtool/yuml%e3%81%a8%e3%81%ae%e9%82%82%e9%80%85%e7%b4%b9%e4%bb%8b%e7%b7%a8/
とりあえず公式ドキュメントで記載してあるやつをそのままコピってきました。(図1)
最初の”付箋”みたいなやつが真っ先に気になりました。
付箋追加してみよう(図2)
横に差し込まれるんですね。色も出ました
お次は”上から下へ”から”左から右へ”の書き方に変えてみましょう
{direction:topDown} → {direction:leftToRight}
おお こうなるんですね(図3)
ドキュメントに書いてある項目を概要として一通り書いてみましょう(図4)
クラスの中身はパイプ( | )で繋げて書くとできます。項目やメソッドの同じセル内への記述はセミコロン( ; )です。(図5)
次回は他の図を見てみましょう
yUML公式ドキュメントはこちら
https://github.com/jaime-olivares/yuml-diagram/wiki
【記事への感想募集中！】
記事への感想・ご意見がありましたら、ぜひフォームからご投稿ください！- こんな記事が読んでみたい、こんなことが知りたい、調べてほしい！という意見も募集中！
- いただいた感想は今後の記事に活かしたいと思います！
【テクノデジタルではエンジニア/デザイナーを積極採用中です！】
下記項目に1つでも当てはまる方は是非、詳細ページへ！- 自分でアプリを作ってみたい
- ITで世の中にワクワクを生み出したい
- 使いやすさ、デザインにこだわったWebサイトを開発したい
Qangaroo（カンガルー）
- 徹底した見やすさと優れた操作性で、テストの「見える化」を実現。
- テストの進捗が見える。開発がスマートに進む。
- クラウド型テスト管理ツール『Qangaroo（カンガルー）』
【テクノデジタルのインフラサービス】
当社では、多数のサービスの開発実績を活かし、
アプリケーションのパフォーマンスを最大限に引き出すインフラ設計・構築を行います。
AWSなどへのクラウド移行、既存インフラの監視・運用保守も承りますので、ぜひご相談ください。
詳細は下記ページをご覧ください。
