Hatena Blog Tags
はてなブログ トップ
draw.io
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

draw.io

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
機械学習基礎理論独習•3ヶ月前

VSCodeでmarkdownに2Dのグラフを書く方法(draw.io)

draw.ioがおすすめ VSCode で Draw.io integration をインストールするだけ。 少ししか使っていないけど、直観的で良さそう。MicrosoftやGoogleが作っている編集できるアプリにやや劣るぐらいかな。 Draw.io integration の使い方 拡張子を drawio.svg としてファイルを作成する。 それをVSCode開いて、適当に編集する。 markdownファイルに ![](img/temp0407.drawio.svg) と書くだけ。(パスは自身のものに変えて) 以下はやっておいた方がよさげな簡単な設定です。 背景色を白色にする(やっておいた…

#draw.io#VSCode

関連ブログ

IT Hands-on Lab•3ヶ月前

作図アプリ draw.io によるネットワーク構成管理

オープンソースの作図アプリ「draw.io」を使ったネットワーク構成管理の例を紹介します。 draw.ioは無料で広告表示もなく、直感的で使いやすいのでおススメです。 操作環境：Windows 11 使用アプリ：draw.io Diagrams(Microsoft Storeから入手) draw.ioデスクトップアプリインストール draw.ioによるネットワーク構成管理例 ラック図、物理配線図 フロア配線図 ネットワーク構成図 細かい機能について 取り扱い可能ファイル形式 図形検索、ソフトウェア開発系図形 接続線の扱い、図面複製 色の管理 おわりに draw.ioデスクトップアプリインストー…

#draw.io#ネットワーク構成図#構成管理
はちみつブログ•3ヶ月前

Claude 3.7 Sonetで図を作成してみた

2/24(米国時間で、日本では2/25らしい)に公開されてから、Claude 3.7に関する記事を目にする機会が多かった。特に、図やスライド作成までできるという話も多く目に留まった。 図形の作成AIというと、Napkin AIは聞いたことがありどこかで試そうかなと思っていたものの、それ以外はあまり聞いたことがない。通常のLLMにコードを書かせるのと同様に、SVGのコードを依頼したことはあるのだが、許せる図になったことはまあなかった。もし、Claude 3.7が図を作れるようであれば、かなり嬉しい。 ということで試してみた、というのが今回の記事になる。今回はSVGで描画することに加え、後で編集が…

#Claude 3.7 sonnet#draw.io#LLM
はちみつブログ•7ヶ月前

Draw.ioで mermaid.js の図を作成する

今回は、フリーで利用可能な描画ツールとして有名なDraw.io上でMermaid.jsを利用する方法を紹介する。Draw.io自体はWebアプリとしてブラウザでも利用可能だが、特にVSCodeでの拡張機能で利用する場合について詳しく紹介する。 VSCodeのDraw.io拡張機能について オンラインまたはデスクトップアプリで利用可能な作図ツールであるDraw.io。VSCodeの拡張機能としても提供されており、VSCode内で簡単に利用できる。 もちろん、PowerPointやvisio、お金をかけるならAdobe Illustrator、お金をかけないのであればInkscapeでベクター形式…

#mermaid.js#draw.io#VS Code
中小企業のITサポート•8ヶ月前

draw.ioでフロー図作成をもっと簡単に！おすすめ機能を解説

はじめに フロー図作成は、プロジェクトの計画や業務の流れを視覚化するうえで欠かせないスキルです。draw.ioは、無料で利用できる優れたツールで、初心者でも簡単にフロー図を作成できる豊富な機能が揃っています。本記事では、draw.ioの基本概要と、フロー図作成に役立つおすすめ機能を紹介します。 app.diagrams.net 1. draw.ioの基本概要 1.1 無料で使えるdraw.ioとは？ draw.ioは、無料で利用できるオンラインのダイアグラム作成ツールです。ブラウザから直接アクセスでき、インストール不要で、業務フロー図、ネットワーク図、プロセス図など、さまざまなダイアグラムを手…

#draw.io#ネットワーク図#業務フロー図
あめがえるのITブログ•2年前

VSCodeとDraw.ioでAWSの構成図を書いてみた

構成図はExcelかPowerPointでせくせく作ってましたが、最近？はVSCodeとDraw.ioでおしゃれに作るのがシティーボーイのトレンドだと聞いたので遅ればせながら使ってみた。 ◆やること VSCodeにDraw.io Integrationをインストールし、VSCode上でdrawioファイルを作成 ◆Draw.io Integrationとは .drawio, .dio, .drawio.svg, .drawio.pngファイルをDraw.ioエディタで編集することができます。 新しい図を作成するには、空の.drawio, .drawio.svg, *.drawio.pngファイ…

#VSCode#AWS
雑記簿帳・調法調度•3年前

ブロックダイアグラム作成御用達のdiagrams（旧称draw.io）

紹介 制御とか処理とかでブロックダイアグラムを作成したい時に利用できる フリー 登録不要 オープンソース GUI ローカル完結 各種OSに対応 microsoftのvisioみたいなものではあるが，例えば詳細な図面の設計に使えるものではないし，あくまで情報・工業・数学・産業といった分野において，ブロックダイアグラムなどの作成を支援してくれる 環境 ブラウザ JavaScriptを有効にしておくだけでOK app.diagrams.net アプリ インストールはこちらから，OSに対応してダウンロードしてね get.diagrams.net 利点 利用開始までの手順が簡単 利用環境のハードルが低い…

#Diagrams#Drawio#draw.io#SVG#PNG
おーみんブログ•3年前

VSCode + Draw.ioでER図をエクスポートする！

はじめに 現在常駐しているお客様先でDraw.ioというものを知ったので備忘録として残したいと思います。 今まではER図を書く際はExcelで書いていたのでDraw.ioの便利さや手軽さにはとても驚きました。 Draw.ioの導入方法や概要は以下の記事がとても分かりやすかったです。ありがとうございました！ qiita.com それでは今回は1対多のテーブルを作ってSVG形式でエクスポートする流れを書いていこうと思います。 新規ファイルを作成する 任意のフォルダにてVSCodeを起動し、ファイル名を「sample.dio」とします。 すると以下のような普段のVSCodeとは違う画面が表示されます…

#draw.io#VSCode#ER
三重の中小企業診断士・エスモットblog•4年前

業務フロー作成に役立つかも

強みと特別をもっと外に！ エスモットです。 チャートを使いこなすと、手順が伝わりやすくなります 業務フローのチャートを書く時は何を使って書いていますか？ ExcelやVisioなどで作成することが多いと思います。 Excelがなじみ深く、作り初めにはちょうどいいのかなと思います。 業務フローのことを調べていると、こんな記事を見つけました。 atmarkit.itmedia.co.jp 無料のチャート作成ツールがあるということです。 途中から会員でないと見れないのですが、こちらで使い方を確認することができます。 ferret-plus.com このソフトではテンプレートを使用することができます。…

#draw.io#プレゼン#チャート