Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62<\/h1>\n
\n Mermaid.js\u306f\u3001Markdown\u5f62\u5f0f\u306e\u30c6\u30ad\u30b9\u30c8\u304b\u3089\u69d8\u3005\u306a\u7a2e\u985e\u306e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u3092\u751f\u6210\u3067\u304d\u308b\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002\u3053\u3053\u3067\u306f\u3001\u4e3b\u8981\u306a\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u6a5f\u80fd\u3067\u3042\u308b\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u3001\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u3001\u30af\u30e9\u30b9\u56f3\u3001\u30b9\u30c6\u30fc\u30c8\u56f3\u3001\u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7\u3001\u8981\u4ef6\u56f3\u3001\u304a\u3088\u3073ER\u56f3\u306b\u304a\u3044\u3066\u5229\u7528\u3067\u304d\u308b\u30ce\u30fc\u30c9\u306e\u56f3\u5f62\u3068\u3001\u305d\u306e\u8a18\u8ff0\u4f8b\u3001\u8aac\u660e\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002\n <\/p>\n\n\n\n\n

\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8 (Graph)<\/h2>\n
\n \u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u306f\u3001\u30d7\u30ed\u30bb\u30b9\u306e\u6d41\u308c\u3084\u30b7\u30b9\u30c6\u30e0\u306e\u52d5\u4f5c\u3092\u8996\u899a\u7684\u306b\u8868\u73fe\u3059\u308b\u969b\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u69d8\u3005\u306a\u56f3\u5f62\u3092\u30ce\u30fc\u30c9\u3068\u3057\u3066\u5229\u7528\u3057\u3001\u30b9\u30c6\u30c3\u30d7\u3084\u6c7a\u5b9a\u70b9\u3092\u793a\u3057\u307e\u3059\u3002\n <\/p>\n

\u30ce\u30fc\u30c9\u56f3\u5f62<\/h3>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\u56f3\u5f62\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u9577\u65b9\u5f62 (Rectangle)<\/td>\n id[\u30c6\u30ad\u30b9\u30c8]<\/code><\/td>\n \u6700\u3082\u57fa\u672c\u7684\u306a\u30ce\u30fc\u30c9\u5f62\u72b6\u3067\u3001\u30d7\u30ed\u30bb\u30b9\u3084\u30b9\u30c6\u30c3\u30d7\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u89d2\u4e38\u9577\u65b9\u5f62 (Rounded Rectangle)<\/td>\n id(\u30c6\u30ad\u30b9\u30c8)<\/code><\/td>\n \u958b\u59cb\u70b9\u3001\u7d42\u4e86\u70b9\u3001\u307e\u305f\u306f\u7279\u5b9a\u306e\u72b6\u614b\u3092\u8868\u3059\u305f\u3081\u306b\u3088\u304f\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u5186 (Circle)<\/td>\n id((\u30c6\u30ad\u30b9\u30c8))<\/code><\/td>\n \u5358\u4e00\u306e\u30a4\u30d9\u30f3\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u307e\u305f\u306f\u30b3\u30cd\u30af\u30bf\u3092\u8868\u3059\u306e\u306b\u4f7f\u308f\u308c\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30b9\u30bf\u30b8\u30a2\u30e0\u578b (Stadium \/ Pill)<\/td>\n id([\u30c6\u30ad\u30b9\u30c8])<\/code><\/td>\n \u30c7\u30fc\u30bf\u30d5\u30a1\u30a4\u30eb\u3084\u958b\u59cb\/\u7d42\u4e86\u30a4\u30d9\u30f3\u30c8\u306b\u3088\u304f\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u5186\u7b52\u578b (Cylindrical)<\/td>\n id(((\u30c6\u30ad\u30b9\u30c8)))<\/code><\/td>\n \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u8868\u3059\u305f\u3081\u306b\u3088\u304f\u4f7f\u308f\u308c\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30b5\u30d6\u30eb\u30fc\u30c1\u30f3\u578b (Subroutine)<\/td>\n id[[\u30c6\u30ad\u30b9\u30c8]]<\/code><\/td>\n \u5225\u306e\u5834\u6240\u3067\u5b9a\u7fa9\u3055\u308c\u305f\u30d7\u30ed\u30bb\u30b9\uff08\u30b5\u30d6\u30eb\u30fc\u30c1\u30f3\uff09\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u516d\u89d2\u5f62 (Hexagon)<\/td>\n id{{\u30c6\u30ad\u30b9\u30c8}}<\/code><\/td>\n \u6e96\u5099\u30b9\u30c6\u30c3\u30d7\u3084\u7279\u5b9a\u306e\u64cd\u4f5c\u3092\u8868\u3059\u306e\u306b\u4f7f\u308f\u308c\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u3072\u3057\u5f62 (Rhombus \/ Diamond)<\/td>\n id{\u30c6\u30ad\u30b9\u30c8}<\/code><\/td>\n \u6c7a\u5b9a\u70b9\u3084\u6761\u4ef6\u5206\u5c90\u3092\u8868\u3057\u307e\u3059\u3002\u306f\u3044\/\u3044\u3044\u3048\u306e\u9078\u629e\u80a2\u304c\u5206\u5c90\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u5e73\u884c\u56db\u8fba\u5f62 (Parallelogram)<\/td>\n id[\/\u30c6\u30ad\u30b9\u30c8\/]<\/code> id[\\\u30c6\u30ad\u30b9\u30c8\\]<\/code><\/td>\n \u30c7\u30fc\u30bf\u306e\u5165\u529b\u307e\u305f\u306f\u51fa\u529b\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u53f0\u5f62 (Trapezoid)<\/td>\n

