CINXE.COM

<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8" /><title>Draw.ioとは？開発に役立つ使い方、トレンド記事やtips - Qiita</title><meta content="Draw.ioに関する情報が集まっています。現在170件の記事があります。また97人のユーザーがDraw.ioタグをフォローしています。" name="description" /><meta content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover" name="viewport" /><meta content="#ffffff" name="theme-color" /><meta content="XWpkTG32-_C4joZoJ_UsmDUi-zaH-hcrjF6ZC_FoFbk" name="google-site-verification" /><meta content="telephone=no" name="format-detection" /><link rel="canonical" href="https://qiita.com/tags/draw.io" /><link href="/manifest.json" rel="manifest" /><link href="/opensearch.xml" rel="search" title="Qiita" type="application/opensearchdescription+xml" /><link as="script" href="https://www.googletagservices.com/tag/js/gpt.js" rel="preload" /><link href="https://securepubads.g.doubleclick.net" rel="preconnect" /><script async="" src="https://www.googletagservices.com/tag/js/gpt.js"></script><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="m2QZkfM9qVFxbfKdbnoUprwcF9tD0_-1OFAxYKQlYF78Fdea17tExnzddP9ZMcKEAbb15a6j1U1F_3uPvN3cAQ" /><link rel="icon" type="image/x-icon" href="https://cdn.qiita.com/assets/favicons/public/production-c620d3e403342b1022967ba5e3db1aaa.ico" /><link rel="apple-touch-icon" type="image/png" href="https://cdn.qiita.com/assets/favicons/public/apple-touch-icon-ec5ba42a24ae923f16825592efdc356f.png" /><link rel="stylesheet" href="https://cdn.qiita.com/assets/public/style-51eab613545cc06cf86e12192ce027fe.min.css" media="all" /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,500,0..1,-25..0" media="all" /><script src="https://cdn.qiita.com/assets/public/v3-bundle-348db5a3fbfb0792.min.js" defer="defer"></script><meta name="twitter:card" content="summary"><meta content="@Qiita" name="twitter:site" /><meta property="og:type" content="article"><meta property="og:title" content="Draw.ioとは？開発に役立つ使い方、トレンド記事やtips - Qiita"><meta property="og:image" content="https://qiita-tag-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-tag-image%2Fb932df5ee0f2fed357f1f93cc50417c1ebc4ac24%2Foriginal.jpg%3F1556432611?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=128&h=128&s=c9b48a52e3f1036db9c7351187572238"><meta property="og:description" content="Draw.ioに関する情報が集まっています。現在170件の記事があります。また97人のユーザーがDraw.ioタグをフォローしています。"><meta content="https://qiita.com/tags/draw.io" property="og:url" /><meta content="Qiita" property="og:site_name" /><meta content="564524038" property="fb:admins" /><link rel="alternate" type="application/atom+xml" title="Atom Feed" href="https://qiita.com/tags/draw.io/feed" /><style data-emotion="style-global 52v6j8">.style-52v6j8{background-color:var(--color-surface);border-radius:8px;padding:24px;position:relative;}</style><style data-emotion="style-global 11z6oie">.style-11z6oie{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;}</style><style data-emotion="style-global cpo30z">.style-cpo30z{object-fit:contain;border-radius:4px;display:block;height:72px;width:72px;}</style><style data-emotion="style-global axw7ok">.style-axw7ok{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;}</style><style data-emotion="style-global 1hbr2pn">.style-1hbr2pn{font-size:var(--font-size-subhead-2);font-weight:600;line-height:1.4;text-align:center;}</style><style data-emotion="style-global 94wns3">.style-94wns3{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;color:var(--color-mediumEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:12px;}.style-94wns3:active{background-color:var(--color-surfaceVariant);-webkit-text-decoration:none;text-decoration:none;}@media (hover: hover) and (pointer: fine){.style-94wns3:hover{background-color:var(--color-surfaceVariant);-webkit-text-decoration:none;text-decoration:none;}}</style><style data-emotion="style-global 1rs743i">.style-1rs743i{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:20px;height:20px;overflow:hidden;width:20px;}</style><style data-emotion="style-global 13icpqj">.style-13icpqj{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;}</style><style data-emotion="style-global 2dh75h">.style-2dh75h{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-right:1px solid var(--color-divider);}</style><style data-emotion="style-global djk6ka">.style-djk6ka{font-size:var(--font-size-body-2);}</style><style data-emotion="style-global kwe8qo">.style-kwe8qo{font-size:var(--font-size-body-3);color:var(--color-mediumEmphasis);}</style><style data-emotion="style-global 1efvhw7">.style-1efvhw7{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><style data-emotion="style-global 1o5lzy0">.style-1o5lzy0{display:grid;gap:8px;margin-top:24px;}</style><style data-emotion="style-global ju8d64">.style-ju8d64{border-radius:8px;cursor:pointer;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--font-size-body-2);font-weight:600;line-height:var(--line-height-body);min-height:34px;min-width:106px;text-align:center;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;background-color:var(--color-surface);border:1px solid var(--color-grayBorder);color:var(--color-grayText);padding:3px 15px;}</style><style data-emotion="style-global 1uvkrf3">.style-1uvkrf3{font-size:var(--font-size-body-2);line-height:1.5;margin-top:16px;}</style><style data-emotion="style "></style><style data-emotion="style-global 1nnjrfj">.style-1nnjrfj{background-color:var(--color-surface);border-radius:8px;padding:8px 0;}</style><style data-emotion="style-global 1xx9w00">.style-1xx9w00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;}</style><style data-emotion="style-global ycrsyy">.style-ycrsyy{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:24px;height:24px;overflow:hidden;width:24px;margin-right:8px;}</style><style data-emotion="style-global gyko9x">.style-gyko9x{font-size:16px;color:var(--color-highEmphasis);font-weight:bold;margin-right:8px;}</style><style data-emotion="style-global 1pg17rd">.style-1pg17rd{font-size:12px;color:var(--color-mediumEmphasis);}</style><style data-emotion="style-global 8kv4rj">.style-8kv4rj{border-top:1px solid var(--color-divider);}</style><style data-emotion="style-global nqak7h">.style-nqak7h{cursor:pointer;padding:16px 24px;position:relative;}@media (max-width: 991px){.style-nqak7h{padding:16px;}}</style><style data-emotion="style-global 32d82q">.style-32d82q{bottom:0;left:0;position:absolute;right:0;top:0;}</style><style data-emotion="style-global 70qvj9">.style-70qvj9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><style data-emotion="style-global d39wln">.style-d39wln{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-highEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:1;}@media (hover: hover) and (pointer: fine){.style-d39wln:hover,.style-d39wln:active{-webkit-text-decoration:underline;text-decoration:underline;}.style-d39wln:hover >img,.style-d39wln:active >img{-webkit-filter:brightness(0.8);filter:brightness(0.8);-webkit-transition:.1s ease-out;transition:.1s ease-out;}}@media (hover: none) and (any-pointer: coarse){.style-d39wln:active{-webkit-text-decoration:underline;text-decoration:underline;}.style-d39wln:active >img{-webkit-filter:brightness(0.8);filter:brightness(0.8);-webkit-transition:.1s ease-out;transition:.1s ease-out;}}</style><style data-emotion="style-global 135heiq">.style-135heiq{border-radius:50%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;position:relative;width:32px;height:32px;}.style-135heiq::before{background-color:var(--color-gray0);border-radius:50%;content:"";height:31px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:31px;}</style><style data-emotion="style-global 1h6ertn">.style-1h6ertn{display:block;height:32px;object-fit:contain;position:relative;width:32px;}</style><style data-emotion="style-global c45axb">.style-c45axb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:var(--line-height-body-dense);font-size:var(--font-size-body-2);margin-left:8px;}</style><style data-emotion="style-global cm95co">.style-cm95co{display:grid;gap:4px;grid-template-columns:repeat(3, auto);line-height:var(--line-height-body-dense);max-width:100%;position:relative;z-index:1;}</style><style data-emotion="style-global 6i83bp">.style-6i83bp{color:var(--color-highEmphasis);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}</style><style data-emotion="style-global hl9vr4">.style-hl9vr4{color:var(--color-mediumEmphasis);font-size:var(--font-size-body-3);}</style><style data-emotion="style-global 1t4fpk1">.style-1t4fpk1{margin-top:8px;margin-left:40px;position:relative;z-index:1;}@media (max-width: 479px){.style-1t4fpk1{margin-left:0;}}</style><style data-emotion="style-global 1qb6j16">.style-1qb6j16{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;font-size:var(--font-size-subhead-1);font-weight:600;color:var(--color-highEmphasis);line-height:var(--line-height-subhead-dense);word-break:break-all;}.style-1qb6j16:visited{color:var(--color-grayVisitedText);}</style><style data-emotion="style-global n1j2x6">.style-n1j2x6{line-height:var(--line-height-body-dense);margin-top:8px;margin-left:40px;}@media (max-width: 479px){.style-n1j2x6{margin-left:0;}}</style><style data-emotion="style-global gnec1p">.style-gnec1p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;line-height:1.5;}</style><style data-emotion="style-global mp1hhj">.style-mp1hhj{background-color:var(--color-surfaceVariant);border-radius:4px;color:var(--color-mediumEmphasis);display:block;font-size:var(--font-size-body-2);line-height:var(--line-height-body-dense);padding:0 6px;position:relative;z-index:1;}.style-mp1hhj:active{-webkit-text-decoration:none;text-decoration:none;background-color:var(--color-surfaceVariantDim);}@media (hover: hover) and (pointer: fine){.style-mp1hhj:hover{-webkit-text-decoration:none;text-decoration:none;background-color:var(--color-surfaceVariantDim);}}</style><style data-emotion="style-global 1fvis2l">.style-1fvis2l{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:4px;}</style><style data-emotion="style-global fv2drl">.style-fv2drl{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:20px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:20px;}</style><style data-emotion="style-global 1iqsurv">.style-1iqsurv{display:inline-block;fill:var(--color-mediumEmphasis);height:16px;vertical-align:middle;width:16px;}</style><style data-emotion="style-global 1whzdj5">.style-1whzdj5{font-size:var(--font-size-body-2);color:var(--color-highEmphasis);margin-left:2px;}</style><style data-emotion="style-global 17ks4wf">.style-17ks4wf{position:absolute;right:24px;bottom:16px;}@media (max-width: 769px){.style-17ks4wf{right:16px;}}</style><style data-emotion="style-global 19mrtba">.style-19mrtba{display:inline-block;fill:var(--color-mediumEmphasis);height:32px;width:32px;}</style><style data-emotion="style-global 15fzge">.style-15fzge{margin-left:4px;}</style><style data-emotion="style dwyaab">.style-dwyaab{background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:1;}.style-dwyaab:active::before{content:"";height:40px;position:absolute;width:40px;background-color:var(--color-surfaceVariant);border-radius:50%;top:-4px;left:-4px;z-index:-1;}@media (hover: hover) and (pointer: fine){.style-dwyaab:hover::before{content:"";height:40px;position:absolute;width:40px;background-color:var(--color-surfaceVariant);border-radius:50%;top:-4px;left:-4px;z-index:-1;}}</style><style data-emotion="style-global 1bwroej">.style-1bwroej{background-color:var(--color-surface);padding-bottom:16px;border-radius:8px;}</style><style data-emotion="style-global t1oafn">.style-t1oafn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px 16px 0;}</style><style data-emotion="style-global 1je32pm">.style-1je32pm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:8px 16px;color:var(--color-highEmphasis);font-size:var(--font-size-body-2);font-weight:600;-webkit-text-decoration:none;text-decoration:none;position:relative;}.style-1je32pm:hover{cursor:pointer;-webkit-text-decoration:none;text-decoration:none;color:var(--color-highEmphasis);}.style-1je32pm::after{content:"";background-color:var(--color-greenContainer);width:100%;height:4px;bottom:0;position:absolute;border-radius:4px 4px 0 0;}</style><style data-emotion="style-global 1acvghe">.style-1acvghe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:8px 16px;color:var(--color-mediumEmphasis);font-size:var(--font-size-body-2);font-weight:600;-webkit-text-decoration:none;text-decoration:none;position:relative;}.style-1acvghe:hover{cursor:pointer;-webkit-text-decoration:none;text-decoration:none;color:var(--color-highEmphasis);}.style-1acvghe::after{content:none;background-color:var(--color-greenContainer);width:100%;height:4px;bottom:0;position:absolute;border-radius:4px 4px 0 0;}</style><style data-emotion="style "></style><style data-emotion="style-global 1sy938o">@media (max-width: 769px){.style-1sy938o{padding:16px;background-color:var(--color-surface);border-radius:8px;}}</style><style data-emotion="style-global 1c8ux76">.style-1c8ux76{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}</style><style data-emotion="style-global djk6ka">.style-djk6ka{font-size:var(--font-size-body-2);}</style><style data-emotion="style-global k008qs">.style-k008qs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><style data-emotion="style-global 19tbza6">.style-19tbza6{font-size:var(--font-size-body-3);color:var(--color-highEmphasis);cursor:pointer;font-weight:600;color:var(--color-highEmphasis);}.style-19tbza6:not(:last-child){margin-right:8px;}</style><style data-emotion="style-global 1muysy4">.style-1muysy4{font-size:var(--font-size-body-3);color:var(--color-highEmphasis);cursor:pointer;}.style-1muysy4:not(:last-child){margin-right:8px;}</style><style data-emotion="style-global 19midj6">.style-19midj6{padding:16px;}</style><style data-emotion="style-global e4g0vd">.style-e4g0vd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px 0;}.style-e4g0vd+.style-e4g0vd{border-top:1px solid var(--color-divider);}</style><style data-emotion="style-global 19q31e">.style-19q31e{width:32px;height:32px;border-radius:4px;background-color:var(--color-surfaceVariant);margin-right:8px;}</style><style data-emotion="style-global hpyit0">.style-hpyit0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;}</style><style data-emotion="style-global 9vn21z">.style-9vn21z{width:100%;height:12px;background-color:var(--color-surfaceVariant);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:animation-1jrxqlo;animation-name:animation-1jrxqlo;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:linear-gradient(to right, var(--color-surfaceVariant) 8%, var(--color-surface) 18%, var(--color-surfaceVariant) 33%);}@media (max-width: 769px){.style-9vn21z{-webkit-animation-name:animation-fgx2rn;animation-name:animation-fgx2rn;}}</style><style data-emotion="style-global animation-fgx2rn">@-webkit-keyframes animation-fgx2rn{0%{background-position-x:-320px;}100%{background-position-x:320px;}}@keyframes animation-fgx2rn{0%{background-position-x:-320px;}100%{background-position-x:320px;}}</style><style data-emotion="style-global animation-1jrxqlo">@-webkit-keyframes animation-1jrxqlo{0%{background-position-x:-500px;}100%{background-position-x:500px;}}@keyframes animation-1jrxqlo{0%{background-position-x:-500px;}100%{background-position-x:500px;}}</style><style data-emotion="style "></style><style data-emotion="style-global 6vltlc">.style-6vltlc{margin-top:16px;}@media (max-width: 769px){.style-6vltlc{padding:16px;background-color:var(--color-surface);border-radius:8px;}}</style><style data-emotion="style-global 1c8ux76">.style-1c8ux76{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}</style><style data-emotion="style-global djk6ka">.style-djk6ka{font-size:var(--font-size-body-2);}</style><style data-emotion="style-global k008qs">.style-k008qs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><style data-emotion="style-global 19tbza6">.style-19tbza6{font-size:var(--font-size-body-3);color:var(--color-highEmphasis);cursor:pointer;font-weight:600;color:var(--color-highEmphasis);}.style-19tbza6:not(:last-child){margin-right:8px;}</style><style data-emotion="style-global 1muysy4">.style-1muysy4{font-size:var(--font-size-body-3);color:var(--color-highEmphasis);cursor:pointer;}.style-1muysy4:not(:last-child){margin-right:8px;}</style><style data-emotion="style-global 1fhgjcy">.style-1fhgjcy{margin-top:4px;}</style><style data-emotion="style-global 1lppps1">.style-1lppps1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:8px 0;}.style-1lppps1 a{color:inherit;}</style><style data-emotion="style-global 70qvj9">.style-70qvj9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><style data-emotion="style-global 18e0epq">.style-18e0epq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-width:17px;margin-right:8px;}</style><style data-emotion="style-global 18jqkxe">.style-18jqkxe{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-weight:600;color:var(--color-yellowTextVariant);fill:var(--color-yellowTextVariant);}</style><style data-emotion="style-global vzab3o">.style-vzab3o{height:calc(12px - 2px);width:calc(12px - 2px);}</style><style data-emotion="style-global 1qxtz39">.style-1qxtz39{font-size:12px;}</style><style data-emotion="style-global 68qhnc">.style-68qhnc{background-color:var(--color-gray0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:32px;object-fit:contain;overflow:hidden;width:32px;margin-right:8px;}.style-68qhnc img{width:100%;height:100%;}</style><style data-emotion="style-global wtpnzt">.style-wtpnzt{border-radius:4px;}</style><style data-emotion="style-global evzsly">.style-evzsly{line-height:1.5;margin-left:8px;overflow:hidden;}</style><style data-emotion="style-global 1j2ro8e">.style-1j2ro8e{display:-webkit-box;font-size:var(--font-size-body-2);overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;}</style><style data-emotion="style-global hl9vr4">.style-hl9vr4{color:var(--color-mediumEmphasis);font-size:var(--font-size-body-3);}</style><style data-emotion="style-global maq02o">.style-maq02o{color:var(--color-disabled);margin-left:4px;}</style><style data-emotion="style-global hq6yaz">.style-hq6yaz{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-weight:600;color:var(--color-grayText);fill:var(--color-grayText);}</style><style data-emotion="style-global tjemb7">.style-tjemb7{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-weight:600;color:var(--color-bronzeText);fill:var(--color-bronzeText);}</style><style data-emotion="style "></style><style data-emotion="style-global 1736035">.style-1736035{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-2);font-weight:600;list-style:none;max-width:1656px;overflow-x:auto;padding:0 32px;width:100%;scrollbar-width:thin;scrollbar-color:var(--scrollbar-color-scrollbarThumb) transparent;}.style-1736035::-webkit-scrollbar{height:8px;}.style-1736035::-webkit-scrollbar-track{background:transparent;}.style-1736035::-webkit-scrollbar-thumb{background:var(--scrollbar-color-scrollbarThumb);border-radius:4px;}@media (max-width: 769px){.style-1736035{padding:0 16px;}}</style><style data-emotion="style-global 1cnt4b8">.style-1cnt4b8{background-color:var(--color-surface);}</style><style data-emotion="style-global ymuwam">.style-ymuwam{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:auto;max-width:1656px;padding:8px 32px 0;width:100%;}@media (max-width: 769px){.style-ymuwam{padding:8px 16px 0;}}</style><style data-emotion="style-global fv3lde">.style-fv3lde{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><style data-emotion="style-global 1etvg7j">.style-1etvg7j{background-color:var(--color-qiitaGreen);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:6px 10px;border-radius:4px;}.style-1etvg7j >svg{fill:var(--color-gray0);height:18px;}</style><style data-emotion="style-global 68a7fl">.style-68a7fl{margin-right:12px;position:relative;width:320px;}@media (max-width: 991px){.style-68a7fl{display:none;}}</style><style data-emotion="style-global 18lpml7">.style-18lpml7{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;height:16px;overflow:hidden;width:16px;color:var(--color-mediumEmphasis);left:8px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}</style><style data-emotion="style-global 1gmi769">.style-1gmi769{background-color:var(--color-surfaceVariant);border:none;border-radius:8px;color:var(--color-highEmphasis);font-size:var(--font-size-body-1);line-height:var(--line-height-body);padding:4px 8px 4px 32px;width:100%;}.style-1gmi769::-webkit-input-placeholder{color:var(--color-disabled);}.style-1gmi769::-moz-placeholder{color:var(--color-disabled);}.style-1gmi769:-ms-input-placeholder{color:var(--color-disabled);}.style-1gmi769::placeholder{color:var(--color-disabled);}.style-1gmi769::-webkit-search-cancel-button{-webkit-appearance:none;}</style><style data-emotion="style-global 17ja8a3">.style-17ja8a3{display:none;}@media (max-width: 991px){.style-17ja8a3{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:inherit;color:var(--color-mediumEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-1);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:10px;}}.style-17ja8a3:active{color:var(--color-highEmphasis);}@media (hover: hover) and (pointer: fine){.style-17ja8a3:hover{color:var(--color-highEmphasis);}}</style><style data-emotion="style-global v2p563">.style-v2p563{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:24px;height:24px;overflow:hidden;width:24px;}</style><style data-emotion="style-global 1afofdy">.style-1afofdy{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);position:absolute;}</style><style data-emotion="style-global 1sn73cs">.style-1sn73cs{border-radius:8px;box-sizing:border-box;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:14px;font-weight:600;line-height:1.8;min-height:34px;min-width:64px;opacity:1;pointer-events:auto;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;background-color:var(--color-surface);border:1px solid var(--color-greenBorder);color:var(--color-greenText);padding:3px 15px;margin-left:4px;}.style-1sn73cs:hover{-webkit-text-decoration:none;text-decoration:none;}.style-1sn73cs:active{background-color:var(--color-background);}@media (hover: hover) and (pointer: fine){.style-1sn73cs:hover{background-color:var(--color-background);}}</style><style data-emotion="style-global 1r635es">.style-1r635es{border-radius:8px;box-sizing:border-box;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:14px;font-weight:600;line-height:1.8;min-height:34px;min-width:64px;opacity:1;pointer-events:auto;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;background-color:var(--color-greenContainer);color:var(--color-onContainerText);padding:4px 16px;margin-left:8px;}.style-1r635es:hover{-webkit-text-decoration:none;text-decoration:none;}.style-1r635es:active{background-color:var(--color-greenContainerDim);}@media (hover: hover) and (pointer: fine){.style-1r635es:hover{background-color:var(--color-greenContainerDim);}}</style><style data-emotion="style-global o5vjsc">.style-o5vjsc{display:none;margin:8px auto 0;width:calc(100vw - 32px);position:relative;}</style><style data-emotion="style-global 1l4w6pd">.style-1l4w6pd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><style data-emotion="style-global 1ygoan4">.style-1ygoan4{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-mediumEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;white-space:nowrap;padding:4px 12px;margin:4px 0;}.style-1ygoan4:hover{background-color:var(--color-surfaceVariant);border-radius:4px;color:var(--color-highEmphasis);-webkit-text-decoration:none;text-decoration:none;}</style><style data-emotion="style-global 1o3zxqp">.style-1o3zxqp{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;height:16px;overflow:hidden;width:16px;margin-left:4px;}</style><style data-emotion="style 1qkvt8e">.style-1qkvt8e{margin-right:2px;}</style><style data-emotion="style "></style><style data-emotion="style-global 1geho0x">.style-1geho0x{color:var(--color-gray0);background-color:var(--color-gray90);display:grid;grid-template-columns:minmax(0, 1592px);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:64px;padding:48px 32px;width:100%;}@media (max-width: 991px){.style-1geho0x{padding-inline:16px;}}</style><style data-emotion="style-global 1vesoht">.style-1vesoht{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}@media (max-width: 1199px){.style-1vesoht{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}</style><style data-emotion="style-global 1xygyrj">.style-1xygyrj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-right:48px;}</style><style data-emotion="style-global j7qwjs">.style-j7qwjs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><style data-emotion="style-global 1g0k1wk">.style-1g0k1wk{fill:var(--color-gray0);}</style><style data-emotion="style-global 754ift">.style-754ift{font-size:var(--font-size-body-2);margin-top:16px;}</style><style data-emotion="style-global zsz8fb">.style-zsz8fb{display:block;margin-top:16px;}</style><style data-emotion="style-global 1efditc">.style-1efditc{border-radius:8px;display:block;}</style><style data-emotion="style-global 120vwzo">.style-120vwzo{font-size:var(--font-size-body-3);}@media (max-width: 1199px){.style-120vwzo{margin-top:24px;}}</style><style data-emotion="style-global 15fzge">.style-15fzge{margin-left:4px;}</style><style data-emotion="style-global 16bbk6m">.style-16bbk6m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:48px;}@media (max-width: 1199px){.style-16bbk6m{gap:32px;margin-top:48px;}}@media (max-width: 769px){.style-16bbk6m{gap:24px;}}@media (max-width: 479px){.style-16bbk6m{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}}</style><style data-emotion="style-global u4ybgy">.style-u4ybgy{width:160px;}</style><style data-emotion="style-global 35ezg3">.style-35ezg3{font-weight:600;}</style><style data-emotion="style-global 1fhgjcy">.style-1fhgjcy{margin-top:4px;}</style><style data-emotion="style-global ah54os">.style-ah54os{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-gray0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-2);padding-top:4px;padding-bottom:4px;}</style><style data-emotion="style-global ox3ag9">.style-ox3ag9{height:14px;fill:currentColor;width:14px;}</style><style data-emotion="style "></style><link as="style" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" onload="this.onload=null;this.rel='stylesheet'" referrerpolicy="no-referrer" rel="preload" /><noscript><link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" referrerpolicy="no-referrer" rel="stylesheet" /></noscript></head><body><div class="allWrapper"><div id="GlobalHeader-react-component-f69af237-9e44-4194-aa49-9366818b007a"><div class="style-1cnt4b8"><header><div class="style-ymuwam"><div class="style-fv3lde"><a href="/" aria-label="Qiita" class="style-1etvg7j"><svg viewBox="0 0 426.57 130" aria-hidden="true"><circle cx="167.08" cy="21.4" r="12.28"></circle><path d="M250.81 29.66h23.48v18.9h-23.48z"></path><path d="M300.76 105.26a22.23 22.23 0 01-6.26-.86 12.68 12.68 0 01-5.17-3 14.41 14.41 0 01-3.56-5.76 28 28 0 01-1.3-9.22V48.56h29.61v-18.9h-29.52V3.29h-20.17v83.34q0 11.16 2.83 18.27a27.71 27.71 0 007.7 11.2 26.86 26.86 0 0011.43 5.62 47.56 47.56 0 0012.34 1.53h15.16v-18zM0 61.7a58.6 58.6 0 015-24.21A62.26 62.26 0 0118.73 17.9 63.72 63.72 0 0139 4.78 64.93 64.93 0 0164 0a65 65 0 0124.85 4.78 64.24 64.24 0 0120.38 13.12A62 62 0 01123 37.49a58.6 58.6 0 015 24.21 58.34 58.34 0 01-4 21.46 62.8 62.8 0 01-10.91 18.16l11.1 11.1a10.3 10.3 0 010 14.52 10.29 10.29 0 01-14.64 0l-12.22-12.41a65 65 0 01-15.78 6.65 66.32 66.32 0 01-17.55 2.3 64.63 64.63 0 01-45.23-18A62.82 62.82 0 015 85.81 58.3 58.3 0 010 61.7zm21.64.08a43.13 43.13 0 0012.42 30.63 42.23 42.23 0 0013.43 9.09A41.31 41.31 0 0064 104.8a42 42 0 0030-12.39 42.37 42.37 0 009-13.64 43.43 43.43 0 003.3-17 43.77 43.77 0 00-3.3-17A41.7 41.7 0 0080.55 22 41.78 41.78 0 0064 18.68 41.31 41.31 0 0047.49 22a42.37 42.37 0 00-13.43 9.08 43.37 43.37 0 00-12.42 30.7zM331.89 78a47.59 47.59 0 013.3-17.73 43.22 43.22 0 019.34-14.47A44.25 44.25 0 01359 36a47.82 47.82 0 0118.81-3.58 42.72 42.72 0 019.26 1 46.5 46.5 0 018.22 2.58 40 40 0 017 3.84 44.39 44.39 0 015.71 4.63l1.22-9.47h17.35v85.83h-17.35l-1.17-9.42a42.54 42.54 0 01-5.84 4.67 43.11 43.11 0 01-7 3.79 44.86 44.86 0 01-8.17 2.59 43 43 0 01-9.22 1A47.94 47.94 0 01359 119.9a43.3 43.3 0 01-14.47-9.71 44.17 44.17 0 01-9.34-14.47 47 47 0 01-3.3-17.72zm20.27-.08a29.16 29.16 0 002.17 11.34 27 27 0 005.92 8.88 26.69 26.69 0 008.76 5.76 29.19 29.19 0 0021.44 0 26.11 26.11 0 008.72-5.76 27.57 27.57 0 005.88-8.84 29 29 0 002.16-11.38 28.62 28.62 0 00-2.16-11.22 26.57 26.57 0 00-5.93-8.8 27.68 27.68 0 00-19.51-7.9 28.29 28.29 0 00-10.77 2.05 26.19 26.19 0 00-8.71 5.75 27.08 27.08 0 00-5.84 8.8 28.94 28.94 0 00-2.13 11.31zm-194.97-30.5h19.78v73.54h-19.78zm49.25 0h19.78v73.54h-19.78z"></path><circle cx="216.33" cy="21.4" r="12.28"></circle></svg></a></div><div class="style-fv3lde"><form action="/search" method="get" role="search" aria-label="Search" class="style-68a7fl"><span class="material-symbols-outlined style-18lpml7" aria-hidden="true">search</span><input type="search" autoComplete="off" placeholder="Search" name="q" required="" class="style-1gmi769" value=""/></form><button class="style-17ja8a3"><span class="material-symbols-outlined style-v2p563" aria-hidden="true">search</span><span class="style-1afofdy">Search</span></button><a href="/login?callback_action=login_or_signup&redirect_to=%2Ftags%2Fdraw.io&realm=qiita" rel="nofollow" class="style-1sn73cs">Login</a><a href="/signup?callback_action=login_or_signup&redirect_to=%2Ftags%2Fdraw.io&realm=qiita" rel="nofollow" class="style-1r635es">Signup</a></div></div><form action="/search" method="get" role="search" aria-label="Search" class="style-o5vjsc"><span class="material-symbols-outlined style-18lpml7" aria-hidden="true">search</span><input type="text" autoComplete="off" placeholder="Search" name="q" required="" class="style-1gmi769" value=""/></form></header><nav aria-label="Global" class="style-1l4w6pd"><ol class="style-1736035"><li><a href="/" class="style-1ygoan4">Trend</a></li><li><a href="/question-feed" class="style-1ygoan4">Question</a></li><li><a href="/official-campaigns/conference/2025?utm_source=qiita&utm_medium=referral&utm_campaign=global_navigation" class="style-1ygoan4"><svg class="style-1qkvt8e" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M4.38196 0.5C3.18719 0.5 2.09149 0.990204 1.30469 1.77803C0.517886 2.56586 0.0283203 3.66298 0.0283203 4.85931C0.0283203 6.02646 0.482917 7.11775 1.30469 7.94643C2.12646 8.76927 3.22216 9.22446 4.38196 9.22446C4.83073 9.22446 5.27367 9.15443 5.70495 9.0202C6.21783 8.8568 6.77734 8.90349 7.25525 9.16026C7.65739 9.38202 8.16444 9.30032 8.49082 8.97935C8.81719 8.65839 8.89296 8.14484 8.67149 7.74217C8.41505 7.26364 8.36843 6.70341 8.53161 6.18986C8.67149 5.76385 8.7356 5.3145 8.7356 4.86515C8.7356 3.69799 8.281 2.60671 7.45923 1.78387C6.63746 0.955189 5.54759 0.5 4.38196 0.5Z" fill="#55C500"></path><path d="M10.5256 5.74638C9.97772 5.62966 9.4357 5.97981 9.31914 6.52837C9.20258 7.07693 9.55227 7.61965 10.1001 7.73637C11.1958 7.9698 11.9884 8.95021 11.9884 10.0707C11.9884 10.7359 11.7203 11.3312 11.2891 11.763C10.8578 12.1949 10.2633 12.4633 9.59889 12.4633C8.47988 12.4633 7.49492 11.6697 7.26763 10.5725C7.15106 10.024 6.60904 9.67384 6.0612 9.79056C5.51335 9.90727 5.16366 10.45 5.28022 10.9986C5.71151 13.0294 7.52989 14.5 9.60472 14.5C10.8228 14.5 11.9302 14.004 12.7286 13.1986C13.5271 12.3933 14.0283 11.2903 14.0283 10.0707C14.0283 7.99314 12.5538 6.17239 10.5314 5.74054L10.5256 5.74638Z" fill="var(--color-highEmphasis)"></path></svg>Qiita Conference</a></li><li><a href="/official-events" class="style-1ygoan4">Official Event</a></li><li><a href="/official-columns" target="_blank" class="style-1ygoan4">Official Column<span class="material-symbols-outlined style-1o3zxqp" aria-hidden="true">open_in_new</span></a></li><li><a href="/organizations" class="style-1ygoan4">Organization</a></li></ol></nav></div></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="GlobalHeader" data-dom-id="GlobalHeader-react-component-f69af237-9e44-4194-aa49-9366818b007a">{"isHideGlobalNavigation":false}</script> <div id="AlertMessage-react-component-91b41367-220f-44fa-bfd7-eb905ac445fc"></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="AlertMessage" data-dom-id="AlertMessage-react-component-91b41367-220f-44fa-bfd7-eb905ac445fc">{"isShowTfaDownloadAlert":null}</script> <div class="mainWrapper"><div class="p-tagShow" itemscope="" itemtype="http://schema.org/AboutPage"><div class="p-tagShow_container"><div class="p-tagShow_start"><script type="application/json" id="js-react-on-rails-context">{"railsEnv":"production","inMailer":false,"i18nLocale":"en","i18nDefaultLocale":"en","rorVersion":"13.4.0","rorPro":false,"href":"https://qiita.com/tags/draw.io","location":"/tags/draw.io","scheme":"https","host":"qiita.com","port":null,"pathname":"/tags/draw.io","search":null,"httpAcceptLanguage":null,"actionPath":"public/tags#show","settings":{"analyticsTrackingId":"G-KEVS5DBRVN","tagManagerId":"GTM-W9W5TX4","assetsMap":{},"csrfToken":"1lsTstUWpa-e9k45fH_xCHel5Mj2x69YOSiaD9XEb_2xKt258ZBIOJNGyFtLNCcqyg8G9hu3haBEh9DgzTzTog","locale":"en","pushOne":{"accessToken":"4bc4bb057a0601d388a7b9e499ca2307e9eb4fc172804e310c59e511d7cac356","dialogImageUrl":"//cdn.qiita.com/assets/public/push_notification/image-qiitan-572179a3bbde375850422ea48b2b6272.png"},"textlint":{"workerUrl":"//cdn.qiita.com/assets/public/textlint-worker-5ff44d714260eb7f2792faf979577c4b.min.js"},"datetimeParam":null},"currentUser":null,"isLoggedIn":false,"isQiitaConference2025BeingHeld":true,"isQiitaConference2025Closed":false,"isQiitaConference2025Registration":true,"isQiitaConference2025Published":true,"recaptchaSiteKey":"6LdDE6gpAAAAANCGOJu9_xiI5Z-txJxHCz8uBP8Y","errorIconPath":"//cdn.qiita.com/assets/icons/large/missing-profile-image-828ed5829a93fbb35746a6c0f7c8107e.png","additionalParams":{"query_parameters":{},"path_parameters":{"controller":"public/tags","action":"show","id":"draw.io"},"request_id":"b212822c-b8c3-471a-83ab-2bfcdd6fd38a","user_id":null},"realms":[{"humanName":"Qiita","isCurrentRealm":true,"isQiita":true,"isQiitaTeam":false,"loggedInUser":null,"teamId":null,"url":"https://qiita.com/"}],"adventCalendar":{"currentMonth":4,"isAdventCalendarBeingHeld":false,"isCalendarCreatable":false,"isLatestHeldYear":true,"isPreRegistering":false,"isRankingBeingHeld":false,"isSubscribable":false,"year":2024,"years":[2024,2023,2022,2021,2020,2019,2018,2017,2016,2015,2014,2013,2012,2011]},"serverSide":false}</script> <div id="TagInfo-react-component-0c008cf5-677f-43e5-972e-d1d67301d551"><div class="style-52v6j8"><div class="style-11z6oie"><img alt="" height="72" src="https://qiita-tag-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-tag-image%2Fb932df5ee0f2fed357f1f93cc50417c1ebc4ac24%2Foriginal.jpg%3F1556432611?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=128&h=128&s=c9b48a52e3f1036db9c7351187572238" width="72" class="style-cpo30z"/><div class="style-axw7ok"><h1 class="style-1hbr2pn">Draw.io</h1><a href="/tags/draw.io/feed" target="_blank" aria-label="RSS Feed" rel="noopener noreferrer" class="style-94wns3"><span class="material-symbols-outlined style-1rs743i" aria-hidden="true">rss_feed</span></a></div></div><div class="style-13icpqj"><div class="style-2dh75h"><span class="style-djk6ka">170</span><span class="style-kwe8qo">posts</span></div><div class="style-1efvhw7"><span class="style-djk6ka">97</span><span class="style-kwe8qo">followers</span></div></div><div class="style-1o5lzy0"><button class="style-ju8d64">Follow Articles</button><button class="style-ju8d64">Follow Questions</button></div><p class="style-1uvkrf3">Login and follow tags to see the latest information.</p></div></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="TagInfo" data-dom-id="TagInfo-react-component-0c008cf5-677f-43e5-972e-d1d67301d551">{"tag":{"encryptedId":"BAhJIg5UYWctOTgzMjEGOgZFRg==--7b0a25874bdbbb13e02bd6433872adcd7edcd22caad78c3f01810ce104b2091a","isFollowableByViewer":true,"isFollowedByViewer":false,"isMutedByViewer":false,"isMuteableByViewer":false,"isSubscribableAnswerableByViewer":true,"isSubscribedAnswerableByViewer":false,"largeIconUrl":"https://qiita-tag-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-tag-image%2Fb932df5ee0f2fed357f1f93cc50417c1ebc4ac24%2Foriginal.jpg%3F1556432611?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026h=128\u0026s=c9b48a52e3f1036db9c7351187572238","name":"Draw.io","urlName":"draw.io","itemsCount":170,"followersCount":97,"trendArticles":{"edges":[{"node":{"encryptedId":"BAhJIhRBcnRpY2xlLTEyNTQxMjMGOgZFRg==--383bdaeeaf74e50d024b4ad782badd9ff9a0e437b3a858b8934c0f565308030b","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":2983,"linkUrl":"https://qiita.com/tomo_makes/items/aafae4021986553ae1d8","publishedAt":"2020-06-28T10:25:44Z","title":"【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る","uuid":"aafae4021986553ae1d8","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F64608%2Fprofile-images%2F1534510237?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=36e37a1e55438e8303d2bee444eb9009","urlName":"tomo_makes","name":""},"organization":null,"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"markdown","name":"Markdown"},{"urlName":"vscode","name":"VSCode"},{"urlName":"draw.io","name":"Draw.io"},{"urlName":"marp","name":"Marp"},{"urlName":"vega","name":"vega"}]}},{"node":{"encryptedId":"BAhJIhRBcnRpY2xlLTExNTc3ODQGOgZFRg==--dc5ba18b30065c8094f38f08f9855654a6ac258651815d69cfdf124ae537c5cc","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":2449,"linkUrl":"https://qiita.com/G-awa/items/8fd414700b68b2bcafcc","publishedAt":"2020-02-09T14:07:17Z","title":"【動画付き】 draw.io 使い方まとめ〜エンジニアでなくても使えるTips集〜","uuid":"8fd414700b68b2bcafcc","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F163591%2Fprofile-images%2F1721189091?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=60ab1b505c5f46daf2e45499cdd534ac","urlName":"G-awa","name":""},"organization":{"name":"株式会社インテック","urlName":"intec"},"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"javascript","name":"JavaScript"},{"urlName":"node.js","name":"Node.js"},{"urlName":"googlespreadsheet","name":"GoogleSpreadSheet"},{"urlName":"draw.io","name":"Draw.io"},{"urlName":"%e6%96%b0%e4%ba%ba%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9e%e5%bf%9c%e6%8f%b4","name":"新人プログラマ応援"}]}},{"node":{"encryptedId":"BAhJIhRBcnRpY2xlLTIwMDIxMzkGOgZFRg==--f471ee387ad75d74f571bb494a5e96d2ba3c7d584620d80d7820f0df11cc49d7","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":6,"linkUrl":"https://qiita.com/namasa/items/8e1805355f73655ea3e8","publishedAt":"2025-03-21T05:09:36Z","title":"【開発効率アップ】生成AIアプリ「Bedrock Engineer」を使ってみた～AWS100本ノック～ 29/100","uuid":"8e1805355f73655ea3e8","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-image-store%2F0%2F87924%2F9de55e017d350fe706933f0815305e5102b21cd9%2Fx_large.png%3F1641951090?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=ef2cf4aed98f8f42bc41d9af476d8a0c","urlName":"namasa","name":"なかざと"},"organization":null,"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"aws","name":"AWS"},{"urlName":"draw.io","name":"Draw.io"},{"urlName":"bedrock","name":"bedrock"},{"urlName":"%e7%94%9f%e6%88%90ai","name":"生成AI"},{"urlName":"llm","name":"LLM"}]}},{"node":{"encryptedId":"BAhJIhNBcnRpY2xlLTQ4NDEyMQY6BkVG--7485d6b48be7f380808b0cb0e5af8cd72a73f7b91c1dac8f05e1990581d91d50","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":33,"linkUrl":"https://qiita.com/jumd/items/f3011816a7d54fa29b62","publishedAt":"2017-04-12T06:49:04Z","title":"Draw.ioで作成した図をWordに挿入する","uuid":"f3011816a7d54fa29b62","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F9a82a546ce5c7146a4c549699806434b?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=49db0e1f0be95e3de217ac083ce2ec7f","urlName":"jumd","name":""},"organization":null,"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"svg","name":"SVG"},{"urlName":"word","name":"Word"},{"urlName":"draw.io","name":"Draw.io"}]}},{"node":{"encryptedId":"BAhJIhRBcnRpY2xlLTE0NDk5NzcGOgZFRg==--5c870df404aa30232ae01cf0be15f489e446621b2bd67891dcf1d5d8adc91812","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":6,"linkUrl":"https://qiita.com/tksnkym/items/21f45b8588b8c71c7885","publishedAt":"2021-06-16T20:22:58Z","title":"Notionにdraw.ioの図を表示させる","uuid":"21f45b8588b8c71c7885","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fsecure.gravatar.com%2Favatar%2Ff75096b37e7c55446181e843f71347b5?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=d2400bd23e53075360fac89f27079c7e","urlName":"tksnkym","name":""},"organization":null,"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"draw.io","name":"Draw.io"},{"urlName":"notion","name":"Notion"}]}}]}},"isCreatableTagIconEditRequest":false}</script> </div><div class="p-tagShow_main"><div class="p-tagShow_mainMiddle"><div id="TagTrendArticleList-react-component-f37ed4b8-1e91-4448-bd55-9f10909993ad"><div class="style-1nnjrfj"><div class="style-1xx9w00"><span class="material-symbols-outlined style-ycrsyy" aria-hidden="true">trending_up</span><div class="style-gyko9x">Trend</div><div class="style-1pg17rd">Like ranking last week</div></div><div data-test-tag-trend-article-uuid="aafae4021986553ae1d8" class="style-8kv4rj"><article class="style-nqak7h"><a href="https://qiita.com/tomo_makes/items/aafae4021986553ae1d8" tabindex="-1" aria-hidden="true" class="style-32d82q"></a><header class="style-70qvj9"><a href="/tomo_makes" class="style-d39wln"><div class="style-135heiq"><img alt="tomo_makes" height="32" loading="lazy" src="https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F64608%2Fprofile-images%2F1534510237?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=128&s=36e37a1e55438e8303d2bee444eb9009" width="32" class="style-1h6ertn"/></div></a><div class="style-c45axb"><p class="style-cm95co"><a href="/tomo_makes" class="style-6i83bp">@tomo_makes</a></p><span class="style-hl9vr4"><time dateTime="2020-06-28T10:25:44Z">2020-06-28</time></span></div></header><h2 class="style-1t4fpk1"><a href="https://qiita.com/tomo_makes/items/aafae4021986553ae1d8" class="style-1qb6j16">【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る</a></h2><footer class="style-n1j2x6"><ul class="style-gnec1p"><li><a href="/tags/markdown" class="style-mp1hhj">Markdown</a></li><li><a href="/tags/vscode" class="style-mp1hhj">VSCode</a></li><li><a href="/tags/draw.io" class="style-mp1hhj">Draw.io</a></li><li><a href="/tags/marp" class="style-mp1hhj">Marp</a></li><li><a href="/tags/vega" class="style-mp1hhj">vega</a></li></ul><div class="style-1fvis2l"><span class="style-fv2drl"><svg class="style-1iqsurv" height="32" viewBox="0 0 32 32" width="32" aria-label="Like"><path d="M14.1154 28.1838C15.103 29.0961 16.8963 29.1091 17.8839 28.2098L17.9624 28.1383C24.7406 21.9617 29.1759 17.9201 28.9946 12.8825C28.9167 10.6668 27.7861 8.54237 25.9538 7.29116C23.1657 5.37395 19.8454 5.92832 17.4718 7.64444C16.9248 8.03993 16.428 8.49713 15.9996 9C15.5711 8.49695 15.0742 8.04006 14.5269 7.64512C12.1533 5.93219 8.83337 5.3847 6.04547 7.29116C4.21318 8.54237 3.08261 10.6668 3.00464 12.8825C2.83571 17.9395 7.29299 21.9929 14.1154 28.1838ZM5.00346 12.9511C5.06043 11.3482 5.8858 9.82201 7.17333 8.94281L7.17442 8.94206C9.53222 7.32971 12.6568 8.16 14.4772 10.2969L15.3906 11.3693C15.7101 11.7443 16.2892 11.7443 16.6086 11.3693L17.5221 10.2969C19.3469 8.15481 22.4686 7.32185 24.8206 8.93915L24.826 8.94281C26.1139 9.82233 26.9395 11.3493 26.9959 12.9528L26.9959 12.9544C27.0625 14.8048 26.3067 16.6196 24.5072 18.858C22.6788 21.1323 19.9917 23.5832 16.5374 26.7311C16.4848 26.7789 16.3085 26.8783 16.0137 26.8762C15.7197 26.8742 15.5349 26.7723 15.4725 26.7147L15.466 26.7086L15.4594 26.7027C12.0064 23.5693 9.32251 21.1243 7.49669 18.8544C5.70024 16.621 4.94209 14.8045 5.00346 12.9511Z"></path></svg></span><span class="style-1whzdj5">2983</span></div></footer><div class="style-17ks4wf"><button aria-haspopup="dialog" aria-expanded="false" aria-controls="ItemListUnifiedArticleBAhJIhRBcnRpY2xlLTEyNTQxMjMGOgZFRg==--383bdaeeaf74e50d024b4ad782badd9ff9a0e437b3a858b8934c0f565308030b" aria-label="Stock" class="style-dwyaab" type="button"><svg class="style-19mrtba" height="32" viewBox="0 0 32 32" width="32" aria-hidden="true"><path d="M6.5 5H25.5C25.7761 5 26 5.22386 26 5.5V6.5C26 6.77614 25.7761 7 25.5 7H6.5C6.22386 7 6 6.77614 6 6.5V5.5C6 5.22386 6.22386 5 6.5 5ZM24 19V11.5C24 11.3674 23.9473 11.2402 23.8536 11.1464C23.7598 11.0527 23.6326 11 23.5 11H8.5C8.36739 11 8.24021 11.0527 8.14645 11.1464C8.05268 11.2402 8 11.3674 8 11.5V19C8 20.8565 8.7375 22.637 10.0503 23.9497C11.363 25.2625 13.1435 26 15 26H17C18.8565 26 20.637 25.2625 21.9497 23.9497C23.2625 22.637 24 20.8565 24 19ZM6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V19C26 21.3869 25.0518 23.6761 23.364 25.364C21.6761 27.0518 19.3869 28 17 28H15C12.6131 28 10.3239 27.0518 8.63604 25.364C6.94821 23.6761 6 21.3869 6 19V11C6 10.4696 6.21071 9.96086 6.58579 9.58579Z"></path></svg></button></div></article></div><div data-test-tag-trend-article-uuid="8fd414700b68b2bcafcc" class="style-8kv4rj"><article class="style-nqak7h"><a href="https://qiita.com/G-awa/items/8fd414700b68b2bcafcc" tabindex="-1" aria-hidden="true" class="style-32d82q"></a><header class="style-70qvj9"><a href="/G-awa" class="style-d39wln"><div class="style-135heiq"><img alt="G-awa" height="32" loading="lazy" src="https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F163591%2Fprofile-images%2F1721189091?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=128&s=60ab1b505c5f46daf2e45499cdd534ac" width="32" class="style-1h6ertn"/></div></a><div class="style-c45axb"><p class="style-cm95co"><a href="/G-awa" class="style-6i83bp">@G-awa</a><span>in</span><a href="/organizations/intec" class="style-6i83bp">株式会社インテック</a></p><span class="style-hl9vr4"><time dateTime="2020-02-09T14:07:17Z">2020-02-09</time></span></div></header><h2 class="style-1t4fpk1"><a href="https://qiita.com/G-awa/items/8fd414700b68b2bcafcc" class="style-1qb6j16">【動画付き】 draw.io 使い方まとめ〜エンジニアでなくても使えるTips集〜</a></h2><footer class="style-n1j2x6"><ul class="style-gnec1p"><li><a href="/tags/javascript" class="style-mp1hhj">JavaScript</a></li><li><a href="/tags/node.js" class="style-mp1hhj">Node.js</a></li><li><a href="/tags/googlespreadsheet" class="style-mp1hhj">GoogleSpreadSheet</a></li><li><a href="/tags/draw.io" class="style-mp1hhj">Draw.io</a></li><li><a href="/tags/%e6%96%b0%e4%ba%ba%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9e%e5%bf%9c%e6%8f%b4" class="style-mp1hhj">新人プログラマ応援</a></li></ul><div class="style-1fvis2l"><span class="style-fv2drl"><svg class="style-1iqsurv" height="32" viewBox="0 0 32 32" width="32" aria-label="Like"><path d="M14.1154 28.1838C15.103 29.0961 16.8963 29.1091 17.8839 28.2098L17.9624 28.1383C24.7406 21.9617 29.1759 17.9201 28.9946 12.8825C28.9167 10.6668 27.7861 8.54237 25.9538 7.29116C23.1657 5.37395 19.8454 5.92832 17.4718 7.64444C16.9248 8.03993 16.428 8.49713 15.9996 9C15.5711 8.49695 15.0742 8.04006 14.5269 7.64512C12.1533 5.93219 8.83337 5.3847 6.04547 7.29116C4.21318 8.54237 3.08261 10.6668 3.00464 12.8825C2.83571 17.9395 7.29299 21.9929 14.1154 28.1838ZM5.00346 12.9511C5.06043 11.3482 5.8858 9.82201 7.17333 8.94281L7.17442 8.94206C9.53222 7.32971 12.6568 8.16 14.4772 10.2969L15.3906 11.3693C15.7101 11.7443 16.2892 11.7443 16.6086 11.3693L17.5221 10.2969C19.3469 8.15481 22.4686 7.32185 24.8206 8.93915L24.826 8.94281C26.1139 9.82233 26.9395 11.3493 26.9959 12.9528L26.9959 12.9544C27.0625 14.8048 26.3067 16.6196 24.5072 18.858C22.6788 21.1323 19.9917 23.5832 16.5374 26.7311C16.4848 26.7789 16.3085 26.8783 16.0137 26.8762C15.7197 26.8742 15.5349 26.7723 15.4725 26.7147L15.466 26.7086L15.4594 26.7027C12.0064 23.5693 9.32251 21.1243 7.49669 18.8544C5.70024 16.621 4.94209 14.8045 5.00346 12.9511Z"></path></svg></span><span class="style-1whzdj5">2449</span></div></footer><div class="style-17ks4wf"><button aria-haspopup="dialog" aria-expanded="false" aria-controls="ItemListUnifiedArticleBAhJIhRBcnRpY2xlLTExNTc3ODQGOgZFRg==--dc5ba18b30065c8094f38f08f9855654a6ac258651815d69cfdf124ae537c5cc" aria-label="Stock" class="style-dwyaab" type="button"><svg class="style-19mrtba" height="32" viewBox="0 0 32 32" width="32" aria-hidden="true"><path d="M6.5 5H25.5C25.7761 5 26 5.22386 26 5.5V6.5C26 6.77614 25.7761 7 25.5 7H6.5C6.22386 7 6 6.77614 6 6.5V5.5C6 5.22386 6.22386 5 6.5 5ZM24 19V11.5C24 11.3674 23.9473 11.2402 23.8536 11.1464C23.7598 11.0527 23.6326 11 23.5 11H8.5C8.36739 11 8.24021 11.0527 8.14645 11.1464C8.05268 11.2402 8 11.3674 8 11.5V19C8 20.8565 8.7375 22.637 10.0503 23.9497C11.363 25.2625 13.1435 26 15 26H17C18.8565 26 20.637 25.2625 21.9497 23.9497C23.2625 22.637 24 20.8565 24 19ZM6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V19C26 21.3869 25.0518 23.6761 23.364 25.364C21.6761 27.0518 19.3869 28 17 28H15C12.6131 28 10.3239 27.0518 8.63604 25.364C6.94821 23.6761 6 21.3869 6 19V11C6 10.4696 6.21071 9.96086 6.58579 9.58579Z"></path></svg></button></div></article></div><div data-test-tag-trend-article-uuid="8e1805355f73655ea3e8" class="style-8kv4rj"><article class="style-nqak7h"><a href="https://qiita.com/namasa/items/8e1805355f73655ea3e8" tabindex="-1" aria-hidden="true" class="style-32d82q"></a><header class="style-70qvj9"><a href="/namasa" class="style-d39wln"><div class="style-135heiq"><img alt="namasa" height="32" loading="lazy" src="https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-image-store%2F0%2F87924%2F9de55e017d350fe706933f0815305e5102b21cd9%2Fx_large.png%3F1641951090?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=128&s=ef2cf4aed98f8f42bc41d9af476d8a0c" width="32" class="style-1h6ertn"/></div></a><div class="style-c45axb"><p class="style-cm95co"><a href="/namasa" class="style-6i83bp">@namasa<span class="style-15fzge">(なかざと)</span></a></p><span class="style-hl9vr4"><time dateTime="2025-03-21T05:09:36Z">2025-03-21</time></span></div></header><h2 class="style-1t4fpk1"><a href="https://qiita.com/namasa/items/8e1805355f73655ea3e8" class="style-1qb6j16">【開発効率アップ】生成AIアプリ「Bedrock Engineer」を使ってみた～AWS100本ノック～ 29/100</a></h2><footer class="style-n1j2x6"><ul class="style-gnec1p"><li><a href="/tags/aws" class="style-mp1hhj">AWS</a></li><li><a href="/tags/draw.io" class="style-mp1hhj">Draw.io</a></li><li><a href="/tags/bedrock" class="style-mp1hhj">bedrock</a></li><li><a href="/tags/%e7%94%9f%e6%88%90ai" class="style-mp1hhj">生成AI</a></li><li><a href="/tags/llm" class="style-mp1hhj">LLM</a></li></ul><div class="style-1fvis2l"><span class="style-fv2drl"><svg class="style-1iqsurv" height="32" viewBox="0 0 32 32" width="32" aria-label="Like"><path d="M14.1154 28.1838C15.103 29.0961 16.8963 29.1091 17.8839 28.2098L17.9624 28.1383C24.7406 21.9617 29.1759 17.9201 28.9946 12.8825C28.9167 10.6668 27.7861 8.54237 25.9538 7.29116C23.1657 5.37395 19.8454 5.92832 17.4718 7.64444C16.9248 8.03993 16.428 8.49713 15.9996 9C15.5711 8.49695 15.0742 8.04006 14.5269 7.64512C12.1533 5.93219 8.83337 5.3847 6.04547 7.29116C4.21318 8.54237 3.08261 10.6668 3.00464 12.8825C2.83571 17.9395 7.29299 21.9929 14.1154 28.1838ZM5.00346 12.9511C5.06043 11.3482 5.8858 9.82201 7.17333 8.94281L7.17442 8.94206C9.53222 7.32971 12.6568 8.16 14.4772 10.2969L15.3906 11.3693C15.7101 11.7443 16.2892 11.7443 16.6086 11.3693L17.5221 10.2969C19.3469 8.15481 22.4686 7.32185 24.8206 8.93915L24.826 8.94281C26.1139 9.82233 26.9395 11.3493 26.9959 12.9528L26.9959 12.9544C27.0625 14.8048 26.3067 16.6196 24.5072 18.858C22.6788 21.1323 19.9917 23.5832 16.5374 26.7311C16.4848 26.7789 16.3085 26.8783 16.0137 26.8762C15.7197 26.8742 15.5349 26.7723 15.4725 26.7147L15.466 26.7086L15.4594 26.7027C12.0064 23.5693 9.32251 21.1243 7.49669 18.8544C5.70024 16.621 4.94209 14.8045 5.00346 12.9511Z"></path></svg></span><span class="style-1whzdj5">6</span></div></footer><div class="style-17ks4wf"><button aria-haspopup="dialog" aria-expanded="false" aria-controls="ItemListUnifiedArticleBAhJIhRBcnRpY2xlLTIwMDIxMzkGOgZFRg==--f471ee387ad75d74f571bb494a5e96d2ba3c7d584620d80d7820f0df11cc49d7" aria-label="Stock" class="style-dwyaab" type="button"><svg class="style-19mrtba" height="32" viewBox="0 0 32 32" width="32" aria-hidden="true"><path d="M6.5 5H25.5C25.7761 5 26 5.22386 26 5.5V6.5C26 6.77614 25.7761 7 25.5 7H6.5C6.22386 7 6 6.77614 6 6.5V5.5C6 5.22386 6.22386 5 6.5 5ZM24 19V11.5C24 11.3674 23.9473 11.2402 23.8536 11.1464C23.7598 11.0527 23.6326 11 23.5 11H8.5C8.36739 11 8.24021 11.0527 8.14645 11.1464C8.05268 11.2402 8 11.3674 8 11.5V19C8 20.8565 8.7375 22.637 10.0503 23.9497C11.363 25.2625 13.1435 26 15 26H17C18.8565 26 20.637 25.2625 21.9497 23.9497C23.2625 22.637 24 20.8565 24 19ZM6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V19C26 21.3869 25.0518 23.6761 23.364 25.364C21.6761 27.0518 19.3869 28 17 28H15C12.6131 28 10.3239 27.0518 8.63604 25.364C6.94821 23.6761 6 21.3869 6 19V11C6 10.4696 6.21071 9.96086 6.58579 9.58579Z"></path></svg></button></div></article></div><div data-test-tag-trend-article-uuid="f3011816a7d54fa29b62" class="style-8kv4rj"><article class="style-nqak7h"><a href="https://qiita.com/jumd/items/f3011816a7d54fa29b62" tabindex="-1" aria-hidden="true" class="style-32d82q"></a><header class="style-70qvj9"><a href="/jumd" class="style-d39wln"><div class="style-135heiq"><img alt="jumd" height="32" loading="lazy" src="https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F9a82a546ce5c7146a4c549699806434b?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=128&s=49db0e1f0be95e3de217ac083ce2ec7f" width="32" class="style-1h6ertn"/></div></a><div class="style-c45axb"><p class="style-cm95co"><a href="/jumd" class="style-6i83bp">@jumd</a></p><span class="style-hl9vr4"><time dateTime="2017-04-12T06:49:04Z">2017-04-12</time></span></div></header><h2 class="style-1t4fpk1"><a href="https://qiita.com/jumd/items/f3011816a7d54fa29b62" class="style-1qb6j16">Draw.ioで作成した図をWordに挿入する</a></h2><footer class="style-n1j2x6"><ul class="style-gnec1p"><li><a href="/tags/svg" class="style-mp1hhj">SVG</a></li><li><a href="/tags/word" class="style-mp1hhj">Word</a></li><li><a href="/tags/draw.io" class="style-mp1hhj">Draw.io</a></li></ul><div class="style-1fvis2l"><span class="style-fv2drl"><svg class="style-1iqsurv" height="32" viewBox="0 0 32 32" width="32" aria-label="Like"><path d="M14.1154 28.1838C15.103 29.0961 16.8963 29.1091 17.8839 28.2098L17.9624 28.1383C24.7406 21.9617 29.1759 17.9201 28.9946 12.8825C28.9167 10.6668 27.7861 8.54237 25.9538 7.29116C23.1657 5.37395 19.8454 5.92832 17.4718 7.64444C16.9248 8.03993 16.428 8.49713 15.9996 9C15.5711 8.49695 15.0742 8.04006 14.5269 7.64512C12.1533 5.93219 8.83337 5.3847 6.04547 7.29116C4.21318 8.54237 3.08261 10.6668 3.00464 12.8825C2.83571 17.9395 7.29299 21.9929 14.1154 28.1838ZM5.00346 12.9511C5.06043 11.3482 5.8858 9.82201 7.17333 8.94281L7.17442 8.94206C9.53222 7.32971 12.6568 8.16 14.4772 10.2969L15.3906 11.3693C15.7101 11.7443 16.2892 11.7443 16.6086 11.3693L17.5221 10.2969C19.3469 8.15481 22.4686 7.32185 24.8206 8.93915L24.826 8.94281C26.1139 9.82233 26.9395 11.3493 26.9959 12.9528L26.9959 12.9544C27.0625 14.8048 26.3067 16.6196 24.5072 18.858C22.6788 21.1323 19.9917 23.5832 16.5374 26.7311C16.4848 26.7789 16.3085 26.8783 16.0137 26.8762C15.7197 26.8742 15.5349 26.7723 15.4725 26.7147L15.466 26.7086L15.4594 26.7027C12.0064 23.5693 9.32251 21.1243 7.49669 18.8544C5.70024 16.621 4.94209 14.8045 5.00346 12.9511Z"></path></svg></span><span class="style-1whzdj5">33</span></div></footer><div class="style-17ks4wf"><button aria-haspopup="dialog" aria-expanded="false" aria-controls="ItemListUnifiedArticleBAhJIhNBcnRpY2xlLTQ4NDEyMQY6BkVG--7485d6b48be7f380808b0cb0e5af8cd72a73f7b91c1dac8f05e1990581d91d50" aria-label="Stock" class="style-dwyaab" type="button"><svg class="style-19mrtba" height="32" viewBox="0 0 32 32" width="32" aria-hidden="true"><path d="M6.5 5H25.5C25.7761 5 26 5.22386 26 5.5V6.5C26 6.77614 25.7761 7 25.5 7H6.5C6.22386 7 6 6.77614 6 6.5V5.5C6 5.22386 6.22386 5 6.5 5ZM24 19V11.5C24 11.3674 23.9473 11.2402 23.8536 11.1464C23.7598 11.0527 23.6326 11 23.5 11H8.5C8.36739 11 8.24021 11.0527 8.14645 11.1464C8.05268 11.2402 8 11.3674 8 11.5V19C8 20.8565 8.7375 22.637 10.0503 23.9497C11.363 25.2625 13.1435 26 15 26H17C18.8565 26 20.637 25.2625 21.9497 23.9497C23.2625 22.637 24 20.8565 24 19ZM6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V19C26 21.3869 25.0518 23.6761 23.364 25.364C21.6761 27.0518 19.3869 28 17 28H15C12.6131 28 10.3239 27.0518 8.63604 25.364C6.94821 23.6761 6 21.3869 6 19V11C6 10.4696 6.21071 9.96086 6.58579 9.58579Z"></path></svg></button></div></article></div><div data-test-tag-trend-article-uuid="21f45b8588b8c71c7885" class="style-8kv4rj"><article class="style-nqak7h"><a href="https://qiita.com/tksnkym/items/21f45b8588b8c71c7885" tabindex="-1" aria-hidden="true" class="style-32d82q"></a><header class="style-70qvj9"><a href="/tksnkym" class="style-d39wln"><div class="style-135heiq"><img alt="tksnkym" height="32" loading="lazy" src="https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fsecure.gravatar.com%2Favatar%2Ff75096b37e7c55446181e843f71347b5?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=128&s=d2400bd23e53075360fac89f27079c7e" width="32" class="style-1h6ertn"/></div></a><div class="style-c45axb"><p class="style-cm95co"><a href="/tksnkym" class="style-6i83bp">@tksnkym</a></p><span class="style-hl9vr4"><time dateTime="2021-06-16T20:22:58Z">2021-06-16</time></span></div></header><h2 class="style-1t4fpk1"><a href="https://qiita.com/tksnkym/items/21f45b8588b8c71c7885" class="style-1qb6j16">Notionにdraw.ioの図を表示させる</a></h2><footer class="style-n1j2x6"><ul class="style-gnec1p"><li><a href="/tags/draw.io" class="style-mp1hhj">Draw.io</a></li><li><a href="/tags/notion" class="style-mp1hhj">Notion</a></li></ul><div class="style-1fvis2l"><span class="style-fv2drl"><svg class="style-1iqsurv" height="32" viewBox="0 0 32 32" width="32" aria-label="Like"><path d="M14.1154 28.1838C15.103 29.0961 16.8963 29.1091 17.8839 28.2098L17.9624 28.1383C24.7406 21.9617 29.1759 17.9201 28.9946 12.8825C28.9167 10.6668 27.7861 8.54237 25.9538 7.29116C23.1657 5.37395 19.8454 5.92832 17.4718 7.64444C16.9248 8.03993 16.428 8.49713 15.9996 9C15.5711 8.49695 15.0742 8.04006 14.5269 7.64512C12.1533 5.93219 8.83337 5.3847 6.04547 7.29116C4.21318 8.54237 3.08261 10.6668 3.00464 12.8825C2.83571 17.9395 7.29299 21.9929 14.1154 28.1838ZM5.00346 12.9511C5.06043 11.3482 5.8858 9.82201 7.17333 8.94281L7.17442 8.94206C9.53222 7.32971 12.6568 8.16 14.4772 10.2969L15.3906 11.3693C15.7101 11.7443 16.2892 11.7443 16.6086 11.3693L17.5221 10.2969C19.3469 8.15481 22.4686 7.32185 24.8206 8.93915L24.826 8.94281C26.1139 9.82233 26.9395 11.3493 26.9959 12.9528L26.9959 12.9544C27.0625 14.8048 26.3067 16.6196 24.5072 18.858C22.6788 21.1323 19.9917 23.5832 16.5374 26.7311C16.4848 26.7789 16.3085 26.8783 16.0137 26.8762C15.7197 26.8742 15.5349 26.7723 15.4725 26.7147L15.466 26.7086L15.4594 26.7027C12.0064 23.5693 9.32251 21.1243 7.49669 18.8544C5.70024 16.621 4.94209 14.8045 5.00346 12.9511Z"></path></svg></span><span class="style-1whzdj5">6</span></div></footer><div class="style-17ks4wf"><button aria-haspopup="dialog" aria-expanded="false" aria-controls="ItemListUnifiedArticleBAhJIhRBcnRpY2xlLTE0NDk5NzcGOgZFRg==--5c870df404aa30232ae01cf0be15f489e446621b2bd67891dcf1d5d8adc91812" aria-label="Stock" class="style-dwyaab" type="button"><svg class="style-19mrtba" height="32" viewBox="0 0 32 32" width="32" aria-hidden="true"><path d="M6.5 5H25.5C25.7761 5 26 5.22386 26 5.5V6.5C26 6.77614 25.7761 7 25.5 7H6.5C6.22386 7 6 6.77614 6 6.5V5.5C6 5.22386 6.22386 5 6.5 5ZM24 19V11.5C24 11.3674 23.9473 11.2402 23.8536 11.1464C23.7598 11.0527 23.6326 11 23.5 11H8.5C8.36739 11 8.24021 11.0527 8.14645 11.1464C8.05268 11.2402 8 11.3674 8 11.5V19C8 20.8565 8.7375 22.637 10.0503 23.9497C11.363 25.2625 13.1435 26 15 26H17C18.8565 26 20.637 25.2625 21.9497 23.9497C23.2625 22.637 24 20.8565 24 19ZM6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V19C26 21.3869 25.0518 23.6761 23.364 25.364C21.6761 27.0518 19.3869 28 17 28H15C12.6131 28 10.3239 27.0518 8.63604 25.364C6.94821 23.6761 6 21.3869 6 19V11C6 10.4696 6.21071 9.96086 6.58579 9.58579Z"></path></svg></button></div></article></div></div></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="TagTrendArticleList" data-dom-id="TagTrendArticleList-react-component-f37ed4b8-1e91-4448-bd55-9f10909993ad">{"trendArticles":[{"encryptedId":"BAhJIhRBcnRpY2xlLTEyNTQxMjMGOgZFRg==--383bdaeeaf74e50d024b4ad782badd9ff9a0e437b3a858b8934c0f565308030b","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":2983,"linkUrl":"https://qiita.com/tomo_makes/items/aafae4021986553ae1d8","publishedAt":"2020-06-28T10:25:44Z","title":"【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る","uuid":"aafae4021986553ae1d8","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F64608%2Fprofile-images%2F1534510237?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=36e37a1e55438e8303d2bee444eb9009","urlName":"tomo_makes","name":""},"organization":null,"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"markdown","name":"Markdown"},{"urlName":"vscode","name":"VSCode"},{"urlName":"draw.io","name":"Draw.io"},{"urlName":"marp","name":"Marp"},{"urlName":"vega","name":"vega"}]},{"encryptedId":"BAhJIhRBcnRpY2xlLTExNTc3ODQGOgZFRg==--dc5ba18b30065c8094f38f08f9855654a6ac258651815d69cfdf124ae537c5cc","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":2449,"linkUrl":"https://qiita.com/G-awa/items/8fd414700b68b2bcafcc","publishedAt":"2020-02-09T14:07:17Z","title":"【動画付き】 draw.io 使い方まとめ〜エンジニアでなくても使えるTips集〜","uuid":"8fd414700b68b2bcafcc","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F163591%2Fprofile-images%2F1721189091?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=60ab1b505c5f46daf2e45499cdd534ac","urlName":"G-awa","name":""},"organization":{"name":"株式会社インテック","urlName":"intec"},"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"javascript","name":"JavaScript"},{"urlName":"node.js","name":"Node.js"},{"urlName":"googlespreadsheet","name":"GoogleSpreadSheet"},{"urlName":"draw.io","name":"Draw.io"},{"urlName":"%e6%96%b0%e4%ba%ba%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9e%e5%bf%9c%e6%8f%b4","name":"新人プログラマ応援"}]},{"encryptedId":"BAhJIhRBcnRpY2xlLTIwMDIxMzkGOgZFRg==--f471ee387ad75d74f571bb494a5e96d2ba3c7d584620d80d7820f0df11cc49d7","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":6,"linkUrl":"https://qiita.com/namasa/items/8e1805355f73655ea3e8","publishedAt":"2025-03-21T05:09:36Z","title":"【開発効率アップ】生成AIアプリ「Bedrock Engineer」を使ってみた～AWS100本ノック～ 29/100","uuid":"8e1805355f73655ea3e8","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-image-store%2F0%2F87924%2F9de55e017d350fe706933f0815305e5102b21cd9%2Fx_large.png%3F1641951090?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=ef2cf4aed98f8f42bc41d9af476d8a0c","urlName":"namasa","name":"なかざと"},"organization":null,"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"aws","name":"AWS"},{"urlName":"draw.io","name":"Draw.io"},{"urlName":"bedrock","name":"bedrock"},{"urlName":"%e7%94%9f%e6%88%90ai","name":"生成AI"},{"urlName":"llm","name":"LLM"}]},{"encryptedId":"BAhJIhNBcnRpY2xlLTQ4NDEyMQY6BkVG--7485d6b48be7f380808b0cb0e5af8cd72a73f7b91c1dac8f05e1990581d91d50","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":33,"linkUrl":"https://qiita.com/jumd/items/f3011816a7d54fa29b62","publishedAt":"2017-04-12T06:49:04Z","title":"Draw.ioで作成した図をWordに挿入する","uuid":"f3011816a7d54fa29b62","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F9a82a546ce5c7146a4c549699806434b?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=49db0e1f0be95e3de217ac083ce2ec7f","urlName":"jumd","name":""},"organization":null,"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"svg","name":"SVG"},{"urlName":"word","name":"Word"},{"urlName":"draw.io","name":"Draw.io"}]},{"encryptedId":"BAhJIhRBcnRpY2xlLTE0NDk5NzcGOgZFRg==--5c870df404aa30232ae01cf0be15f489e446621b2bd67891dcf1d5d8adc91812","isLikedByViewer":false,"isStockableByViewer":true,"isStockedByViewer":false,"likesCount":6,"linkUrl":"https://qiita.com/tksnkym/items/21f45b8588b8c71c7885","publishedAt":"2021-06-16T20:22:58Z","title":"Notionにdraw.ioの図を表示させる","uuid":"21f45b8588b8c71c7885","author":{"profileImageUrl":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fsecure.gravatar.com%2Favatar%2Ff75096b37e7c55446181e843f71347b5?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=128\u0026s=d2400bd23e53075360fac89f27079c7e","urlName":"tksnkym","name":""},"organization":null,"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null,"tags":[{"urlName":"draw.io","name":"Draw.io"},{"urlName":"notion","name":"Notion"}]}]}</script> </div><div class="p-tagShow_mainBottom"><div id="TagNewestItemList-react-component-98fc613b-f5ea-4b28-80da-efdb1f508041"><div class="style-1bwroej"><div class="style-t1oafn"><a class="style-1je32pm">Articles</a><a class="style-1acvghe">Questions</a></div></div></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="TagNewestItemList" data-dom-id="TagNewestItemList-react-component-98fc613b-f5ea-4b28-80da-efdb1f508041">{"tag":{"id":98321,"name":"Draw.io","createdAt":"2015-12-08T17:54:45.000+09:00","updatedAt":"2019-04-28T15:23:31.000+09:00","iconFileName":"apple-touch-icon.png","iconContentType":"image/png","iconFileSize":4944,"iconUpdatedAt":"2019-04-28T15:23:31.000+09:00","urlName":"draw.io","followersCount":97,"teamId":0,"itemsCount":170,"parentId":null,"body":"","rawBody":null,"bodyRendererVersion":19},"initialPage":0,"per":20,"type":"articles"}</script> </div></div><div class="p-tagShow_end"><div id="TagUserRanking-react-component-d647515b-dfa3-44b9-b375-2ce5715e5b45"><div class="style-1sy938o"><div class="style-1c8ux76"><div class="style-djk6ka">User Rankings</div><div class="style-k008qs"><div class="style-19tbza6">Weekly</div><div class="style-1muysy4">Monthly</div><div class="style-1muysy4">Yearly</div></div></div><div class="style-19midj6"><div class="style-e4g0vd"><div class="style-19q31e"></div><div class="style-hpyit0"><div class="style-9vn21z"></div><div class="style-9vn21z"></div><div class="style-9vn21z"></div></div></div><div class="style-e4g0vd"><div class="style-19q31e"></div><div class="style-hpyit0"><div class="style-9vn21z"></div><div class="style-9vn21z"></div><div class="style-9vn21z"></div></div></div><div class="style-e4g0vd"><div class="style-19q31e"></div><div class="style-hpyit0"><div class="style-9vn21z"></div><div class="style-9vn21z"></div><div class="style-9vn21z"></div></div></div><div class="style-e4g0vd"><div class="style-19q31e"></div><div class="style-hpyit0"><div class="style-9vn21z"></div><div class="style-9vn21z"></div><div class="style-9vn21z"></div></div></div><div class="style-e4g0vd"><div class="style-19q31e"></div><div class="style-hpyit0"><div class="style-9vn21z"></div><div class="style-9vn21z"></div><div class="style-9vn21z"></div></div></div></div></div></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="TagUserRanking" data-dom-id="TagUserRanking-react-component-d647515b-dfa3-44b9-b375-2ce5715e5b45">{"tag":{"id":98321,"name":"Draw.io","createdAt":"2015-12-08T17:54:45.000+09:00","updatedAt":"2019-04-28T15:23:31.000+09:00","iconFileName":"apple-touch-icon.png","iconContentType":"image/png","iconFileSize":4944,"iconUpdatedAt":"2019-04-28T15:23:31.000+09:00","urlName":"draw.io","followersCount":97,"teamId":0,"itemsCount":170,"parentId":null,"body":"","rawBody":null,"bodyRendererVersion":19}}</script> <div id="TagOrganizationRanking-react-component-7a2c428a-c9bc-4de8-9bcb-0ae7fea5236c"><div class="style-6vltlc"><div class="style-1c8ux76"><div class="style-djk6ka">Organizations ranking</div><div class="style-k008qs"><div class="style-19tbza6">Monthly</div><div class="style-1muysy4">All</div></div></div><ol class="style-1fhgjcy"><li class="style-1lppps1"><div class="style-70qvj9"><div class="style-18e0epq"><div class="style-18jqkxe"><svg height="9" viewBox="0 0 10 9" width="10" class="style-vzab3o"><path d="M7.445 3.24999L5.34 1.06499C5.155 0.874985 4.85 0.874985 4.665 1.06499L2.56 3.24999C2.39 3.42499 2.115 3.43999 1.925 3.28999L0.765 2.34499C0.46 2.09499 0 2.31499 0 2.70999V7.61499C0 7.87499 0.21 8.08499 0.47 8.08499H9.53C9.79 8.08499 10 7.87499 10 7.61499V2.70999C10 2.31499 9.54 2.09499 9.235 2.34499L8.075 3.28999C7.885 3.44499 7.61 3.42499 7.44 3.24999H7.445Z"></path></svg><span class="style-1qxtz39">1</span></div></div><a href="/organizations/intec" class="style-68qhnc"><img alt="intec" height="32" src="https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2F72b25915f4cdf52e403efd4afe36a4fe97c28ba4%2Foriginal.jpg%3F1617596326?ixlib=rb-4.0.0&auto=compress%2Cformat&s=6dfd1588df3287b23180df6853c01d10" width="32" class="style-wtpnzt"/></a><div class="style-evzsly"><div class="style-1j2ro8e"><a href="/organizations/intec">株式会社インテック</a></div><p class="style-hl9vr4">10<span class="style-maq02o">Likes</span></p></div></div></li><li class="style-1lppps1"><div class="style-70qvj9"><div class="style-18e0epq"><div class="style-hq6yaz"><svg height="9" viewBox="0 0 10 9" width="10" class="style-vzab3o"><path d="M7.445 3.24999L5.34 1.06499C5.155 0.874985 4.85 0.874985 4.665 1.06499L2.56 3.24999C2.39 3.42499 2.115 3.43999 1.925 3.28999L0.765 2.34499C0.46 2.09499 0 2.31499 0 2.70999V7.61499C0 7.87499 0.21 8.08499 0.47 8.08499H9.53C9.79 8.08499 10 7.87499 10 7.61499V2.70999C10 2.31499 9.54 2.09499 9.235 2.34499L8.075 3.28999C7.885 3.44499 7.61 3.42499 7.44 3.24999H7.445Z"></path></svg><span class="style-1qxtz39">2</span></div></div><a href="/organizations/lifull" class="style-68qhnc"><img alt="lifull" height="32" src="https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2Fa52c267f8575e8dfed318fd49844767d843b97bc%2Foriginal.jpg%3F1490757256?ixlib=rb-4.0.0&auto=compress%2Cformat&s=b74707d54cb5dc3c8bfaa61befb04eb6" width="32" class="style-wtpnzt"/></a><div class="style-evzsly"><div class="style-1j2ro8e"><a href="/organizations/lifull">株式会社LIFULL</a></div><p class="style-hl9vr4">2<span class="style-maq02o">Likes</span></p></div></div></li><li class="style-1lppps1"><div class="style-70qvj9"><div class="style-18e0epq"><div class="style-tjemb7"><svg height="9" viewBox="0 0 10 9" width="10" class="style-vzab3o"><path d="M7.445 3.24999L5.34 1.06499C5.155 0.874985 4.85 0.874985 4.665 1.06499L2.56 3.24999C2.39 3.42499 2.115 3.43999 1.925 3.28999L0.765 2.34499C0.46 2.09499 0 2.31499 0 2.70999V7.61499C0 7.87499 0.21 8.08499 0.47 8.08499H9.53C9.79 8.08499 10 7.87499 10 7.61499V2.70999C10 2.31499 9.54 2.09499 9.235 2.34499L8.075 3.28999C7.885 3.44499 7.61 3.42499 7.44 3.24999H7.445Z"></path></svg><span class="style-1qxtz39">3</span></div></div><a href="/organizations/tis" class="style-68qhnc"><img alt="tis" height="32" src="https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2F5759137423512c9c505953b1f245c8471125c1a9%2Foriginal.jpg%3F1619604682?ixlib=rb-4.0.0&auto=compress%2Cformat&s=71c9ba9993cbf035febba226c719223f" width="32" class="style-wtpnzt"/></a><div class="style-evzsly"><div class="style-1j2ro8e"><a href="/organizations/tis">TIS株式会社</a></div><p class="style-hl9vr4">1<span class="style-maq02o">Likes</span></p></div></div></li><li class="style-1lppps1"><div class="style-70qvj9"><div class="style-18e0epq"><span class="style-1qxtz39">4</span></div><a href="/organizations/bandainamcostudios" class="style-68qhnc"><img alt="bandainamcostudios" height="32" src="https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2F81db242e502ce14b97cd46dfa6c2b98d2c5a5391%2Foriginal.jpg%3F1656393905?ixlib=rb-4.0.0&auto=compress%2Cformat&s=ac856b55d487a3e3aeea6a421f645681" width="32" class="style-wtpnzt"/></a><div class="style-evzsly"><div class="style-1j2ro8e"><a href="/organizations/bandainamcostudios">株式会社バンダイナムコスタジオ</a></div><p class="style-hl9vr4">1<span class="style-maq02o">Likes</span></p></div></div></li><li class="style-1lppps1"><div class="style-70qvj9"><div class="style-18e0epq"><span class="style-1qxtz39">5</span></div><a href="/organizations/funaisoken" class="style-68qhnc"><img alt="funaisoken" height="32" src="https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2Ff23e96d52285add9c038fc2b97de5cb5f68013de%2Foriginal.jpg%3F1710984105?ixlib=rb-4.0.0&auto=compress%2Cformat&s=9dc74eca8af71a8acaf37d5c0ec02edf" width="32" class="style-wtpnzt"/></a><div class="style-evzsly"><div class="style-1j2ro8e"><a href="/organizations/funaisoken">株式会社船井総合研究所</a></div><p class="style-hl9vr4">1<span class="style-maq02o">Likes</span></p></div></div></li><li class="style-1lppps1"><div class="style-70qvj9"><div class="style-18e0epq"><span class="style-1qxtz39">6</span></div><a href="/organizations/raretech" class="style-68qhnc"><img alt="raretech" height="32" src="https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2F76a2aee6785754b295e77adc19d87e72c941bd51%2Foriginal.jpg%3F1736233691?ixlib=rb-4.0.0&auto=compress%2Cformat&s=fdf26b7bdacbed47d5483a4e45577d6b" width="32" class="style-wtpnzt"/></a><div class="style-evzsly"><div class="style-1j2ro8e"><a href="/organizations/raretech">RareTECH（レアテック）｜希少型エンジニア育成スクール</a></div><p class="style-hl9vr4">1<span class="style-maq02o">Likes</span></p></div></div></li></ol></div></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="TagOrganizationRanking" data-dom-id="TagOrganizationRanking-react-component-7a2c428a-c9bc-4de8-9bcb-0ae7fea5236c">{"tagOrganizationRanking":{"edges":[{"score":10,"node":{"name":"株式会社インテック","logoUrl":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2F72b25915f4cdf52e403efd4afe36a4fe97c28ba4%2Foriginal.jpg%3F1617596326?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=6dfd1588df3287b23180df6853c01d10","urlName":"intec"}},{"score":2,"node":{"name":"株式会社LIFULL","logoUrl":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2Fa52c267f8575e8dfed318fd49844767d843b97bc%2Foriginal.jpg%3F1490757256?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=b74707d54cb5dc3c8bfaa61befb04eb6","urlName":"lifull"}},{"score":1,"node":{"name":"TIS株式会社","logoUrl":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2F5759137423512c9c505953b1f245c8471125c1a9%2Foriginal.jpg%3F1619604682?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=71c9ba9993cbf035febba226c719223f","urlName":"tis"}},{"score":1,"node":{"name":"株式会社バンダイナムコスタジオ","logoUrl":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2F81db242e502ce14b97cd46dfa6c2b98d2c5a5391%2Foriginal.jpg%3F1656393905?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=ac856b55d487a3e3aeea6a421f645681","urlName":"bandainamcostudios"}},{"score":1,"node":{"name":"株式会社船井総合研究所","logoUrl":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2Ff23e96d52285add9c038fc2b97de5cb5f68013de%2Foriginal.jpg%3F1710984105?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=9dc74eca8af71a8acaf37d5c0ec02edf","urlName":"funaisoken"}},{"score":1,"node":{"name":"RareTECH（レアテック）｜希少型エンジニア育成スクール","logoUrl":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2F76a2aee6785754b295e77adc19d87e72c941bd51%2Foriginal.jpg%3F1736233691?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=fdf26b7bdacbed47d5483a4e45577d6b","urlName":"raretech"}}]},"tag":{"id":98321,"name":"Draw.io","createdAt":"2015-12-08T17:54:45.000+09:00","updatedAt":"2019-04-28T15:23:31.000+09:00","iconFileName":"apple-touch-icon.png","iconContentType":"image/png","iconFileSize":4944,"iconUpdatedAt":"2019-04-28T15:23:31.000+09:00","urlName":"draw.io","followersCount":97,"teamId":0,"itemsCount":170,"parentId":null,"body":"","rawBody":null,"bodyRendererVersion":19}}</script> </div></div></div></div><div id="GlobalFooter-react-component-5ddc5a60-4b82-413b-b7dd-bfa4e9d54d2f"><footer class="style-1geho0x"><div class="style-1vesoht"><div class="style-1xygyrj"><div class="style-j7qwjs"><a href="/"><svg role="img" aria-label="To top Qiita" viewBox="0 0 426.57 130" width="110" height="33.5" class="style-1g0k1wk"><circle cx="167.08" cy="21.4" r="12.28"></circle><path d="M250.81 29.66h23.48v18.9h-23.48z"></path><path d="M300.76 105.26a22.23 22.23 0 01-6.26-.86 12.68 12.68 0 01-5.17-3 14.41 14.41 0 01-3.56-5.76 28 28 0 01-1.3-9.22V48.56h29.61v-18.9h-29.52V3.29h-20.17v83.34q0 11.16 2.83 18.27a27.71 27.71 0 007.7 11.2 26.86 26.86 0 0011.43 5.62 47.56 47.56 0 0012.34 1.53h15.16v-18zM0 61.7a58.6 58.6 0 015-24.21A62.26 62.26 0 0118.73 17.9 63.72 63.72 0 0139 4.78 64.93 64.93 0 0164 0a65 65 0 0124.85 4.78 64.24 64.24 0 0120.38 13.12A62 62 0 01123 37.49a58.6 58.6 0 015 24.21 58.34 58.34 0 01-4 21.46 62.8 62.8 0 01-10.91 18.16l11.1 11.1a10.3 10.3 0 010 14.52 10.29 10.29 0 01-14.64 0l-12.22-12.41a65 65 0 01-15.78 6.65 66.32 66.32 0 01-17.55 2.3 64.63 64.63 0 01-45.23-18A62.82 62.82 0 015 85.81 58.3 58.3 0 010 61.7zm21.64.08a43.13 43.13 0 0012.42 30.63 42.23 42.23 0 0013.43 9.09A41.31 41.31 0 0064 104.8a42 42 0 0030-12.39 42.37 42.37 0 009-13.64 43.43 43.43 0 003.3-17 43.77 43.77 0 00-3.3-17A41.7 41.7 0 0080.55 22 41.78 41.78 0 0064 18.68 41.31 41.31 0 0047.49 22a42.37 42.37 0 00-13.43 9.08 43.37 43.37 0 00-12.42 30.7zM331.89 78a47.59 47.59 0 013.3-17.73 43.22 43.22 0 019.34-14.47A44.25 44.25 0 01359 36a47.82 47.82 0 0118.81-3.58 42.72 42.72 0 019.26 1 46.5 46.5 0 018.22 2.58 40 40 0 017 3.84 44.39 44.39 0 015.71 4.63l1.22-9.47h17.35v85.83h-17.35l-1.17-9.42a42.54 42.54 0 01-5.84 4.67 43.11 43.11 0 01-7 3.79 44.86 44.86 0 01-8.17 2.59 43 43 0 01-9.22 1A47.94 47.94 0 01359 119.9a43.3 43.3 0 01-14.47-9.71 44.17 44.17 0 01-9.34-14.47 47 47 0 01-3.3-17.72zm20.27-.08a29.16 29.16 0 002.17 11.34 27 27 0 005.92 8.88 26.69 26.69 0 008.76 5.76 29.19 29.19 0 0021.44 0 26.11 26.11 0 008.72-5.76 27.57 27.57 0 005.88-8.84 29 29 0 002.16-11.38 28.62 28.62 0 00-2.16-11.22 26.57 26.57 0 00-5.93-8.8 27.68 27.68 0 00-19.51-7.9 28.29 28.29 0 00-10.77 2.05 26.19 26.19 0 00-8.71 5.75 27.08 27.08 0 00-5.84 8.8 28.94 28.94 0 00-2.13 11.31zm-194.97-30.5h19.78v73.54h-19.78zm49.25 0h19.78v73.54h-19.78z"></path><circle cx="216.33" cy="21.4" r="12.28"></circle></svg></a><p class="style-754ift">How developers code is here.</p><a href="/official-campaigns/conference/2025?utm_source=qiita&utm_medium=banner&utm_campaign=global_footer_banner_default&utm_content=default" class="style-zsz8fb"><img src="//cdn.qiita.com/assets/public/banner-qiita_conference-c746f76f279d57268fa51a1f5b7c9151.png" alt="Qiita Conference 2025 will be held!: 4/23(wed) - 4/25(Fri)" height="60" width="300" class="style-1efditc"/></a></div><small class="style-120vwzo">© 2011-2025<span class="style-15fzge">Qiita Inc.</span></small></div><nav aria-label="Footer" class="style-16bbk6m"><div class="style-u4ybgy"><p id="guideHelp" class="style-35ezg3">Guide & Help</p><ul aria-labelledby="guideHelp" class="style-1fhgjcy"><li><a href="/about" class="style-ah54os">About</a></li><li><a href="/terms" class="style-ah54os">Terms</a></li><li><a href="/privacy" class="style-ah54os">Privacy</a></li><li><a href="http://help.qiita.com/ja/articles/qiita-community-guideline" target="_blank" class="style-ah54os">Guideline</a></li><li><a href="https://help.qiita.com/ja/articles/others-brand-guideline" target="_blank" class="style-ah54os">Media Kit</a></li><li><a href="https://github.com/increments/qiita-discussions/discussions/116" target="_blank" class="style-ah54os">Feedback/Requests</a></li><li><a href="https://help.qiita.com" target="_blank" class="style-ah54os">Help</a></li><li><a href="https://business.qiita.com/?utm_source=qiita&utm_medium=referral&utm_content=footer" target="_blank" class="style-ah54os">Advertisement</a></li></ul></div><div class="style-u4ybgy"><p id="contents" class="style-35ezg3">Contents</p><ul aria-labelledby="contents" class="style-1fhgjcy"><li><a href="/release-notes" class="style-ah54os">Release Note</a></li><li><a href="/official-events" class="style-ah54os">Official Event</a></li><li><a href="/official-columns" class="style-ah54os">Official Column</a></li><li><a href="/advent-calendar/2024" class="style-ah54os">Advent Calendar</a></li><li><a href="/qiita-award" class="style-ah54os">Qiita Award</a></li><li><a href="/white_papers/2024" class="style-ah54os">Engineer White Paper</a></li><li><a href="/api/v2/docs" class="style-ah54os">API</a></li></ul></div><div class="style-u4ybgy"><p id="sns" class="style-35ezg3">Official Accounts</p><ul aria-labelledby="sns" class="style-1fhgjcy"><li><a href="https://x.com/qiita" target="_blank" class="style-ah54os"><svg class="style-ox3ag9" viewBox="0 0 20 20" aria-label="X(Twitter)"><path d="m11.68 8.62 6.55-7.62h-1.55l-5.69 6.62-4.55-6.62h-5.25l6.88 10.01-6.88 7.99h1.55l6.01-6.99 4.8 6.99h5.24l-7.13-10.38zm-2.13 2.47-.7-1-5.54-7.92h2.39l4.47 6.4.7 1 5.82 8.32h-2.39l-4.75-6.79z"></path></svg><span class="style-15fzge">@Qiita</span></a></li><li><a href="https://x.com/qiita_milestone" target="_blank" class="style-ah54os"><svg class="style-ox3ag9" viewBox="0 0 20 20" aria-label="X(Twitter)"><path d="m11.68 8.62 6.55-7.62h-1.55l-5.69 6.62-4.55-6.62h-5.25l6.88 10.01-6.88 7.99h1.55l6.01-6.99 4.8 6.99h5.24l-7.13-10.38zm-2.13 2.47-.7-1-5.54-7.92h2.39l4.47 6.4.7 1 5.82 8.32h-2.39l-4.75-6.79z"></path></svg><span class="style-15fzge">@qiita_milestone</span></a></li><li><a href="https://x.com/qiitapoi" target="_blank" class="style-ah54os"><svg class="style-ox3ag9" viewBox="0 0 20 20" aria-label="X(Twitter)"><path d="m11.68 8.62 6.55-7.62h-1.55l-5.69 6.62-4.55-6.62h-5.25l6.88 10.01-6.88 7.99h1.55l6.01-6.99 4.8 6.99h5.24l-7.13-10.38zm-2.13 2.47-.7-1-5.54-7.92h2.39l4.47 6.4.7 1 5.82 8.32h-2.39l-4.75-6.79z"></path></svg><span class="style-15fzge">@qiitapoi</span></a></li><li><a href="https://www.facebook.com/qiita/" target="_blank" class="style-ah54os">Facebook</a></li><li><a href="https://www.youtube.com/@qiita5366" target="_blank" class="style-ah54os">YouTube</a></li><li><a href="https://open.spotify.com/show/4E7yCLeCLeQUsNqM4HXFXA" target="_blank" class="style-ah54os">Podcast</a></li></ul></div><div class="style-u4ybgy"><p id="service" class="style-35ezg3">Our service</p><ul aria-labelledby="service" class="style-1fhgjcy"><li><a href="https://teams.qiita.com/" target="_blank" class="style-ah54os">Qiita Team</a></li><li><a href="https://zine.qiita.com?utm_source=qiita&utm_medium=referral&utm_content=footer" target="_blank" class="style-ah54os">Qiita Zine</a></li><li><a href="https://suzuri.jp/qiita" target="_blank" class="style-ah54os">Official Shop</a></li></ul></div><div class="style-u4ybgy"><p id="corporate" class="style-35ezg3">Company</p><ul aria-labelledby="corporate" class="style-1fhgjcy"><li><a href="https://corp.qiita.com/company" target="_blank" class="style-ah54os">About Us</a></li><li><a href="https://corp.qiita.com/jobs/" target="_blank" class="style-ah54os">Careers</a></li><li><a href="https://blog.qiita.com" target="_blank" class="style-ah54os">Qiita Blog</a></li><li><a href="https://corp.qiita.com/releases/" target="_blank" class="style-ah54os">News Release</a></li></ul></div></nav></div></footer></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="GlobalFooter" data-dom-id="GlobalFooter-react-component-5ddc5a60-4b82-413b-b7dd-bfa4e9d54d2f">{"currentYear":2025,"pathInfo":"/tags/draw.io","bannerUrl":"//cdn.qiita.com/assets/public/banner-qiita_conference-c746f76f279d57268fa51a1f5b7c9151.png","adventCalendarBannerUrl":"//cdn.qiita.com/assets/public/banner-qiita_advent_calendar_2024-8fefcb4d8f1b460321d6efd20e955784.png","latestHeldAdventCalendarYear":2024,"latestHeldWhitePaperYear":2024,"qiitaTeamLandingPageRootUrl":"https://teams.qiita.com/"}</script> <div id="Snackbar-react-component-20e996c1-2c3d-47d9-92e1-4f7f55c379da"></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="Snackbar" data-dom-id="Snackbar-react-component-20e996c1-2c3d-47d9-92e1-4f7f55c379da">{}</script> <div id="LoginModal-react-component-96e08320-6e78-413e-9ebd-efbb121399d1"></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="LoginModal" data-dom-id="LoginModal-react-component-96e08320-6e78-413e-9ebd-efbb121399d1">{"imageUrl":"//cdn.qiita.com/assets/public/image-qiitan_for_login_modal_glimpse-c148ec9e4debf1f4b880deec194b6fc8.png","githubAuthUrl":"https://oauth.qiita.com/auth/github?callback_action=login_or_signup\u0026realm=qiita\u0026redirect_to=%2Ftags%2Fdraw.io","googleAuthUrl":"https://oauth.qiita.com/auth/google?callback_action=login_or_signup\u0026realm=qiita\u0026redirect_to=%2Ftags%2Fdraw.io","twitterAuthUrl":"https://oauth.qiita.com/auth/twitter?callback_action=login_or_signup\u0026realm=qiita\u0026redirect_to=%2Ftags%2Fdraw.io"}</script> </div><div id="dataContainer" style="display: none;" data-config="{"actionPath":"public/tags#show","settings":{"analyticsTrackingId":"G-KEVS5DBRVN","tagManagerId":"GTM-W9W5TX4","assetsMap":{},"csrfToken":"oJ9ZSdGUVT97PR8zZBPi_PugPFHs7Ea8Acp2NXYqAT7H7pdC9RK4qHaNmVFTWDTeRgrebwGcbER8ZTzabtK9YQ","locale":"en","pushOne":{"accessToken":"4bc4bb057a0601d388a7b9e499ca2307e9eb4fc172804e310c59e511d7cac356","dialogImageUrl":"//cdn.qiita.com/assets/public/push_notification/image-qiitan-572179a3bbde375850422ea48b2b6272.png"},"textlint":{"workerUrl":"//cdn.qiita.com/assets/public/textlint-worker-5ff44d714260eb7f2792faf979577c4b.min.js"},"datetimeParam":null},"currentUser":null,"additionalParams":{"query_parameters":{},"path_parameters":{"controller":"public/tags","action":"show","id":"draw.io"},"request_id":"b212822c-b8c3-471a-83ab-2bfcdd6fd38a","user_id":null}}" /></body></html><script type="application/json" data-js-react-on-rails-store="AppStoreWithReactOnRails">{"snackbar":{"type":"","body":"","isActive":false}}</script>