技術者向けTips: はてなブログでMermaid記法を利用する方法 - はてなブログ開発ブログ
はてなブログ開発ブログでMermaid記法導入の紹介があった。遷移図を見るとどうしたって連想してしまうのが、
id:debedebe 氏の名作「あたしオートマトン」及び『「あたし状態遷移図」、あるいは「あたし約5.2MB」』。
残念ながらはてなグループはサービス終了とともに閲覧できなくなっているもののWebArchiveでは見られる。
web.archive.org
せっかくMermaidで簡単に状態遷移図が書けるようになったのだからプロローグだけでも再現してみたいと思う。
graph TD;
アタシ-->アキ;
アキ-->歳?;
歳?-->23;
23-->まぁ今年で24;
まぁ今年で24-->彼氏?;
彼氏?-->まぁ;
まぁ-->当たり前に;
当たり前に-->いる;
いる-->てか;
てか-->いない訳ないじゃん;
いない訳ないじゃん-->みたいな;
みたいな-->彼氏は;
彼氏は-->普通;
普通-->てか;
てか-->アタシが付き合って;
アタシが付き合って-->あげてる;
あげてる-->みたいな;
みたいな-->付き合って5ヶ月;
付き合って5ヶ月-->彼氏の名前;
彼氏の名前-->トモ;
トモ-->歳?;
歳?-->31歳;
31歳-->多分;
多分-->顔?;
顔?-->まぁ普通;
まぁ普通-->人より目はデカイかな;
人より目はデカイかな-->性格?;
性格?-->まぁ普通;
まぁ普通-->アタシが;
アタシが-->変な男と;
変な男と-->付き合う訳ないし;
付き合う訳ないし-->みたいな;記述自体は結構シンプルにかける。技術者向けTipsとしたが、創作方面でも面白い使い方ができるのじゃないかと思う。いや、でべでべさんが異能すぎるか…。
graph TD;
アタシ-->アキ;
アキ-->歳?;
歳?-->23;
23-->まぁ今年で24;
まぁ今年で24-->彼氏?;
彼氏?-->まぁ;
まぁ-->当たり前に;
当たり前に-->いる;
いる-->てか;
てか-->いない訳ないじゃん;
いない訳ないじゃん-->みたいな;
みたいな-->彼氏は;
彼氏は-->普通;
普通-->てか;
てか-->アタシが付き合って;
アタシが付き合って-->あげてる;
あげてる-->みたいな;
みたいな-->付き合って5ヶ月;
付き合って5ヶ月-->彼氏の名前;
彼氏の名前-->トモ;
トモ-->歳?;
歳?-->31歳;
31歳-->多分;
多分-->顔?;
顔?-->まぁ普通;
まぁ普通-->人より目はデカイかな;
人より目はデカイかな-->性格?;
性格?-->まぁ普通;
まぁ普通-->アタシが;
アタシが-->変な男と;
変な男と-->付き合う訳ないし;
付き合う訳ないし-->みたいな;