id[\/\u30c6\u30ad\u30b9\u30c8\\]<\/code> id[\\\u30c6\u30ad\u30b9\u30c8\/]<\/code><\/td>\n

\u624b\u52d5\u64cd\u4f5c\u3084\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u306e\u958b\u59cb\/\u7d42\u4e86\u3092\u8868\u3059\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n

\u77e2\u5370\u306e\u7a2e\u985e<\/h3>\n \n \n \n \n \n \n \n \n \n \n

\u77e2\u5370\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u9589\u3058\u305f\u77e2\u5370 (Arrow head)<\/td>\n A --> B<\/code><\/td>\n \u4e00\u822c\u7684\u306a\u30d5\u30ed\u30fc\u306e\u65b9\u5411\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u958b\u3044\u305f\u77e2\u5370 (Open arrow)<\/td>\n A --- B<\/code><\/td>\n \u5358\u306a\u308b\u63a5\u7d9a\u7dda\u3002\u65b9\u5411\u6027\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/td>\n <\/tr>\n

\u592a\u3044\u77e2\u5370 (Thick arrow)<\/td>\n A ==> B<\/code><\/td>\n \u5f37\u8abf\u3055\u308c\u305f\u30d5\u30ed\u30fc\u306e\u65b9\u5411\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u70b9\u7dda\u77e2\u5370 (Dotted arrow)<\/td>\n A --. B<\/code> A --> B<\/code><\/td>\n \u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30d5\u30ed\u30fc\u3084\u7834\u7dda\u63a5\u7d9a\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30c6\u30ad\u30b9\u30c8\u4ed8\u304d\u77e2\u5370 (Arrow with text)<\/td>\n A -- \u30c6\u30ad\u30b9\u30c8 --> B<\/code><\/td>\n \u77e2\u5370\u306b\u30e9\u30d9\u30eb\u3092\u4ed8\u3051\u3066\u3001\u95a2\u4fc2\u3084\u30a4\u30d9\u30f3\u30c8\u3092\u8aac\u660e\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30ea\u30f3\u30af (Link)<\/td>\n

A --- \u30c6\u30ad\u30b9\u30c8 --- B<\/code><\/td>\n

\u30c6\u30ad\u30b9\u30c8\u4ed8\u304d\u306e\u65b9\u5411\u6027\u306e\u306a\u3044\u63a5\u7d9a\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n\n\n\n

\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3 (Sequence Diagram)<\/h2>\n
\n \u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u306f\u3001\u30b7\u30b9\u30c6\u30e0\u5185\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u9593\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u3084\u308a\u53d6\u308a\u306e\u6642\u9593\u9806\u5e8f\u3092\u8868\u73fe\u3057\u307e\u3059\u3002\u30ce\u30fc\u30c9\u306f\u4e3b\u306b\u300c\u53c2\u52a0\u8005\uff08Participant\uff09\u300d\u3092\u8868\u3057\u307e\u3059\u3002\n <\/p>\n

\u30ce\u30fc\u30c9\u56f3\u5f62<\/h3>\n \n \n \n \n \n \n \n

\u56f3\u5f62\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u53c2\u52a0\u8005 (Participant)<\/td>\n participant \u53c2\u52a0\u8005\u540d<\/code><\/td>\n \u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u306e\u57fa\u672c\u7684\u306a\u8981\u7d20\u3067\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u53d7\u4fe1\u3059\u308b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30a2\u30af\u30bf\u30fc (Actor)<\/td>\n actor \u30a2\u30af\u30bf\u30fc\u540d<\/code><\/td>\n \u53c2\u52a0\u8005\u306e\u4e00\u7a2e\u3067\u3001\u901a\u5e38\u306f\u30b7\u30b9\u30c6\u30e0\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u4eba\u9593\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30dc\u30c3\u30af\u30b9 (Box)<\/td>\n

box \u30dc\u30c3\u30af\u30b9\u540d<\/code><\/td>\n

\u95a2\u9023\u3059\u308b\u53c2\u52a0\u8005\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n

\u77e2\u5370\u306e\u7a2e\u985e<\/h3>\n \n \n \n \n \n \n \n \n \n

