draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ！オススメだよ！！」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し
追記 versionによっては設定を変えないとエクスポートができないようです。 エクスポートできない方はこちらの記事をご参考に設定いただくとエクスポートできるかもしれません。 現状バージョン0.4ではこちらの設定が必要となります。 VSCodeでDraw.io Integration使用時にエクスポートできないことがある問題への対処 2020/10/18追記 現在のバージョン0.7ではdrawio拡張子のエクスポートがうまくいかないようです。 その場合はオフラインモードに移行変更していただくか、drawio.pngやdrawio.svg拡張子でファイルを作成してもらうことで直接編集もできた上で、エクスポートとせず末尾の拡張子ファイルとして利用することができます。 はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。
C言語をマスターしたい人はGCCのバージョン14を使いましょう - pyopyopyo - Linuxとかプログラミングの覚え書き -
UMLとかAWS構成図とかを描くツール
tldraw
A free and instant collaborative diagramming tool.
AWS構成図おすすめツール - Qiita
AWSの構成図を作成する際に便利なツールを紹介します。 vscodeの拡張プラグイン「Draw.io Integration」です。 インストール方法 vscodeの左サイドにあるExtensionsをクリックし、検索窓にdrawと入力するとDraw.io Integrationが表示される。そして、Installボタンをクリックするとインストールされる。 作画ツールの表示 インストール後に新規ファイル作成ボタンを押し、 拡張子を.drawioにすると自動的にvscode上でdrawioの作画ツールが表示される。 これを使って簡単なAWSの構成図を描いていきます。 VPCを作成して、その中にパブリックサブネット、EC2インスタンス、インターネットゲートウェイを作成する。 使い方 AWSアイコンの追加 下部の+More Shapesを押すと、アイコンのセットが表示される。 ここからAWS 1
どうもイラストレーターのみえです。 実は靴デザイナーもやっています。 仕事柄わりと常に靴を観察し、絵型なんかも描いているので、靴のイラストにはこだわりがあって、それなりに描ける自信もあります。 プライベートでイラストを描いていたり、色んなイラストレーターさんの絵を見たりする機会も多いのですが、「あぁっ、この靴は構造的にこうはならないんだけどな…」とか「なんか靴だけバランスがヘンだな…」みたいな違和感を感じることがあって、皆さん結構靴を描くのって苦戦しているんじゃないか、と思い、今回はイラストレーターとしてではなく、靴デザイナーとしての視点から「靴のイラスト」の描き方を解説していきます👠👟👞 （靴の絵柄は基本的に左足の外側を描くため爪先が右を向いていることが多いので、絵文字だと全部右足に見えるのが違和感です、笑） ●こんな人の役に立つかも・「靴って描くのむずくね？」って人 ・「ちゃんと
生成AI技術が辿った濃い一ヶ月間
vscode-drawio/README.md at master · hediet/vscode-drawio
Edit .drawio, .dio, .drawio.svg or .drawio.png files in the Draw.io editor. To create a new diagram, simply create an empty *.drawio, *.drawio.svg or *.drawio.png file and open it. .drawio.svg are valid .svg files that can be embedded in Github readme files! No export needed. .drawio.png are valid .png files! No export needed. You should use .svg though whenever possible - they look much better! T
Draw.io（diagrams.net）で作成したインフラ構成図をコードで管理する、GitHubで編集差分を確認する | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 Draw.io（diagrams.net）は、JGraph Ltdにより提供されているオンラインのダイアグラム作成サービスです。無料で利用可能です。 Diagram Software and Flowchart Maker 今回は、Draw.io（diagrams.net）で作成したインフラ構成図をコードで管理し、GitHubで編集差分を見る方法を確認してみました。 やってみた VS Codeプラグインの導入 Draw.ioの構成図のデータは、Draw.io Integrationというプラグインを使えばVisual Studio Codeで編集できます。とても便利なプラグインなので導入します。 Draw.io Integration - Visual Studio Marketplace Draw.ioで構成図を作成する Draw.io
ホテルの実測スケッチがSNSで人気を集めている一級建築士・カラーコーディネーターの遠藤慧さん。実測スケッチとは、建築物などの対象物を観察しメジャーなどでそのさまざまな部分を測量、スケッチに落とし込んでいくものです。「アマン東京」「hotel hisoca」「LANDABOUT TOKYO」など写真ではなくイラストでホテルを図解することで見えてきた名建築の魅力をインタビューしました。 ホテルは寝食住のデザインをまるっと体験できる場所 ――実測スケッチからは、遠藤さんがホテルを訪れたときの感動が伝わってくるようです。国内外のメディアにも紹介され、人気を博していますが、ホテルをスケッチしようと思ったきっかけを教えてください。 遠藤慧さん（以下、遠藤）：ホテルの実測スケッチは、建築事務所に勤めていたころ、設計のリサーチとしてはじめました。建築をなりわいにしている人は、デザインの勉強のために実際の建
こんにちは．株式会社ゆめみの Keeth こと桑原です．Twitter には #つぶやきProcessing という魅力的なタグがあり，毎日数々の美しい作品がこのタグを付けて投稿されています．これを眺めるだけでも一日中過ごせるくらいです（個人の感覚です）． 今日はその中でも特に度肝を抜かれ，かつ感動した作品が 2022/11/04 に投稿されておりましたので，個人の拙い能力で解析に挑戦してみました💁 ※一部解析しきれていない部分がありますが，ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品． 初めてみたときは思わず言葉を失いました．いや，これ twitter のツイートですのでかなり文字数も少ないんですよ！なのにこの表現ってどうなってんの！？と… これはかなり学びになると思い解析を試みようと思い立った次第です．それにしても美しい… ソースコード で
Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.
あ…ありのまま今起こった事を話すぜ！島本和彦先生の #炎の原画展 に来ていたら、いつの間にか藤田和日郎先生がライブドローイングをしていた…
EDITION 88 @TheEdition88 【#炎の原画展】 いよいよ明日より開催🙌 #島本和彦 先生にご来場いただき、なんと…メイン看板にサインとイラストを描いていただきました✍️✨（ありがとうございます！） さらにあの方からのサインも…⁉️ 是非会場でお確かめください👀 ※看板は撮影OK📸 pic.twitter.com/Rn1hsS2UDc 2023-04-27 19:53:20
Diagrams lets you draw the cloud system architecture in Python code. It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.
CloudSkew is an online diagram & flowchart editor. You don't have to install any software. Just login and start drawing! Icons for AWS, Azure, GCP, Kubernetes, CNCF, Alibaba Cloud, IBM Cloud, Oracle Cloud (OCI) and more are already available in the app. You don't have to search for & download the symbols separately.
GitHub - hediet/vscode-drawio: This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - receiptline/receiptline: Markdown for receipts. Printable digital receipts. Generate receipt printer commands and images.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
![[Obsidian] Excalidrawプラグインの魅力を図解で伝えたい](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3101ca8be849f037d30bf5bd9e7528aae8f19ac/height=288;version=1;width=512/https%3A%2F%2Fpouhon.net%2Fwp-content%2Fuploads%2F2020%2F10%2Fobsidian_logo.jpg){kind=logo}
ドットスタンプで描くアナログドット絵
GitHub - steveruizok/perfect-arrows: Draw perfect arrows between points and shapes.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
【12/24にGitLab対応!】テキストで自在に「描く」- KrokiではじめるDiagram as Code - Qiita
【12/24にGitLab対応!】テキストで自在に「描く」- KrokiではじめるDiagram as CodeMarkdownGitLabasciidocVisualStudioCodekroki これは、 NTTコミュニケーションズ Advent Calendar 2020 25日目の記事です。 昨日は @tnoyama さんの「TEKTONとArgoを比較してみた」でした。お楽しみいただけましたか？ Krokiとは 本記事では、テキストからの図表生成ツール Krokiを紹介します。最新バージョンは0.9.0です。 公式docs: Kroki! GitHub: yuzutech/kroki: Creates diagrams from textual descriptions! 概要 Kroki!は、テキストから統一的なAPIで、 UML C4 データ可視化 その他図表 を、PNG,
Discover amazing ML apps made by the community
The Ickabog - JKR
I had the idea for The Ickabog a long time ago and read it to my two younger children chapter by chapter each night while I was working on it. However, when the time came to publish it, I decided to put out a book for adults instead, which is how The Ickabog ended up in the attic. I became busy with other things, and even though I loved the story, over the years I came to think of it as something
This website allows you to draw your own fourier epicycle drawings, either by uploading an svg or by mouse. I had quite a bit fun creating this, so at the end there is a brief explanation trying to give the reader some mathematical intuition as to how revolving circles and the fourier transform are connected. My motivation for this website is to try and fill a gap left by other work (mentioned at
draw.io を利用する３つの方法
GitHub - misohena/el-easydraw: Embedded drawing tool for Emacs
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Excalidraw+Apple PencilでObsidianを手書きアプリとして使う - ごりゅご.com
🗃️使ったことのあるObsidianプラグイン一覧 - Minerva
GitHub - ggerganov/dot-to-ascii: Graphviz to ASCII converter using Graph::Easy
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
# Collaborative ASCII Drawing With Telnet *by [@bwasti](https://twitter.com/bwasti)* **** If the server isn't swamped, you can try it out (hold shift to erase, arrow keys to move): ``` telnet bram.town ``` If you're on a newer mac, you may need to `brew install telnet`. It doesn't come by default these days...  The full code listing can be found [here](https://g
andala
Choose and change your settings as you draw: Your brush color Your background color Your brush size Thin Medium Thick Your desired symmetry Radial Split by Horizontal Vertical Clear your canvas Save your canvas Created by: Alicia Underhill
Animation. For everyone.
How it worksReady to make a GIF? It's easy! 1. Print 🖨️Print a template. 2. Draw ✏️Draw in each frame. 3. Upload 📱Take a photo and upload. Arteater digests your art and transforms it into an animated GIF you can save and share.TemplatesPrint these.
About Mermaid | Mermaid
About Mermaid Mermaid lets you create diagrams and visualizations using text and code. It is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically. If you are familiar with Markdown you should have no problem learning Mermaid's Syntax. Mermaid is a JavaScript based diagramming and charting tool that uses Markdown
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【図解入門】シンプルな図の作り方｜櫻田潤🎨インフォグラフィック・エディター｜note
魔術として理解するお絵描きAI講座｜深津 貴之 (fladdict)
【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita
VSCodeでDraw.ioが使えるようになったらしい！ - Qiita
靴デザイナーが解説！靴イラストの描き方｜みえ👠靴Illustrator
名建築ホテルを実測スケッチで味わう。「アマン東京」「LANDABOUT TOKYO」「hotel hisoca」など 一級建築士 遠藤慧さん
私が感動した Processing 製の作品のソースコードを解析してみた
「AIイラストって絵の勉強になる…？」取材を受けて考えたあれこれ｜賢木イオ
iPadって「曲がる」んだ…！ある日電源が入らなくなった→故障のまさかの原因にびっくり！
Diagrams · Diagram as Code
Online Diagram, Flowchart Maker | CloudSkew
【Hothotレビュー】 ワコムから4万円の液タブ「Wacom One」登場。早速を使ってレビューしてみた
[Obsidian] Excalidrawプラグインの魅力を図解で伝えたい
Sketch2lineart - a Hugging Face Space by tori29umai
GitHubでMermaid構文の表示機能が強化されていました | DevelopersIO
myFourierEpicycles.
Excalidraw+Apple PencilでObsidianを手書きアプリとして使う - ごりゅご.com
「Google Meet」と高機能オンラインホワイトボード「Miro」が連携可能に／ビデオ通話にMiroのホワイトボードを埋め込んで利用できる
🗃️使ったことのあるObsidianプラグイン一覧 - Minerva
jott - telnet_draw
togetter.com
togetter.com
news.yahoo.co.jp
www.kyousyokuin.or.jp
nao7.lo.gob.jp
internet.watch.impress.co.jp