サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

【動画付き】 draw.io 使い方まとめ〜エンジニアでなくても使えるTips集〜 - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/G-awa

551 usersがブックマークコメント

33

現在プライベートモードです設定を変更する

551 users qiita.com/G-awa

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント33件

●注目コメント ●新着コメント

sasasin_net おれたちはdraw.ioを雰囲気で使ってた 2020/02/11 リンクその他 ● ● ●

SWIMATH2 結局PlantUMLでいいやってなっちゃうんだよなあ、と思ってたら PlantUML 読み込み機能とかあるのか、すごい 2020/02/11 リンクその他 ● ● ●

mawatarin draw.ioのショートカットやプラグインの紹介。知らないことも結構あって勉強になった。 ●UML ●draw.io 2020/02/16 リンクその他 ● ● ●

ogawat1968 drawio ●drawio 2023/02/21 リンクその他 ● ● ●

walkalone “draw.io” ●デザイン ●ツール ●サイト 2023/02/13 リンクその他 ● ● ●

tmtms 系統図の自動整形とか漫画風の図とかSQLからER図作成とか良さそう 2020/11/25 リンクその他 ● ● ●

tettekete37564 いつのまにか高機能化してる。Googleスプレッドシートと連携して動的に更新されるグラフとかやれる風？[draw.io] 2020/04/22 リンクその他 ● ● ●

tmatsuu メモ 2020/02/23 リンクその他 ● ● ●

kmiya_bbm draw.io結構使ってるけど知らないのたくさんあった。ありがたい！ ●draw.io 2020/02/19 リンクその他 ● ● ●

yuu-sss draw.io便利。ショートカットあるの知らなかったので、活用したい。 ●エンジニア 2020/02/19 リンクその他 ● ● ●

ombran plantumlのインポート機能いいな ●PlantUML ●draw.io 2020/02/17 リンクその他 ● ● ●

mawatarin draw.ioのショートカットやプラグインの紹介。知らないことも結構あって勉強になった。 ●UML ●draw.io 2020/02/16 リンクその他 ● ● ●

sodapop444 Cacooの方が好き 2020/02/12 リンクその他 ● ● ●

jyotti 期待以上に良かった ●良記事 2020/02/12 リンクその他 ● ● ●

ymgn 俺たちはdrow.ioのことを何もわかっていなかったんだ・・・　アニメーションもあってわかりやすすぎる ●Qiita ●draw.io ●tips ●あとで読む 2020/02/12 リンクその他 ● ● ●

new3 PlantUMLのインポートエクスポートできるのか。ちょっと使ってみよう 2020/02/12 リンクその他 ● ● ●

marmot1123 ちょっと使ったことあるけど知らんかった。 2020/02/12 リンクその他 ● ● ●

Chisei 知らん機能結構あった。 2020/02/12 リンクその他 ● ● ●

zaki-hmkc アニメーションのおかげでものすごくわかりやすい… 2020/02/12 リンクその他 ● ● ●

tolkine9999h こういう動画を差し挟んで機能説明してくれるのは本当に分かりやすい。頭が下がる思い。 2020/02/12 リンクその他 ● ● ●

n_mattun おー！愛用してるので助かる。こんな簡単に曲線引けたのか！！ 2020/02/12 リンクその他 ● ● ●

pecchin ほんと。雰囲気で使ってた。 2020/02/12 リンクその他 ● ● ●

Amigomr draw.ioのショートカット知らなかった ●あとで読む 2020/02/12 リンクその他 ● ● ●

netcraft3 draw.io 使ってるけど知らないことばかりだ 2020/02/12 リンクその他 ● ● ●

basaltan これは便利！ 2020/02/12 リンクその他 ● ● ●

denimn なるほど。 2020/02/12 リンクその他 ● ● ●

cielonlon 人に伝える時に添えよう ●あとでやる ●webサービス ●これはイイ 2020/02/11 リンクその他 ● ● ●

eigo_s 知らん機能たくさんあった ●draw.io 2020/02/11 リンクその他 ● ● ●

aiza_wai 知らなかっただけなものもありそうだが、数年前よりさらに高機能になっている。Cacooの有料プランを再契約するか迷っていたけど、さらに迷ってしまいそう。エクスポートの画像URLがリアルタイム更新されるのだろうか？ ●開発 ●ドローイングツール 2020/02/11 リンクその他 ● ● ●

sho_yamane これ助かるやつ 2020/02/11 リンクその他 ● ● ●

tarotarorg これは便利そう。 ●開発 2020/02/11 リンクその他 ● ● ●

ALM0ND 線またぎ表現がうまくできればVisioの競合にはなりそう ●エンジニア 2020/02/11 リンクその他 ● ● ●

nori1027 素晴らしい〜。これ見てdraw.ioを使い倒そう〜。 2020/02/11 リンクその他 ● ● ● 注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fqiita.com%2FG-awa%2Fitems%2F8fd414700b68b2bcafcc" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/https://qiita.com/G-awa/items/8fd414700b68b2bcafcc@gumennikov.d">【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/s/qiita.com/G-awa/items/8fd414700b68b2bcafcc@gumennikov.d">はてなブックマーク - 【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita</a></div></iframe>

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！ ●バナー広告なし ●ミュート機能あり ●ダークモード搭載アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事﹁︻動画付き︼ draw...﹂が注目されています。気持ちをシェアしよう draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ERモデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。﹁こんな使い方あるよ！オススメだよ！！﹂という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。ツイッター公式アカウント公式ブログショートカットショートカット集です。机の上に置いて覚えましょう。 Line / 線まずは最も頻繁に使う Line(線)の使い方からご紹介します。矢印をまっすぐに揃えるちまちまと矢印の線をドラッグして微調整し ●draw.io ●あとで読む ●フローチャート ●PlantUML ●drawio ●draw ●エンジニア ●Qiita ●ツール ●UML