\u77e2\u5370\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u5b9f\u7dda\u77e2\u5370 (Solid arrow)<\/td>\n Participant1->Participant2: \u30e1\u30c3\u30bb\u30fc\u30b8<\/code><\/td>\n \u540c\u671f\u30e1\u30c3\u30bb\u30fc\u30b8\u307e\u305f\u306f\u901a\u5e38\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u547c\u3073\u51fa\u3057\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u70b9\u7dda\u77e2\u5370 (Dotted arrow)<\/td>\n Participant2-->Participant1: \u5fdc\u7b54<\/code><\/td>\n \u975e\u540c\u671f\u30e1\u30c3\u30bb\u30fc\u30b8\u3001\u623b\u308a\u30e1\u30c3\u30bb\u30fc\u30b8\u3001\u307e\u305f\u306f\u5fdc\u7b54\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u592a\u3044\u77e2\u5370 (Thick arrow)<\/td>\n Participant1->>Participant2: \u975e\u540c\u671f\u30e1\u30c3\u30bb\u30fc\u30b8<\/code><\/td>\n \u975e\u540c\u671f\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u5b9f\u7dda\u30aa\u30fc\u30d7\u30f3\u77e2\u5370 (Solid open arrow)<\/td>\n Participant1->Participant2: \u30e1\u30c3\u30bb\u30fc\u30b8<\/code> (\u30c7\u30d5\u30a9\u30eb\u30c8)<\/td>\n \u57fa\u672c\u7684\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u9001\u4fe1\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u70b9\u7dda\u30aa\u30fc\u30d7\u30f3\u77e2\u5370 (Dotted open arrow)<\/td>\n

Participant1-->Participant2: \u30e1\u30c3\u30bb\u30fc\u30b8<\/code><\/td>\n

\u57fa\u672c\u7684\u306a\u623b\u308a\u30e1\u30c3\u30bb\u30fc\u30b8\u3084\u975e\u540c\u671f\u306e\u5fdc\u7b54\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n\n\n\n

\u30af\u30e9\u30b9\u56f3 (Class Diagram)<\/h2>\n
\n \u30af\u30e9\u30b9\u56f3\u306f\u3001\u30b7\u30b9\u30c6\u30e0\u306e\u69cb\u9020\u3092\u3001\u30af\u30e9\u30b9\u3001\u5c5e\u6027\u3001\u64cd\u4f5c\u3001\u304a\u3088\u3073\u305d\u308c\u3089\u306e\u95a2\u4fc2\u6027\u306e\u89b3\u70b9\u304b\u3089\u793a\u3057\u307e\u3059\u3002\u30ce\u30fc\u30c9\u306f\u4e3b\u306b\u300c\u30af\u30e9\u30b9\u300d\u305d\u306e\u3082\u306e\u3092\u8868\u3057\u307e\u3059\u3002\n <\/p>\n

\u30ce\u30fc\u30c9\u56f3\u5f62<\/h3>\n \n \n \n \n \n \n \n

\u56f3\u5f62\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u30af\u30e9\u30b9 (Class)<\/td>\n

class \u30af\u30e9\u30b9\u540d {\n    +\u30d5\u30a3\u30fc\u30eb\u30c9: \u578b\n    -\u30e1\u30bd\u30c3\u30c9(): \u623b\u308a\u5024\n}<\/pre>\n                    <\/td>\n

\u5c5e\u6027\uff08\u30d5\u30a3\u30fc\u30eb\u30c9\uff09\u3068\u64cd\u4f5c\uff08\u30e1\u30bd\u30c3\u30c9\uff09\u3092\u6301\u3064\u57fa\u672c\u7684\u306a\u69cb\u9020\u5358\u4f4d\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9 (Interface)<\/td>\n class \u30af\u30e9\u30b9\u540d <<Interface>><\/code><\/td>\n \u64cd\u4f5c\u306e\u96c6\u5408\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u304c\u3001\u5b9f\u88c5\u3092\u6301\u3061\u307e\u305b\u3093\u3002\u901a\u5e38\u3001\u30af\u30e9\u30b9\u540d\u306e\u4e0a\u306b\u300c<<Interface>>\u300d\u306e\u30b9\u30c6\u30ec\u30aa\u30bf\u30a4\u30d7\u3067\u793a\u3055\u308c\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u62bd\u8c61\u30af\u30e9\u30b9 (Abstract Class)<\/td>\n

class \u30af\u30e9\u30b9\u540d <<Abstract>><\/code><\/td>\n

\u62bd\u8c61\u30e1\u30bd\u30c3\u30c9\u3092\u542b\u3080\u3001\u76f4\u63a5\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3067\u304d\u306a\u3044\u30af\u30e9\u30b9\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n

\u77e2\u5370\u306e\u7a2e\u985e<\/h3>\n \n \n \n \n \n \n \n \n \n \n \n

