{"id":18425,"date":"2020-03-05T08:50:37","date_gmt":"2020-03-04T23:50:37","guid":{"rendered":"https:\/\/www.agent-grow.com\/self20percent\/?p=18425"},"modified":"2020-03-04T14:19:26","modified_gmt":"2020-03-04T05:19:26","slug":"%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%88%e3%81%86%ef%bc%81vscodemermaid","status":"publish","type":"post","link":"https:\/\/www.agent-grow.com\/self20percent\/2020\/03\/05\/%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%88%e3%81%86%ef%bc%81vscodemermaid\/","title":{"rendered":"\u4f7f\u3063\u3066\u307f\u3088\u3046\uff01VSCode+mermaid"},"content":{"rendered":"<h2>mermaid\u3068\u306f<\/h2>\n<p>\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u7b49\u306e\u7d75\u3092\u30b3\u30fc\u30c9\u304b\u3089\u4f5c\u6210\u3067\u304d\u308b\u3001JavaScript\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059\u3002<\/p>\n<p>\u2026\u2026\u3068\u306f\u3044\u3048\u666e\u6bb5JS\u306b\u89e6\u308c\u308b\u3053\u3068\u304c\u306a\u3044\u306e\u3067\u30ef\u30bf\u30af\u30b7\u306fVSCode+Markdown\u3067\u66f8\u3044\u3066\u307e\u3059\u3002<\/p>\n<p>\u3061\u3087\u3063\u3068\u3057\u305f\u30bf\u30b9\u30af\u3084\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u51e6\u7406\u3092\u4ed6\u306e\u4eba\u306b\u30ec\u30af\u30c1\u30e3\u30fc\u3057\u305f\u308a\u5f15\u304d\u7d99\u3044\u3060\u308a\u3059\u308b\u3068\u304d\u306b\u3001\u8aac\u660e\u3057\u3064\u3064\u30b5\u30b5\u30c3\u3068\u624b\u3092\u52a0\u3048\u3066\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u304d\u308b\u306e\u304c\u826f\u3044\u306a\uff5e\uff01\u3063\u3066\u601d\u3063\u3066\u307e\u3059\u3002<\/p>\n<p>\u306a\u304a\u3001\u3053\u306e\u8a18\u4e8b\u3067\u306f\u30b0\u30e9\u30d5\u306e\u5f62\u306a\u3069\u3001\u304a\u4f5c\u6cd5\u7684\u306a\u7b87\u6240\u306f\u7121\u8996\u3057\u3066\u307e\u3059\u3057\u8a18\u8f09\u3057\u307e\u305b\u3093\u3002<\/p>\n<h3>\u95a2\u9023\u30b5\u30a4\u30c8\u69d8\u3067\u3059\uff01<\/h3>\n<p><a href=\"https:\/\/github.com\/mermaid-js\/mermaid\" target=\"_blank\" rel=\"noopener noreferrer\">\u958b\u767a \u69d8<\/a><br \/>\n<a href=\"https:\/\/mermaid-js.github.io\/mermaid\/#\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb \u69d8<\/a><\/p>\n<h2>\u74b0\u5883\u306e\u6e96\u5099\u30fb\u8aac\u660e<\/h2>\n<ol>\n<li>VSCode\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059<\/li>\n<li>\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u300cMarkdown Preview Mermaid Support\u300d\u3092\u3044\u308c\u307e\u3059<\/li>\n<\/ol>\n<p>\u88dc\u8db3\u3067\u3059\u304c\u3001Markdown\u3092\u4f7f\u3046\u306a\u3089\u4ee5\u4e0b\u3082\u5165\u308c\u3066\u304a\u304f\u3068\u4fbf\u5229\u3060\u3068\u601d\u3044\u307e\u3059\u3002\uff08\u4ed6\u306b\u3082\u304a\u3059\u3059\u3081\u3042\u308c\u3070\u8ab0\u304b\u6559\u3048\u3066\uff01\uff09<\/p>\n<ol>\n<li>Markdown All in One<span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_1');\" onkeypress=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_1');\" ><sup id=\"footnote_plugin_tooltip_18425_1_1\" class=\"footnote_plugin_tooltip_text\">1)<\/sup><\/a><span id=\"footnote_plugin_tooltip_text_18425_1_1\" class=\"footnote_tooltip\">Markdown\u306e\u3044\u308d\u3044\u308d\u306a\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u304c\u542b\u307e\u308c\u3066\u3044\u308b<\/span><\/span><script type=\"text\/javascript\"> jQuery('#footnote_plugin_tooltip_18425_1_1').tooltip({ tip: '#footnote_plugin_tooltip_text_18425_1_1', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [10, 10], });<\/script><\/li>\n<li>Markdown PDF<span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_2');\" onkeypress=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_2');\" ><sup id=\"footnote_plugin_tooltip_18425_1_2\" class=\"footnote_plugin_tooltip_text\">2)<\/sup><\/a><span id=\"footnote_plugin_tooltip_text_18425_1_2\" class=\"footnote_tooltip\">\u30d7\u30ec\u30d3\u30e5\u30fc\u3092PDF\u3084\u753b\u50cf\u306b\u51fa\u529b\u3067\u304d\u308b<\/span><\/span><script type=\"text\/javascript\"> jQuery('#footnote_plugin_tooltip_18425_1_2').tooltip({ tip: '#footnote_plugin_tooltip_text_18425_1_2', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [10, 10], });<\/script><\/li>\n<li>Excel to Markdown table<span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_3');\" onkeypress=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_3');\" ><sup id=\"footnote_plugin_tooltip_18425_1_3\" class=\"footnote_plugin_tooltip_text\">3)<\/sup><\/a><span id=\"footnote_plugin_tooltip_text_18425_1_3\" class=\"footnote_tooltip\">Excel\u304b\u3089Markdown\u306e\u30c6\u30fc\u30d6\u30eb\u5f62\u5f0f\u3067\u8cbc\u308a\u4ed8\u3051\uff01<\/span><\/span><script type=\"text\/javascript\"> jQuery('#footnote_plugin_tooltip_18425_1_3').tooltip({ tip: '#footnote_plugin_tooltip_text_18425_1_3', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [10, 10], });<\/script><\/li>\n<li>Paste Image<span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_4');\" onkeypress=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_4');\" ><sup id=\"footnote_plugin_tooltip_18425_1_4\" class=\"footnote_plugin_tooltip_text\">4)<\/sup><\/a><span id=\"footnote_plugin_tooltip_text_18425_1_4\" class=\"footnote_tooltip\">\u753b\u50cf\u3092\u8cbc\u308a\u4ed8\u3051\uff01\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u753b\u50cf\u304c\u898b\u308c\u308b\uff01<\/span><\/span><script type=\"text\/javascript\"> jQuery('#footnote_plugin_tooltip_18425_1_4').tooltip({ tip: '#footnote_plugin_tooltip_text_18425_1_4', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [10, 10], });<\/script><\/li>\n<\/ol>\n<p>\u3053\u3093\u306a\u611f\u3058\u306b\u305a\u3089\u305a\u3089\u5165\u308c\u3061\u3083\u3044\u307e\u3059\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"18426\" data-permalink=\"https:\/\/www.agent-grow.com\/self20percent\/2020\/03\/05\/%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%88%e3%81%86%ef%bc%81vscodemermaid\/merm_01\/\" data-orig-file=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_01.png\" data-orig-size=\"560,527\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"merm_01\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_01.png\" class=\"aligncenter wp-image-18426 size-full\" src=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_01.png\" alt=\"\" width=\"560\" height=\"527\" srcset=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_01.png 560w, https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_01-300x282.png 300w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/p>\n<p>\u300cMarkdown Preview Enhanced\u300d\u306a\u3069\u306e\u300c\u30d7\u30ec\u30d3\u30e5\u30fc\u304c\u3061\u3087\u3063\u3068\u3044\u3044\u611f\u3058\u306b\u898b\u3048\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u300d\u306f\u76f8\u6027\u304c\u60aa\u3044\u306e\u304b\u3046\u307e\u304f\u8868\u793a\u51fa\u6765\u306a\u3044\u3053\u3068\u3082\u3042\u308b\u306e\u3067\u3001\u500b\u4eba\u7684\u306b\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u306e\u307b\u3046\u304c\u826f\u3044\u306a\u3063\u3066\u601d\u3044\u307e\u3059\u3002<\/p>\n<h2>\u3055\u3041\u3001\u306f\u3058\u3081\u3088\u3046<\/h2>\n<p>mermaid+VSCode\u3067\u3067\u304d\u308b\u306e\u306f<\/p>\n<ul>\n<li>\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8<\/li>\n<li>\u30af\u30e9\u30b9\u56f3<\/li>\n<li>\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/li>\n<li>\u72b6\u614b\u9077\u79fb\u56f3<\/li>\n<li>\u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8<\/li>\n<li>\u5186\u30b0\u30e9\u30d5<\/li>\n<\/ul>\n<p>\u3068\u306e\u3053\u3068\u3002<\/p>\n<p>\u30ac\u30f3\u30c8\u3068\u304b\u306f\u6d41\u77f3\u306b\u30c4\u30fc\u30eb\u3067\u3084\u3063\u305f\u307b\u3046\u304c\u826f\u3044\u3068\u601d\u3044\u307e\u3059\u3057\u3001\u30b1\u30fc\u30b9\u30d0\u30a4\u30b1\u30fc\u30b9\u3067\u3057\u3087\u3046\u3002\u3002\u3002<\/p>\n<p>Git\u30b3\u30df\u30c3\u30c8\u30b0\u30e9\u30d5\u3082\u8a66\u9a13\u7684\u306b\u4f7f\u3048\u308b\u307f\u305f\u3044\u3067\u3059\u304c\u3001\u3053\u308c\u307e\u305f\u4f7f\u3044\u6240\u304c\u5fae\u5999\u3068\u3044\u3046\u304b\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u306a\u6c17\u304c\u3057\u307e\u3059\u306d\u3002<\/p>\n<p>\u3068\u3044\u3046\u3053\u3068\u3067\u307e\u305a\u306f\u57fa\u672c\u306e\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\n<h3>\u304b\u3093\u305f\u3093\u306a\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8<\/h3>\n<p>\u3063\u3066\u3053\u3068\u3067\u3069\u3093\u3002\u30b3\u30fc\u30c9\u304c\u3053\u3061\u3089\u3002<\/p>\n<blockquote><p>&#96;&#96;&#96;mermaid<br \/>\ngraph TD<\/p>\n<p>%% Git\u304b\u3089Pull\u3057\u3066\u30d3\u30eb\u30c9\u3057\u3066\u554f\u984c\u306a\u3051\u308c\u3070\u30c7\u30d7\u30ed\u30a4\u3059\u308b<br \/>\nStart &#8211;&gt; Pull(Git Repo \u304b\u3089 Pull)<br \/>\nPull &#8211;&gt; Build{\u30d3\u30eb\u30c9\u5b9f\u65bd}<br \/>\nBuild &#8211;&gt; Noerror(\u30a8\u30e9\u30fc\u306a\u3057)<br \/>\nBuild &#8211;&gt; Error(\u30a8\u30e9\u30fc)<br \/>\nNoerror &#8211;&gt; Deploy(\u30c7\u30d7\u30ed\u30a4\u5b9f\u65bd)<br \/>\nError &#8212; \u5931\u6557\u3057\u305f\u306e\u3067\u4fee\u6b63\u3057\u3066 &#8211;&gt; Pull<br \/>\nDeploy &#8211;&gt; End<br \/>\n&#96;&#96;&#96;<\/p><\/blockquote>\n<ol>\n<li>\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af(\u30d0\u30c3\u30af\u30b9\u30e9\u30c3\u30b7\u30e53\u3064)\u3067mermaid\u3092\u6307\u5b9a\u3057\u307e\u3059<\/li>\n<li>\u6700\u521d\u306e\u300cgraph\u300d\u306f\u300c\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u3067\u3059\u3088\u30fc\u300d\u3068\u3044\u3046\u5ba3\u8a00<\/li>\n<li>\u300cTD\u300d\u306f\u300c\u4e0a\u304b\u3089\u4e0b\u3078\u306e\u30d5\u30ed\u30fc\u3067\u3059\u3088\u30fc\u300d\u3068\u3044\u3046\u5ba3\u8a00<span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_5');\" onkeypress=\"footnote_moveToReference_18425_1('footnote_plugin_reference_18425_1_5');\" ><sup id=\"footnote_plugin_tooltip_18425_1_5\" class=\"footnote_plugin_tooltip_text\">5)<\/sup><\/a><span id=\"footnote_plugin_tooltip_text_18425_1_5\" class=\"footnote_tooltip\">\u5de6\u304b\u3089\u53f3\u306e\u300cLR\u300d\u306a\u3069\u3082\u3042\u308b<\/span><\/span><script type=\"text\/javascript\"> jQuery('#footnote_plugin_tooltip_18425_1_5').tooltip({ tip: '#footnote_plugin_tooltip_text_18425_1_5', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [10, 10], });<\/script><\/li>\n<li>\u300c%%\u300d\u304b\u3089\u59cb\u307e\u308b\u7b87\u6240\u306f\u30b3\u30e1\u30f3\u30c8<\/li>\n<li>\u300cStart\u300d\u306a\u3069\u306f\u72b6\u614b\u3092\u793a\u3059\u8868\u793a\u5909\u6570\u307f\u305f\u3044\u306a\u3082\u306e<br \/>\n\u30c6\u30ad\u30b9\u30c8\u304c\u3042\u308b\u5834\u5408\u306f\u30ab\u30c3\u30b3\u3067\u56f2\u3044\u307e\u3059<\/li>\n<li>\u300c&#8211;&gt;\u300d\u306f\u65b9\u5411\u3002\u300c&#8211; \u307b\u3052\u307b\u3052 &#8211;&gt;\u300d\u3067\u77e2\u5370\u306b\u30c6\u30ad\u30b9\u30c8\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059<\/li>\n<li>\u300c\u30ab\u30c3\u30b3\u300d\u306e\u7a2e\u985e\u3067\u56db\u89d2\u3060\u3063\u305f\u308a\u6955\u5186\u3060\u3063\u305f\u308a\u3068\u3044\u308d\u3044\u308d\u306a\u5f62\u3092\u4f5c\u308c\u307e\u3059<\/li>\n<\/ol>\n<p>\u305d\u3057\u3066\u3053\u308c\u3092\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u307f\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u300cCtrl+Shift+V\u300d\u3067\u3059\uff01<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"18427\" data-permalink=\"https:\/\/www.agent-grow.com\/self20percent\/2020\/03\/05\/%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%88%e3%81%86%ef%bc%81vscodemermaid\/merm_02\/\" data-orig-file=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_02.png\" data-orig-size=\"378,665\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"merm_02\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_02.png\" class=\"alignnone size-full wp-image-18427\" src=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_02.png\" alt=\"\" width=\"378\" height=\"665\" srcset=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_02.png 378w, https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_02-171x300.png 171w\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" \/><\/p>\n<p>\u3069\u3046\u3067\u3057\u3087\u3046\uff1f\u305d\u308c\u306a\u308a\u306b\u3044\u3044\u611f\u3058\u306b\u307f\u3048\u307e\u305b\u3093\uff1f<\/p>\n<h3>\u304b\u3093\u305f\u3093\u306a\u72b6\u614b\u9077\u79fb\u56f3<\/h3>\n<p>\u7d9a\u3044\u3066\u72b6\u614b\u9077\u79fb\u56f3\u3067\u3059\u3002<\/p>\n<blockquote><p>\n&#96;&#96;&#96;mermaid<br \/>\nstateDiagram<br \/>\n    \u30d7\u30e9\u30f3 &#8211;&gt; Do<br \/>\n    Do &#8211;&gt; Check<br \/>\n    Check &#8211;&gt; Act<br \/>\n    Act &#8211;&gt; \u30d7\u30e9\u30f3<\/p>\n<p>%% \u9077\u79fb\u3057\u305f\u5148\u3067\u306e\u51e6\u7406\u3092\u8a18\u8f09<br \/>\n    state Check{<br \/>\n        Chack1 &#8211;&gt; Check2 : OK<br \/>\n        Check2 &#8211;&gt; Done : OK<br \/>\n        Check2 &#8211;&gt; Esca : NG<br \/>\n    }<br \/>\n&#96;&#96;&#96;<\/p><\/blockquote>\n<p>\u65e5\u672c\u8a9e\u3082\u4f7f\u3048\u307e\u3059\u304c\u3001\u30b9\u30da\u30fc\u30b9\u3068\u304b\u542b\u3081\u308b\u3068\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u6b63\u3057\u304f\u8868\u793a\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"18428\" data-permalink=\"https:\/\/www.agent-grow.com\/self20percent\/2020\/03\/05\/%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%88%e3%81%86%ef%bc%81vscodemermaid\/merm_03\/\" data-orig-file=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_03.png\" data-orig-size=\"583,739\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"merm_03\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_03.png\" class=\"alignnone size-full wp-image-18428\" src=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_03.png\" alt=\"\" width=\"583\" height=\"739\" srcset=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_03.png 583w, https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_03-237x300.png 237w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/p>\n<p>\u3069\u3046\u3067\u3059\u304b\u306d\uff1f\u72b6\u614b\u306e\u59cb\u307e\u308a\u3068\u304b\u7d42\u308f\u308a\u3092\u7121\u8996\u3057\u305f\u56f3\u3067\u3059\u304c\u5272\u3068\u6c17\u306b\u5165\u3063\u3066\u307e\u3059\u3002<\/p>\n<h3>\u304b\u3093\u305f\u3093\u306a\u5186\u30b0\u30e9\u30d5<\/h3>\n<p>\u3042\u3093\u307e\u308a\u4f7f\u3046\u3053\u3068\u306f\u306a\u3055\u305d\u3046\u306a\u6c17\u306f\u3066\u3044\u308b\u3057\u3001\u3068\u308a\u3042\u3048\u305a\u8f09\u305b\u3066\u307f\u307e\u3057\u305f\u304c\u5186\u30b0\u30e9\u30d5\u3002<\/p>\n<blockquote><p>&#96;&#96;&#96;mermaid<br \/>\npie<br \/>\n&#8220;\u3044\u306c&#8221; : 110<br \/>\n&#8220;\u306d\u3053&#8221; : 222<br \/>\n&#8220;\u304b\u306b&#8221; : 15<br \/>\n&#96;&#96;&#96;<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"18429\" data-permalink=\"https:\/\/www.agent-grow.com\/self20percent\/2020\/03\/05\/%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%88%e3%81%86%ef%bc%81vscodemermaid\/merm_04\/\" data-orig-file=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_04.png\" data-orig-size=\"935,553\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"merm_04\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_04.png\" class=\"alignnone size-full wp-image-18429\" src=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_04.png\" alt=\"\" width=\"935\" height=\"553\" srcset=\"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_04.png 935w, https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_04-300x177.png 300w, https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/merm_04-768x454.png 768w\" sizes=\"auto, (max-width: 935px) 100vw, 935px\" \/><\/p>\n<p>\u3053\u308c\u306f\u3042\u3093\u307e\u308a\u30e1\u30ea\u30c3\u30c8\u3092\u611f\u3058\u3066\u307e\u305b\u3093\uff57<\/p>\n<h2>\u7d42\u308f\u308a\u306b<\/h2>\n<p>\u3056\u3056\u3056\u3063\u3068\u3044\u304d\u307e\u3057\u305f\u304c\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n<p>\u9014\u4e2d\u3067\u3055\u3089\u3063\u3068\u7d39\u4ecb\u3057\u305f\u300cMarkdown PDF\u300d\u3092\u4f7f\u3048\u3070PDF\u3060\u3051\u3058\u3083\u306a\u304f\u3001jpg\u3084png\u306a\u3069\u306b\u3082\u51fa\u529b\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u500b\u4eba\u7684\u306b\u306f\u7d30\u304b\u3044\u3068\u3053\u308d\u307e\u3067\u3084\u308d\u3046\u3068\u3059\u308b\u3068\u6d41\u77f3\u306b\u3061\u3087\u3063\u3068\u96e3\u3057\u3044\u304b\u306a\u3041\u30fb\u30fb\u30fb\u3067\u3082VSCode\u306a\u3089\u4e00\u62ec\u5909\u63db\u3082\u3067\u304d\u3066\u7c21\u5358\u3060\u306a\u3041\uff5e\uff01<\/p>\n<p>\u305d\u3082\u305d\u3082\u7121\u6599\u3067\u3053\u308c\u3060\u3051\u3067\u304d\u308c\u3070\u5341\u5206\u3058\u3083\u306a\u3044\uff01\uff1f<\/p>\n<p>\u30b1\u30fc\u30b9\u30d0\u30a4\u30b1\u30fc\u30b9\u3067\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u30b5\u30b5\u30b5\u30c3\u3068\u304d\u308c\u3044\u3081\u306a\u56f3\u3092\u4f5c\u308c\u3066\u8aac\u660e\u3067\u304d\u308b\u306e\u3067\u3001\u4fbf\u5229\u306b\u611f\u3058\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n<p>\u5f15\u304d\u7d99\u304e\u304c\u6357\u308a\u307e\u3059\u306d(<em>\u00b4\u8278\uff40<\/em>)<\/p>\n<p>\u305d\u308c\u3067\u306f\uff01<\/p>\n<div class=\"speaker-mute footnotes_reference_container\"> <div class=\"footnote_container_prepare\"><p><span role=\"button\" tabindex=\"0\" class=\"footnote_reference_container_label pointer\" onclick=\"footnote_expand_collapse_reference_container_18425_1();\">\u6ce8\u8a33\u306f\u3053\u3061\u3089<\/span><span role=\"button\" tabindex=\"0\" class=\"footnote_reference_container_collapse_button\" style=\"display: none;\" onclick=\"footnote_expand_collapse_reference_container_18425_1();\">[<a id=\"footnote_reference_container_collapse_button_18425_1\">+<\/a>]<\/span><\/p><\/div> <div id=\"footnote_references_container_18425_1\" style=\"\"><table class=\"footnotes_table footnote-reference-container\"><caption class=\"accessibility\">\u6ce8\u8a33\u306f\u3053\u3061\u3089<\/caption> <tbody> \r\n\r\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\"  onclick=\"footnote_moveToAnchor_18425_1('footnote_plugin_tooltip_18425_1_1');\"><a id=\"footnote_plugin_reference_18425_1_1\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">&#8593;<\/span>1<\/a><\/th> <td class=\"footnote_plugin_text\">Markdown\u306e\u3044\u308d\u3044\u308d\u306a\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u304c\u542b\u307e\u308c\u3066\u3044\u308b<\/td><\/tr>\r\n\r\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\"  onclick=\"footnote_moveToAnchor_18425_1('footnote_plugin_tooltip_18425_1_2');\"><a id=\"footnote_plugin_reference_18425_1_2\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">&#8593;<\/span>2<\/a><\/th> <td class=\"footnote_plugin_text\">\u30d7\u30ec\u30d3\u30e5\u30fc\u3092PDF\u3084\u753b\u50cf\u306b\u51fa\u529b\u3067\u304d\u308b<\/td><\/tr>\r\n\r\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\"  onclick=\"footnote_moveToAnchor_18425_1('footnote_plugin_tooltip_18425_1_3');\"><a id=\"footnote_plugin_reference_18425_1_3\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">&#8593;<\/span>3<\/a><\/th> <td class=\"footnote_plugin_text\">Excel\u304b\u3089Markdown\u306e\u30c6\u30fc\u30d6\u30eb\u5f62\u5f0f\u3067\u8cbc\u308a\u4ed8\u3051\uff01<\/td><\/tr>\r\n\r\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\"  onclick=\"footnote_moveToAnchor_18425_1('footnote_plugin_tooltip_18425_1_4');\"><a id=\"footnote_plugin_reference_18425_1_4\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">&#8593;<\/span>4<\/a><\/th> <td class=\"footnote_plugin_text\">\u753b\u50cf\u3092\u8cbc\u308a\u4ed8\u3051\uff01\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u753b\u50cf\u304c\u898b\u308c\u308b\uff01<\/td><\/tr>\r\n\r\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\"  onclick=\"footnote_moveToAnchor_18425_1('footnote_plugin_tooltip_18425_1_5');\"><a id=\"footnote_plugin_reference_18425_1_5\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">&#8593;<\/span>5<\/a><\/th> <td class=\"footnote_plugin_text\">\u5de6\u304b\u3089\u53f3\u306e\u300cLR\u300d\u306a\u3069\u3082\u3042\u308b<\/td><\/tr>\r\n\r\n <\/tbody> <\/table> <\/div><\/div><script type=\"text\/javascript\"> function footnote_expand_reference_container_18425_1() { jQuery('#footnote_references_container_18425_1').show(); jQuery('#footnote_reference_container_collapse_button_18425_1').text('\u2212'); } function footnote_collapse_reference_container_18425_1() { jQuery('#footnote_references_container_18425_1').hide(); jQuery('#footnote_reference_container_collapse_button_18425_1').text('+'); } function footnote_expand_collapse_reference_container_18425_1() { if (jQuery('#footnote_references_container_18425_1').is(':hidden')) { footnote_expand_reference_container_18425_1(); } else { footnote_collapse_reference_container_18425_1(); } } function footnote_moveToReference_18425_1(p_str_TargetID) { footnote_expand_reference_container_18425_1(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } } function footnote_moveToAnchor_18425_1(p_str_TargetID) { footnote_expand_reference_container_18425_1(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } }<\/script>","protected":false},"excerpt":{"rendered":"<p>mermaid\u3068\u306f \u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u7b49\u306e\u7d75\u3092\u30b3\u30fc\u30c9\u304b\u3089\u4f5c\u6210\u3067\u304d\u308b\u3001JavaScript\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059\u3002 \u2026\u2026\u3068\u306f\u3044\u3048\u666e\u6bb5JS\u306b\u89e6\u308c\u308b\u3053\u3068\u304c\u306a\u3044\u306e\u3067\u30ef\u30bf\u30af\u30b7\u306fVSCode+Markdown\u3067\u66f8\u3044\u3066\u307e\u3059\u3002 \u3061\u3087\u3063\u3068\u3057\u305f\u30bf\u30b9\u30af [&hellip;]<\/p>\n","protected":false},"author":53,"featured_media":18431,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10],"tags":[45,594],"class_list":["post-18425","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","tag-javascript","tag-markdown"],"jetpack_featured_media_url":"https:\/\/www.agent-grow.com\/self20percent\/wp-content\/uploads\/2020\/02\/title.jpg","jetpack_shortlink":"https:\/\/wp.me\/p7Bq4F-4Nb","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/posts\/18425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/comments?post=18425"}],"version-history":[{"count":0,"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/posts\/18425\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/media\/18431"}],"wp:attachment":[{"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/media?parent=18425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/categories?post=18425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.agent-grow.com\/self20percent\/wp-json\/wp\/v2\/tags?post=18425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}