\u77e2\u5370\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u7d99\u627f (Inheritance \/ Generalization)<\/td>\n ClassA --|> ClassB<\/code><\/td>\n \u6c4e\u5316\u95a2\u4fc2\u3092\u793a\u3057\u3001ClassA\u304cClassB\u306e\u30b5\u30d6\u30af\u30e9\u30b9\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u5b9f\u88c5 (Realization)<\/td>\n ClassA --.|> InterfaceB<\/code><\/td>\n \u30af\u30e9\u30b9\u304c\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u95a2\u9023 (Association)<\/td>\n ClassA -- ClassB<\/code><\/td>\n 2\u3064\u306e\u30af\u30e9\u30b9\u9593\u306e\u69cb\u9020\u7684\u306a\u95a2\u4fc2\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u76f4\u63a5\u95a2\u9023 (Directed Association)<\/td>\n ClassA --> ClassB<\/code><\/td>\n \u95a2\u9023\u306b\u65b9\u5411\u6027\u304c\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\uff08ClassA\u304cClassB\u3092\u77e5\u3063\u3066\u3044\u308b\uff09\u3002<\/td>\n <\/tr>\n

\u96c6\u7d04 (Aggregation)<\/td>\n ClassA --o ClassB<\/code><\/td>\n \u5168\u4f53\u3068\u90e8\u5206\u306e\u95a2\u4fc2\u3067\u3001\u90e8\u5206\u304c\u5168\u4f53\u304b\u3089\u72ec\u7acb\u3057\u3066\u5b58\u5728\u3067\u304d\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30b3\u30f3\u30dd\u30b8\u30b7\u30e7\u30f3 (Composition)<\/td>\n ClassA --* ClassB<\/code><\/td>\n \u5168\u4f53\u3068\u90e8\u5206\u306e\u95a2\u4fc2\u3067\u3001\u90e8\u5206\u304c\u5168\u4f53\u306a\u3057\u3067\u306f\u5b58\u5728\u3067\u304d\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u4f9d\u5b58 (Dependency)<\/td>\n

ClassA ..> ClassB<\/code><\/td>\n

\u3042\u308b\u30af\u30e9\u30b9\u304c\u5225\u306e\u30af\u30e9\u30b9\u306b\u4f9d\u5b58\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u304c\u3001\u6c38\u7d9a\u7684\u306a\u95a2\u4fc2\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n\n\n\n

\u30b9\u30c6\u30fc\u30c8\u56f3 (State Diagram)<\/h2>\n
\n \u30b9\u30c6\u30fc\u30c8\u56f3\u306f\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30e9\u30a4\u30d5\u30b5\u30a4\u30af\u30eb\u306b\u304a\u3051\u308b\u72b6\u614b\u3068\u3001\u305d\u308c\u3089\u306e\u72b6\u614b\u9593\u306e\u9077\u79fb\u3092\u793a\u3057\u307e\u3059\u3002\u30ce\u30fc\u30c9\u306f\u300c\u72b6\u614b\u300d\u3092\u8868\u3057\u307e\u3059\u3002\n <\/p>\n

\u30ce\u30fc\u30c9\u56f3\u5f62<\/h3>\n \n \n \n \n \n \n \n \n

\u56f3\u5f62\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u72b6\u614b (State)<\/td>\n state \"\u72b6\u614b\u540d\"<\/code><\/td>\n \u30b7\u30b9\u30c6\u30e0\u306e\u7279\u5b9a\u306e\u72b6\u614b\u3092\u8868\u3059\u57fa\u672c\u7684\u306a\u30ce\u30fc\u30c9\u3067\u3059\u3002<\/td>\n <\/tr>\n

\u958b\u59cb\u72b6\u614b (Start State)<\/td>\n [*]<\/code><\/td>\n \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30e9\u30a4\u30d5\u30b5\u30a4\u30af\u30eb\u306e\u958b\u59cb\u70b9\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u7d42\u4e86\u72b6\u614b (End State)<\/td>\n [*]<\/code><\/td>\n \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30e9\u30a4\u30d5\u30b5\u30a4\u30af\u30eb\u306e\u7d42\u4e86\u70b9\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30b5\u30d6\u72b6\u614b (Substate)<\/td>\n

state \"\u89aa\u72b6\u614b\u540d\" {\n    state \"\u5b50\u72b6\u614b1\"\n    state \"\u5b50\u72b6\u614b2\"\n}<\/pre>\n                    <\/td>\n

\u3088\u308a\u8907\u96d1\u306a\u72b6\u614b\u3092\u793a\u3059\u305f\u3081\u306b\u3001\u4ed6\u306e\u72b6\u614b\u3092\u5185\u90e8\u306b\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n

\u77e2\u5370\u306e\u7a2e\u985e<\/h3>\n \n \n \n \n \n \n

\u77e2\u5370\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u9077\u79fb (Transition)<\/td>\n StateA --> StateB<\/code><\/td>\n \u3042\u308b\u72b6\u614b\u304b\u3089\u5225\u306e\u72b6\u614b\u3078\u306e\u30a4\u30d9\u30f3\u30c8\u99c6\u52d5\u578b\u306e\u9077\u79fb\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30c6\u30ad\u30b9\u30c8\u4ed8\u304d\u9077\u79fb (Transition with text)<\/td>\n

StateA -- \u30a4\u30d9\u30f3\u30c8 --> StateB<\/code><\/td>\n

\u9077\u79fb\u3092\u5f15\u304d\u8d77\u3053\u3059\u30a4\u30d9\u30f3\u30c8\u3084\u6761\u4ef6\u3092\u8aac\u660e\u3059\u308b\u30e9\u30d9\u30eb\u4ed8\u304d\u306e\u9077\u79fb\u3067\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n\n\n\n

\u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7 (Mindmap)<\/h2>\n
\n \u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7\u306f\u3001\u4e2d\u5fc3\u3068\u306a\u308b\u30a2\u30a4\u30c7\u30a2\u304b\u3089\u653e\u5c04\u72b6\u306b\u5e83\u304c\u308b\u5f62\u3067\u60c5\u5831\u3092\u6574\u7406\u3057\u3001\u95a2\u9023\u4ed8\u3051\u308b\u305f\u3081\u306e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u3067\u3059\u3002\u30ce\u30fc\u30c9\u306f\u300c\u30c8\u30d4\u30c3\u30af\u300d\u3092\u8868\u3057\u307e\u3059\u3002\n <\/p>\n

\u30ce\u30fc\u30c9\u56f3\u5f62<\/h3>\n \n \n \n \n \n \n \n \n \n

\u56f3\u5f62\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30c8\u30d4\u30c3\u30af (Default Topic)<\/td>\n (\u30c8\u30d4\u30c3\u30af\u306e\u30c6\u30ad\u30b9\u30c8)<\/code><\/td>\n \u6700\u3082\u4e00\u822c\u7684\u306a\u30c8\u30d4\u30c3\u30af\u5f62\u72b6\u3067\u3001\u89d2\u4e38\u9577\u65b9\u5f62\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u56db\u89d2\u3044\u30c8\u30d4\u30c3\u30af (Square Topic)<\/td>\n [\u30c8\u30d4\u30c3\u30af\u306e\u30c6\u30ad\u30b9\u30c8]<\/code><\/td>\n \u56db\u89d2\u3044\u5f62\u72b6\u306e\u30c8\u30d4\u30c3\u30af\u3067\u3059\u3002<\/td>\n <\/tr>\n

\u4e38\u3044\u30c8\u30d4\u30c3\u30af (Circular Topic)<\/td>\n ((\u30c8\u30d4\u30c3\u30af\u306e\u30c6\u30ad\u30b9\u30c8))<\/code><\/td>\n \u5186\u5f62\u306e\u30c8\u30d4\u30c3\u30af\u3067\u3059\u3002<\/td>\n <\/tr>\n

\u4e8c\u91cd\u89d2\u62ec\u5f27\u30c8\u30d4\u30c3\u30af (Double Bracket Topic)<\/td>\n [[\u30c8\u30d4\u30c3\u30af\u306e\u30c6\u30ad\u30b9\u30c8]]<\/code><\/td>\n \u4e8c\u91cd\u306e\u89d2\u62ec\u5f27\u3067\u56f2\u307e\u308c\u305f\u30c8\u30d4\u30c3\u30af\u3067\u3059\u3002<\/td>\n <\/tr>\n

\u975e\u5bfe\u79f0\u30c8\u30d4\u30c3\u30af (Asymmetric Topic)<\/td>\n

(\u30c8\u30d4\u30c3\u30af\u306e\u30c6\u30ad\u30b9\u30c8]<\/code> [\u30c8\u30d4\u30c3\u30af\u306e\u30c6\u30ad\u30b9\u30c8)<\/code><\/td>\n

\u5de6\u53f3\u3067\u7570\u306a\u308b\u5f62\u72b6\u3092\u6301\u3064\u30c8\u30d4\u30c3\u30af\u3067\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n

\u77e2\u5370\u306e\u7a2e\u985e<\/h3>\n \n \n \n \n \n

\u77e2\u5370\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u63a5\u7d9a (Default Connection)<\/td>\n

\u89aa\u30c8\u30d4\u30c3\u30af --- \u5b50\u30c8\u30d4\u30c3\u30af<\/code><\/td>\n

\u89aa\u30c8\u30d4\u30c3\u30af\u3068\u5b50\u30c8\u30d4\u30c3\u30af\u306e\u9593\u306e\u968e\u5c64\u7684\u306a\u95a2\u4fc2\u3092\u793a\u3057\u307e\u3059\u3002\u901a\u5e38\u3001\u30b7\u30f3\u30d7\u30eb\u3067\u7dda\u72b6\u3067\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n\n\n\n

\u8981\u4ef6\u56f3 (Requirement Diagram)<\/h2>\n
\n \u8981\u4ef6\u56f3\u306f\u3001\u30b7\u30b9\u30c6\u30e0\u306e\u8981\u4ef6\u3068\u305d\u306e\u95a2\u9023\u8981\u7d20\uff08\u6a5f\u80fd\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306a\u3069\uff09\u3092\u8996\u899a\u7684\u306b\u8868\u73fe\u3057\u307e\u3059\u3002\u30ce\u30fc\u30c9\u306f\u3055\u307e\u3056\u307e\u306a\u7a2e\u985e\u306e\u8981\u4ef6\u8981\u7d20\u3092\u8868\u3057\u307e\u3059\u3002\n <\/p>\n

\u30ce\u30fc\u30c9\u56f3\u5f62<\/h3>\n \n \n \n \n \n \n \n \n \n

\u56f3\u5f62\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u8981\u4ef6 (Requirement)<\/td>\n requirement \"\u8981\u4ef6ID\" { ... }<\/code><\/td>\n \u30b7\u30b9\u30c6\u30e0\u306e\u6a5f\u80fd\u7684\u307e\u305f\u306f\u975e\u6a5f\u80fd\u7684\u8981\u4ef6\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u8981\u7d20 (Element)<\/td>\n element \"\u8981\u7d20\u540d\" { ... }<\/code><\/td>\n \u30b7\u30b9\u30c6\u30e0\u5185\u306e\u5177\u4f53\u7684\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3084\u8981\u7d20\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u6a5f\u80fd (Function)<\/td>\n function \"\u6a5f\u80fd\u540d\" { ... }<\/code><\/td>\n \u30b7\u30b9\u30c6\u30e0\u304c\u5b9f\u884c\u3059\u308b\u7279\u5b9a\u306e\u6a5f\u80fd\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9 (Interface)<\/td>\n interface \"\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u540d\" { ... }<\/code><\/td>\n \u30b7\u30b9\u30c6\u30e0\u9593\u306e\u5883\u754c\u3084\u76f8\u4e92\u4f5c\u7528\u306e\u70b9\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30e2\u30b8\u30e5\u30fc\u30eb (Module)<\/td>\n

module \"\u30e2\u30b8\u30e5\u30fc\u30eb\u540d\" { ... }<\/code><\/td>\n

\u95a2\u9023\u3059\u308b\u8981\u7d20\u306e\u8ad6\u7406\u7684\u306a\u30b0\u30eb\u30fc\u30d7\u5316\u3092\u8868\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n

\u77e2\u5370\u306e\u7a2e\u985e<\/h3>\n \n \n \n \n \n \n \n \n \n \n

\u77e2\u5370\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u5305\u542b (Contains)<\/td>\n RequirementA -- contains --> RequirementB<\/code><\/td>\n RequirementA\u304cRequirementB\u3092\u542b\u3080\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u7cbe\u7dfb\u5316 (Refine)<\/td>\n RequirementA -- refines --> RequirementB<\/code><\/td>\n RequirementA\u304cRequirementB\u3092\u3088\u308a\u8a73\u7d30\u306b\u7cbe\u7dfb\u5316\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u30c8\u30ec\u30fc\u30b9 (Traces)<\/td>\n RequirementA -- traces --> RequirementB<\/code><\/td>\n RequirementA\u304cRequirementB\u306b\u7531\u6765\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u691c\u8a3c (Verifies)<\/td>\n TestCase -- verifies --> Requirement<\/code><\/td>\n \u30c6\u30b9\u30c8\u30b1\u30fc\u30b9\u304c\u8981\u4ef6\u3092\u691c\u8a3c\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u6d3e\u751f (Derives)<\/td>\n RequirementA -- derives --> RequirementB<\/code><\/td>\n RequirementB\u304cRequirementA\u304b\u3089\u6d3e\u751f\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u5b9f\u73fe (Satisfies)<\/td>\n

Element -- satisfies --> Requirement<\/code><\/td>\n

\u8981\u7d20\u304c\u8981\u4ef6\u3092\u6e80\u305f\u3059\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n\n\n\n

ER\u56f3 (Entity Relationship Diagram)<\/h2>\n
\n ER\u56f3\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u69cb\u9020\u3092\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3001\u5c5e\u6027\u3001\u304a\u3088\u3073\u305d\u308c\u3089\u306e\u9593\u306e\u95a2\u4fc2\u306e\u89b3\u70b9\u304b\u3089\u8996\u899a\u7684\u306b\u8868\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n

\u30ce\u30fc\u30c9\u56f3\u5f62<\/h3>\n \n \n \n \n \n \n

\u56f3\u5f62\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n

\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3 (Entity)<\/td>\n

erDiagram\n    ENTITY_NAME {\n        VARCHAR(255) id PK\n        VARCHAR(255) name\n        INT age\n    }<\/pre>\n                    <\/td>\n

\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u304a\u3051\u308b\u30c7\u30fc\u30bf\u69cb\u9020\u306e\u4e3b\u8981\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08\u30c6\u30fc\u30d6\u30eb\uff09\u3092\u8868\u3057\u307e\u3059\u3002\u5c5e\u6027\u3068\u305d\u306e\u578b\u3092\u5185\u90e8\u306b\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n

\u5c5e\u6027 (Attribute)<\/td>\n

VARCHAR(255) id PK<\/code> VARCHAR(255) name<\/code><\/td>\n

\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u6301\u3064\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u8868\u3057\u307e\u3059\u3002PK (\u4e3b\u30ad\u30fc) \u3084 FK (\u5916\u90e8\u30ad\u30fc) \u306a\u3069\u306e\u5236\u7d04\u3092\u8a18\u8ff0\u3067\u304d\u307e\u3059\u3002Mermaid\u3067\u306f\u3001\u5c5e\u6027\u81ea\u4f53\u306b\u7279\u5b9a\u306e\u56f3\u5f62\u306f\u306a\u304f\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u5185\u90e8\u306b\u30ea\u30b9\u30c8\u3055\u308c\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n

\u77e2\u5370\u306e\u7a2e\u985e\uff08\u95a2\u4fc2\uff09<\/h3>\n
\n ER\u56f3\u306e\u77e2\u5370\u306f\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u95a2\u4fc2\u3068\u30ab\u30fc\u30c7\u30a3\u30ca\u30ea\u30c6\u30a3\uff08\u591a\u91cd\u5ea6\uff09\u3092\u793a\u3057\u307e\u3059\u3002\n <\/p>\n \n \n \n \n \n \n \n \n \n
\u77e2\u5370\u306e\u7a2e\u985e<\/th>\n \u8a18\u8ff0\u4f8b<\/th>\n \u8aac\u660e<\/th>\n <\/tr>\n <\/thead>\n
\u30bc\u30ed\u307e\u305f\u306f\u4e00 (Zero or One)<\/td>\n `EntityA ||--o| EntityB<\/code> (EntityA\u306e1\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306fEntityB\u306e0\u307e\u305f\u306f1\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u95a2\u9023\u3059\u308b)<\/td>\n` \u7247\u65b9\u304c\u4efb\u610f\u3067\u3001\u3082\u3046\u7247\u65b9\u304c\u6700\u59271\u3064\u3068\u95a2\u9023\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n
\u3061\u3087\u3046\u3069\u4e00 (Exactly One)<\/td>\n `EntityA ||--|| EntityB<\/code> (EntityA\u306e1\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306fEntityB\u306e\u3061\u3087\u3046\u30691\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u95a2\u9023\u3059\u308b)<\/td>\n` \u4e21\u65b9\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u304a\u4e92\u3044\u306b\u6b63\u78ba\u306b1\u3064\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3068\u95a2\u9023\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n
\u30bc\u30ed\u307e\u305f\u306f\u591a (Zero or Many)<\/td>\n `EntityA ||--o{ EntityB<\/code> (EntityA\u306e1\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306fEntityB\u306e0\u307e\u305f\u306f\u591a\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u95a2\u9023\u3059\u308b)<\/td>\n` \u7247\u65b9\u304c\u4efb\u610f\u3067\u3001\u3082\u3046\u7247\u65b9\u304c\u8907\u6570\u3068\u95a2\u9023\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n
\u4e00\u307e\u305f\u306f\u591a (One or Many)<\/td>\n `EntityA ||--|{ EntityB<\/code> (EntityA\u306e1\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306fEntityB\u306e1\u307e\u305f\u306f\u591a\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u95a2\u9023\u3059\u308b)<\/td>\n` \u7247\u65b9\u304c\u5fc5\u9808\u3067\u3001\u3082\u3046\u7247\u65b9\u304c\u8907\u6570\u3068\u95a2\u9023\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/td>\n <\/tr>\n
\u7d50\u5408\u95a2\u4fc2 (Association Relationship)<\/td>\n `CUSTOMER ||--o{ ORDER : has<\/code><\/td>\n` 2\u3064\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u4e00\u822c\u7684\u306a\u95a2\u9023\u3092\u793a\u3057\u3001\u95a2\u4fc2\u540d\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n\n\n
\n \u3053\u306e\u60c5\u5831\u306fMermaid.js\u306e\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u6700\u65b0\u306e\u60c5\u5831\u3084\u8a73\u7d30\u306a\u8a18\u8ff0\u306b\u3064\u3044\u3066\u306f\u3001Mermaid.js\u306e\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/p>\n\n\n\n<\/div>\n<\/body>\n","protected":false},"excerpt":{"rendered":"
Mermaid\u3067\u4f5c\u6210\u3067\u304d\u308b\u30b5\u30a4\u30c8\u3000Mermaid Live Editor (\u516c\u5f0f) Mermaid\u3067\u56f3\u5f62\u3092\u63cf\u3044\u3066\u307f\u305f Mermaid.js \u8a18\u8ff0\u4e8b\u4f8b Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 Merma […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-wide","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1652","page","type-page","status-publish","hentry"],"yoast_head":"\nMermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 - \u306e\u3093\u304d\u306e\u65e5\u8a18<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 - \u306e\u3093\u304d\u306e\u65e5\u8a18\" \/>\n<meta property=\"og:description\" content=\"Mermaid\u3067\u4f5c\u6210\u3067\u304d\u308b\u30b5\u30a4\u30c8\u3000Mermaid Live Editor (\u516c\u5f0f) Mermaid\u3067\u56f3\u5f62\u3092\u63cf\u3044\u3066\u307f\u305f Mermaid.js \u8a18\u8ff0\u4e8b\u4f8b Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 Merma […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652\" \/>\n<meta property=\"og:site_name\" content=\"\u306e\u3093\u304d\u306e\u65e5\u8a18\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-28T16:27:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1004\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1652\",\"url\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1652\",\"name\":\"Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 - \u306e\u3093\u304d\u306e\u65e5\u8a18\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#website\"},\"datePublished\":\"2025-06-28T04:22:44+00:00\",\"dateModified\":\"2025-06-28T16:27:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1652#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1652\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1652#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#website\",\"url\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/\",\"name\":\"\u306e\u3093\u304d\u306e\u65e5\u8a18\",\"description\":\"\u65e5\u5e38\u3067\u3001\u601d\u3063\u305f\u4e8b\u3001\u611f\u3058\u305f\u4e8b\u3092\u8a18\u9332\u3057\u3066\u3044\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#\\\/schema\\\/person\\\/a54ab33d75d0ea64f384d5277bd56ad7\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#\\\/schema\\\/person\\\/a54ab33d75d0ea64f384d5277bd56ad7\",\"name\":\"cbs@nonki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"url\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"contentUrl\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"width\":1004,\"height\":1024,\"caption\":\"cbs@nonki\"},\"logo\":{\"@id\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\"}}]}<\/script>\n","yoast_head_json":{"title":"Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 - \u306e\u3093\u304d\u306e\u65e5\u8a18","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652","og_locale":"ja_JP","og_type":"article","og_title":"Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 - \u306e\u3093\u304d\u306e\u65e5\u8a18","og_description":"Mermaid\u3067\u4f5c\u6210\u3067\u304d\u308b\u30b5\u30a4\u30c8\u3000Mermaid Live Editor (\u516c\u5f0f) Mermaid\u3067\u56f3\u5f62\u3092\u63cf\u3044\u3066\u307f\u305f Mermaid.js \u8a18\u8ff0\u4e8b\u4f8b Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 Merma […]","og_url":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652","og_site_name":"\u306e\u3093\u304d\u306e\u65e5\u8a18","article_modified_time":"2025-06-28T16:27:41+00:00","og_image":[{"url":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","width":1004,"height":1024,"type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"2\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652","url":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652","name":"Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62 - \u306e\u3093\u304d\u306e\u65e5\u8a18","isPartOf":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#website"},"datePublished":"2025-06-28T04:22:44+00:00","dateModified":"2025-06-28T16:27:41+00:00","breadcrumb":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1652#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/www.nonki.coffeebittersweet.net\/"},{"@type":"ListItem","position":2,"name":"Mermaid.js \u5404\u7a2e\u30c0\u30a4\u30a2\u30b0\u30e9\u30e0\u306e\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u306e\u56f3\u5f62"}]},{"@type":"WebSite","@id":"https:\/\/www.nonki.coffeebittersweet.net\/#website","url":"https:\/\/www.nonki.coffeebittersweet.net\/","name":"\u306e\u3093\u304d\u306e\u65e5\u8a18","description":"\u65e5\u5e38\u3067\u3001\u601d\u3063\u305f\u4e8b\u3001\u611f\u3058\u305f\u4e8b\u3092\u8a18\u9332\u3057\u3066\u3044\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002","publisher":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#\/schema\/person\/a54ab33d75d0ea64f384d5277bd56ad7"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nonki.coffeebittersweet.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":["Person","Organization"],"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#\/schema\/person\/a54ab33d75d0ea64f384d5277bd56ad7","name":"cbs@nonki","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","url":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","contentUrl":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","width":1004,"height":1024,"caption":"cbs@nonki"},"logo":{"@id":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png"}}]}},"_links":{"self":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1652"}],"version-history":[{"count":61,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1652\/revisions"}],"predecessor-version":[{"id":1726,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1652\/revisions\/1726"}],"wp:attachment":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}