並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 98件

新着順 人気順

drawの検索結果1 - 40 件 / 98件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

drawに関するエントリは98件あります。 AIドキュメントdraw.io などが関連タグです。 人気エントリには 『全ビジネスマンが使えるClaude3.7 sonnet と draw.ioで始める図の作成。|遠藤巧巳 - JapanMarketing合同会社 AIネイティブな会社の作り方』などがあります。
  • 全ビジネスマンが使えるClaude3.7 sonnet と draw.ioで始める図の作成。|遠藤巧巳 - JapanMarketing合同会社 AIネイティブな会社の作り方

    3.7 sonnet → drawioが今のところベストな図の作成方法。特にdrawioにすることで修正ができることが従来との違い。パワポ作成やブログなどの際に図を多用できる。これはわかりやすくビジネスマン全員が使える組み合わせ。 https://t.co/GzZRYhgt1V pic.twitter.com/xmWryTqnk6 — 遠藤巧巳 - AIエージェント受託開発 (@ai_agent_dev) March 1, 2025 図の作成のベストは2025年3月時点ではClaude3.7 sonnetです。ChatGPT,Geminiでもできますが、クオリティが低いと人の修正時間が増えます。この図の作成クオリティのためだけにClaudeを契約しても良いと思います。 何が違う?これまでは図の作成はsvgで行うことが普通でした。しかしsvgだと人の修正ができないため、ほんの少しの違和感でも

      全ビジネスマンが使えるClaude3.7 sonnet と draw.ioで始める図の作成。|遠藤巧巳 - JapanMarketing合同会社 AIネイティブな会社の作り方
    • 「Claude × Draw.io × スイムレーン」で業務フロー図のたたきを瞬時に作るプロンプト - Qiita

      はじめに ご無沙汰しております。Cursor→Claudeとコスって開発PMを日々やっている中で、何を発信してよいやら迷走した1ヶ月でしたが復活しました。結局のところ、Tipsとプロンプトかなあというところに思い至りまして、そのまま使えずとも、「こんなことに使えるんだあ」という気付きになれば幸いです。 Claudeと言いつつ、ChatGPTでもGeminiでも行けるっちゃいけるんですが、Opusがやっぱり優秀なのでClaudeでやっています。 概要:ワークフロー図づくりで“詰む”前に── 「フロー図描いてって軽く言われたけど、そもそも何を聞けばいいんや……」――そんな若手の悲鳴を(また)聞きまして、プロンプトで一撃解決できんかと作ってみました。 「プロンプトはそのまんま載せてます。コピペして即生成AIに突っ込めば動くはず。 こんな感じのフローが簡単に作れるはずです 目次 なんでプロンプト?

        「Claude × Draw.io × スイムレーン」で業務フロー図のたたきを瞬時に作るプロンプト - Qiita
      • 生成AIにdraw.ioのAWS構成図を作図させてみた | DevelopersIO

        こんにちは。たかやまです。 いままでいくつものIaCツールをベースにAWS構成図作成する作図ツールがでているかと思います。 ただ、これらは独自ツールでユーザー側で編集できないものだったり、作成された構成図のエクスポート先がPDFやPNGだったりと、後から修正や更新がしにくいという課題があります。 私は普段draw.ioやCacooを使ってAWS構成図を作成しています。 日々新しい生成AIモデルが登場していますが、draw.ioはXML形式で構成図が定義されるため、生成AIでも扱いやすいのではないかと考えました。 実際に試してみたところ、想定以上に高品質なAWS構成図を作成してくれたので今回はそちらをご紹介します。 さきにまとめ CDKやCloudFormation、Terraformのコードから直接構成図を生成できる モデルはClaude 3.5 Sonnet以上がおすすめ Anthrop

          生成AIにdraw.ioのAWS構成図を作図させてみた | DevelopersIO
        • 【2026年最新】エンジニアが入れるべきMCPサーバー厳選まとめ(Draw.io, Filesystem, Serena他)

          最近話題の MCP (Model Context Protocol)、皆さんはもう使っていますか? 出典:クラウドエース Claude DesktopやCursor、そして最近登場したClaude Codeなど、MCP対応のAIツールが増える中で、「結局どのサーバーを入れればいいの?」と迷っている方も多いはず。 この記事では、最近の注目ツール(Draw.ioなど)から、開発効率を爆上げする鉄板サーバーまで、エンジニアにおすすめのMCPサーバーを厳選して紹介します。 1. 最近話題のMCPサーバー 4選 まずは、直近で注目を集めている最新ツールから紹介します。 Draw.io MCP(おすすめ度:★★★★★) 「AIに指示するだけで、システム構成図を作りたい」 そんな願いを叶えてくれるのが,Draw.io公式のMCPサーバーです。 特徴: テキストからXML、CSV、Mermaid形式で図を

            【2026年最新】エンジニアが入れるべきMCPサーバー厳選まとめ(Draw.io, Filesystem, Serena他)
          • draw.ioでレイヤーを使ったらAWS構成図が捗ったお話

            draw.ioでレイヤーを使ったらAWS構成図が捗ったお話AWSを使っている方なら、dwar.ioを使って構成図を書く機会が結構あると思います。構成図を書く時のイラッとをなくすレイヤーという機能を知ったのでご紹介したいと思います。え?今更知ったの?そんなの知ってるよ。と言われちゃうかもですが、ご紹介させてくださいませ。 その前に、構成図書く時にどう書いたら良いんだろう、、、となる時ありますよね。参考にしている良い記事あるのでご紹介させてください。今まで結構雰囲気で書いていたのですが、この記事を見てから綺麗にかけるようになりました。 AWSのアーキテクチャ図を描くときに意識していること それではレイヤーのお話に行きたいと思います。ECSコンテナを編集したい場合、まずレイヤーを使っていないときは、こうなりますよね。 邪魔なのをどかしてどかして、やっと編集できます。次回すぐ編集できるように最前面

              draw.ioでレイヤーを使ったらAWS構成図が捗ったお話
            • ER図の作図について、 Draw.io, PlantUML, Mermaid を比較してみる。(VSCode拡張機能など) - Qiita

              はじめに データベース設計のER図について、VSCodeなどで作成する以下3つの方法を比較した記事です。 Draw.io PlantUML Mermaid 以前、Webアプリケーションを作成した際には、 Draw.io を使用して、作図しました。 (そのアプリのER図を今回サンプル図としています) 最近、 PlantUML を利用するようになり、ER図や、シーケンス図、クラス図の作図に利用しているのですが、とても編集しやすいと感じています。 ただ、どのツールにも、一長一短あるかと思いますので、それぞれ以下目次の内容を書いて、ご紹介したいと思います。 目次 1. Draw.io 1-1. VSCodeでの使い方 1-2. ER図 1-3. 感想 2. PlantUML 2-1. VSCodeでの使い方 2-2. ER図 2-3. 感想 3. Mermaid 3-1. VSCodeでの使い方

                ER図の作図について、 Draw.io, PlantUML, Mermaid を比較してみる。(VSCode拡張機能など) - Qiita
              • Claude Code に draw.io の図を描かせるコツ

                [2025-12-16 追記] 手っ取り早く手元で使いたい方は「6.1. drawio のインストール」を済ませてこちらの記事をチェック! 1. はじめに 株式会社GENDA データエンジニア / MLOps エンジニアの uma-chan です。 この記事は GENDA Advent Calendar 2025 シリーズ4 Day 12 の記事です。 1.1. この記事について Claude Code に draw.io 形式の図を描かせようとすると、意外とハマりポイントが多いです。 フォントが反映されない 矢印がラベルと被る テキストが意図しない改行をする 本記事では、私が実際にプレゼン資料の図を Claude Code に描かせる中で学んだコツをまとめます。 1.2. なぜ Claude Code に draw.io を描かせるのか draw.io の GUI で図を作成するのは時間

                  Claude Code に draw.io の図を描かせるコツ
                • Claude Code × draw.io公式Skillで、AWSアーキテクチャ図の生成を自動化してみた | DevelopersIO

                  Claude Code × draw.io公式Skillで、AWSアーキテクチャ図の生成を自動化してみた はじめに フローチャートやアーキテクチャ図をWEB上で描くとき、多くの方は手動で作成しているのではないでしょうか。2026年4月現在、AI Agentに作業を任せる流れが加速していますが、作図系のWEBアプリはAI連携(MCPなど)にまだ制限が多いのが現状です。 そんな中、draw.io(jgraph)公式がClaude Code向けのSkillを公開していることを知り、試してみました。 (draw.ioにはMCPサーバー版もあるが、Skill 版は外部プロセス不要でセットアップがシンプル。今回はSkill 版を使った。) draw.io skill-cli: https://github.com/jgraph/drawio-mcp/tree/main/skill-cli 自分のVSC

                    Claude Code × draw.io公式Skillで、AWSアーキテクチャ図の生成を自動化してみた | DevelopersIO
                  • 【draw.io MCP】AIで ER 図が一瞬で生成できるようになった話 — 実際に使って検証してみた

                    はじめに draw.ioの開発元であるJGraphから公式MCPサーバーがリリースされました。 プロンプトで指示するだけでdraw.ioのダイアグラムを自動生成できます。しかも生成後はそのままdraw.io上で手動編集できるので、ちょっとした修正も簡単です。 本記事では、Claude Desktop・Cursorへの導入手順と、実際に使ってみた所感を紹介します。 MCP とは? MCP(Model Context Protocol)とは、外部のツールやデータベースと安全かつ効率的に連携するための共通の通信規格(プロトコル)です。 MCP を通して、 ファイル操作 コマンド実行 ER図やフローチャートの作成(draw.io MCP) などを AI が直接実行できます。 draw.io MCP でできること AIが draw.io を直接操作し、図を自動生成できる 文章やスキーマから ER図を

                      【draw.io MCP】AIで ER 図が一瞬で生成できるようになった話 — 実際に使って検証してみた
                    • draw.ioの公式MCPサーバが出てたのでClaude Codeで試してみる

                      AWSTemplateFormatVersion: "2010-09-09" Transform: AWS::Serverless-2016-10-31 Description: Sample Application Globals: Function: Timeout: 5 MemorySize: 128 Runtime: python3.11 Architectures: - arm64 LoggingConfig: LogFormat: JSON ApplicationLogLevel: INFO Environment: Variables: POWERTOOLS_SERVICE_NAME: SampleApplication Parameters: Sample2DynamoDBTableName: Type: String Default: DynamoModel Descri

                        draw.ioの公式MCPサーバが出てたのでClaude Codeで試してみる
                      • draw.ioを使ってAWSの構成図を作成するコツ - Qiita

                        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 案件でAWSの構成図を作成する機会があったので備忘兼ねて投稿します。 ※約5分で読めます 1. グループの内側から作成していく AWSの基本的なグループ構成はこんな感じ 添付の場合、個人的には Public subnet or Private subnet > Availability Zone > VPC > Region > AWS Cloudの順番で作成することをオススメします。理由は内側のグループが肥大すると外側のグループの手直しが発生するためです。 今回作成した時に外側から作成してしまい、めっちゃ時間がかかってしまいました..

                          draw.ioを使ってAWSの構成図を作成するコツ - Qiita
                        • AWS 構成図をプロンプトひとつで作れる!Claude Code + draw.io MCP サーバーを試してみた | DevelopersIO

                          AWS 構成図をプロンプトひとつで作れる!Claude Code + draw.io MCP サーバーを試してみた はじめに クラスメソッドオペレーションズの Shimizu です。 ブログ執筆や社内資料のために AWS のインフラ構成図を作成する機会がよくあります。 これまでは手動でコツコツ作っていましたが、draw.io MCP サーバーの登場により、複雑なシステム構成図もプロンプトの指示ひとつで簡単に作成できるようになりました。しかも自由に編集可能です。 今回は Claude Code と draw.io MCP サーバーを組み合わせて、管理している AWS アカウントのインフラ構成を読み取ってそのまま構成図にする、という手順を試してみました! draw.io とは draw.io はフローチャートやネットワーク図など、さまざまな図を直感的なマウス操作で作成できるwebサービスで、ユ

                            AWS 構成図をプロンプトひとつで作れる!Claude Code + draw.io MCP サーバーを試してみた | DevelopersIO
                          • Draw.io(diagrams.net)で作成したインフラ構成図をコードで管理する、GitHubで編集差分を確認する | DevelopersIO

                              Draw.io(diagrams.net)で作成したインフラ構成図をコードで管理する、GitHubで編集差分を確認する | DevelopersIO
                            • draw.ioをつかったフレキシブルな設計図作成術 - KAKEHASHI Tech Blog

                              はじめに こんにちは!ソフトウェアエンジニアの種岡です。 皆さん、システム設計に取り組んでいますか? 設計は、プロジェクト成功への道筋を描く、航海の羅針盤です。 目的地を見据え、それに向かって進むための確かな指針となります。 設計の質がしっかりしていれば、開発という大海原でも迷わず進むことができます。 設計はプロジェクトの土台を築く、創造的かつ重要なプロセスです。 夢を描き、それを形にする試行錯誤の楽しさ、これこそが設計の魅力だと思います。 この記事は秋の技術特集 2024の11記事目です。 この記事 is 何? この記事では、設計図を描く際の心構えと、誰でも見やすい設計図を作成するためのテクニックについてお話しします。 なぜ設計図を書くのか? 図は複雑な情報を視覚的に整理し直感的な理解を推進することができるため チーム内外での共通理解を促進し、コミュニケーションを円滑にするため 予測可能

                                draw.ioをつかったフレキシブルな設計図作成術 - KAKEHASHI Tech Blog
                              • Cursorでdraw.ioの業務フロー図とn8nワークフローを自動作成する方法|Dify Base

                                はじめに今回は、Cursorで業務フローをdraw.ioで可視化し、n8nのワークフローを作成するまでの流れを自動化するシステムの構築方法をご紹介します。 このシステムでは対話形式で要件を整理し、段階的にフロー図やn8nのワークフローを作成できます。 このシステムでは、精度高く、n8nのワークフローを構築してくれますが、ノードの細かな設定部分は人間が修正する必要はあります。 ただし、今後のLLMの精度向上に従って、よりn8nワークフロー作成精度の向上も期待できます。そのため、LLMで作成することを前提としたシステムを作成しておくことは非常に便利だと考えられます。 システムの概要このシステムは4つの段階でフロー図やn8nのワークフローを作成します。 対話形式でのヒアリング → 構造化された要件定義書を自動生成 要件定義書 → 中間設計書(DSL)を自動変換 中間設計書 → Draw.io形式

                                  Cursorでdraw.ioの業務フロー図とn8nワークフローを自動作成する方法|Dify Base
                                • 話題の無料画像生成AI「Stable Diffusion」をオフラインのiPhoneのみで動かせるアプリ「Draw Things」を使ってみたよレビュー

                                  文章(プロンプト)を入力するだけで画像を生成してくれるAI「Stable Diffusion」が大きな注目を集めていますが、Stable Diffusionを使うには高性能GPUを搭載したマシンを用意する必要があるため興味はあっても使うのを諦めていた人も多いはず。そんな中、iPhoneに搭載されたチップを利用してオフラインでもStable Diffusionを用いた画像生成を可能にするアプリ「Draw Things」が公開されました。実際にDraw Thingsを使ってみたところ、モデルデータの切り替えやシード値の手動入力など高度な機能が山盛りの高性能画像生成アプリに仕上がっていたので、インストール手順や使い方をまとめてみました。 Draw Things: AI-assisted Image Generation https://draw.nnc.ai/ Draw Thingsを使うには、

                                    話題の無料画像生成AI「Stable Diffusion」をオフラインのiPhoneのみで動かせるアプリ「Draw Things」を使ってみたよレビュー
                                  • Draw SVG rope using JavaScript · Muffin Man

                                    Today, I'll take you through the process I came up with in regard to transforming an SVG path into a vector rope drawing. We'll learn how to turn the path on the left into the rope on the right: The problem popped up on a project my colleagues were working on, and it stuck with me. I thought about it and started playing with it as soon as I got some free time. I had a lot of fun. Therefore I want

                                      Draw SVG rope using JavaScript · Muffin Man
                                    • draw.io公式MCP Serverがリリース!Kiro CLIで試してみつつ、AWS Diagram MCP Serverとの比較もやってみた - Qiita

                                      draw.io公式MCP Serverがリリース!Kiro CLIで試してみつつ、AWS Diagram MCP Serverとの比較もやってみたAWSDraw.ioMCPKiro はじめに 2026年2月、draw.ioの公式MCP(Model Context Protocol)Serverがリリースされました。 MCP Serverの登場が相次いでいますが、作図ツールとして広く使われている(と思っている)draw.ioからも公式のMCP Serverが出てきました。これまで私はLLMで作図をさせる場合は、AWS Diagram MCP Serverを使ってPNG形式で出力させるか、LLMに依頼してdrawio形式で出力させていました。新たに登場したdraw.io MCP Serverを試しつつ、既存のAWS Diagram MCP Serverとの比較もやってみることにしました。 今回

                                        draw.io公式MCP Serverがリリース!Kiro CLIで試してみつつ、AWS Diagram MCP Serverとの比較もやってみた - Qiita
                                      • Claude CodeのAWS公式プラグインでdraw.io形式のAWS構成図を自動生成してみた(aws-architecture-diagramスキル) | DevelopersIO

                                        Claude CodeのAWS公式プラグインでdraw.io形式のAWS構成図を自動生成してみた(aws-architecture-diagramスキル) Claude Codeのdeploy-on-awsプラグインは、アプリケーションをAWSにデプロイする機能で知られています。ただ、このプラグインにはデプロイ以外のスキルも含まれています。その一つがaws-architecture-diagramスキルです。 公式AWS4アイコンを使ったAWSリファレンスアーキテクチャ風のdraw.io構成図を自動生成してくれます。今回はこのスキルを実際に試してみました。 deploy-on-aws プラグインとは deploy-on-awsは、AWSが公開しているClaude Code向けプラグインコレクション awslabs/agent-plugins に含まれるプラグインです。プラグインの概要やde

                                          Claude CodeのAWS公式プラグインでdraw.io形式のAWS構成図を自動生成してみた(aws-architecture-diagramスキル) | DevelopersIO
                                        • draw.io、Claude Code向けスキルを公開 | gihyo.jp

                                          draw.ioは2026年2月23日、Claude Code向けの「Draw.io Skill」を公開した。MCPサーバーを立ち上げずに、Claude Codeのツール(Bash/Write)だけでネイティブの.drawioファイル(mxGraphModel XML形式)を生成し、必要に応じてdraw.io Desktopに付属するCLIでPNG/SVG/PDFへ出力できる。 Draw.io Skill for Claude Code - GitHub jgraph/drawio-mcp New: https://t.co/AngZk3kQsM skill for Claude Code — describe a diagram, get an editable PDF, PNG or SVG. Each file embeds the full https://t.co/AngZk3kQ

                                            draw.io、Claude Code向けスキルを公開 | gihyo.jp
                                          • Opus4.6でdraw.io図を生成したらもはやLLMの前提が崩れてた件

                                            この記事ではdraw.ioを使ってClaude Codeで作図する実践パートがありますが、MCPサーバーもSkillsも使っておりません。すべてOpus4.6の性能だけで作図してます。 はじめに 「LLMは空間的な推論が苦手」「テキストベースで座標を扱うのだから、複雑な図はぐちゃぐちゃになるはず」──これは自分がずっと持っていた前提でした。おそらく同じように考えている方も多いのではないでしょうか。 実際、以前のモデルで試した限りでは、この前提はおおむね正しかったと思います。構成が複雑になれば矢印が交差して読みにくい図になり、結局は人力で修正することになる。グラフ理論的に考えても、コンポーネント数が増えれば交差は避けられないはずだ──と。 本記事では、この「LLMでは複雑な構成図はまともに作れない」という前提を、AWSアーキテクチャの構成図を段階的に複雑にしながらClaude Code(Op

                                              Opus4.6でdraw.io図を生成したらもはやLLMの前提が崩れてた件
                                            • draw.io MCP + Playwright MCP で画面設計書を自動生成してみた(GitHub Copilot Agent Skills) - Qiita

                                              はじめに 最近、draw.io MCP が公開されました。 これと Playwright MCP を組み合わせれば、 画面に遷移してスクリーンショット取得(Playwright) スクショに項番を付けたレイアウト図を作る(draw.io) HTML/画像を根拠にMarkdownの 画面設計書を書く (Copilot) ……までかなり自動化できそうだなと思い、休日を溶かして試したメモです。 先に結論 既存設計書がある中、保守目的で“更新”に使うにはまだ早い(特に「項番の一致」が不安定) 画面設計書がない(ないに等しい)プロジェクトで 0 → 1 を起こす用途なら、かなり使えそう

                                                draw.io MCP + Playwright MCP で画面設計書を自動生成してみた(GitHub Copilot Agent Skills) - Qiita
                                              • Draw.ioをプロンプトとして実行すると便利かもしれない - Qiita

                                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                  Draw.ioをプロンプトとして実行すると便利かもしれない - Qiita
                                                • iPhoneやMacで重量級画像生成AIをローカル実行できる「Draw Things」を使ってみたよレビュー、Qwen Imageのような大型モデルも実行可能

                                                  「Draw Things」はiPhone・iPad・macOSに対応した無料の画像生成AIアプリで、多様なモデルを用いてローカルで生成処理を実行できます。Qwen Imageなどの大型モデルもiPhoneでローカル動作させられるとのことなので、実際に使ってみました。 Draw Things: AI-assisted Image Generation https://drawthings.ai/ 「Draw Things: Offline AI Art」をApp Storeで https://apps.apple.com/jp/app/draw-things-offline-ai-art/id6444050820 Draw ThingsはStable Diffusionの登場で画像生成AIに対する注目が一気に高まった2022年に開発されたアプリです。GIGAZINEでも登場初期にレビュー済み

                                                    iPhoneやMacで重量級画像生成AIをローカル実行できる「Draw Things」を使ってみたよレビュー、Qwen Imageのような大型モデルも実行可能
                                                  • プレゼンで差をつける無料のチャート(図表)作成ツール「draw.io」 はじめの一歩

                                                    プレゼンテーションや企画書などに挿入する模式図やフローチャートを描く際、どのようなツールを利用しているだろうか。「Microsoft Excel(エクセル)」や「Microsoft PowerPoint(パワーポイント)」を利用している、という人も多いと思う。Microsoft Office製品の中には、模式図などの描画に最適な「Microsoft Visio(ビジオ)」というツールもあるのだが、Officeスイーツとは別パッケージになっていることもあり、利用者はそれほど多くないようだ。 頻繁に模式図やフローチャートなどを描くのであれば、このVisioと似た機能を持つドローイングツール「draw.io」を利用することを薦めたい。「draw.io」は無償のドローイングツールで、JGraph社を中心にGitHubで開発が行われている(会員登録も不要で、商用利用に制限はない)。オンラインサービス

                                                      プレゼンで差をつける無料のチャート(図表)作成ツール「draw.io」 はじめの一歩
                                                    • 「物理構成図はVisio」「コードを書けるならdraw.io」、個性派の作図ツール4選

                                                      ネットワーク図を描くにはツールの活用が欠かせない。簡単な図であれば、米Microsoft(マイクロソフト)の「PowerPoint」や「Excel」を使う技術者が多いようだ。 一方、大規模ネットワークの図を描く技術者の多くは作図専用ツールを活用している。そこで物理構成図に強いといった「個性」を持つツールを4つ紹介しよう。 「飛び越し点」で線の交差を識別 Microsoftの「Visio(ビジオ)」は、1990年代から続く歴史ある作図ツールの1つ。大規模ネットワークを構築するインテグレーターなどの技術者から根強い支持がある。TISの後藤崇夫IT基盤エンジニアリング第1部チーフは「設計フェーズで使う詳細な物理構成図を描くときに使い勝手が良い」と説明する。 大規模ネットワークの物理構成図は機器同士を結ぶ線が交差しやすく、機器同士の接続状況を区別しにくくなる。設計フェーズで機器同士の接続を誤ると、

                                                        「物理構成図はVisio」「コードを書けるならdraw.io」、個性派の作図ツール4選
                                                      • ⚡製図革命2.0⚡draw.io で図を作る AI スキルを作ってみた🚀 - Qiita

                                                        こんにちは、「図を AI に描かせたい欲」が止まらないアーキテクトのやまぱんです 😊 補足コメントや質問、いいね、拡散、ぜひお願いします 🥺! 間違っていたら 優しく 教えてください! 以前、「製図革命」として AG-Diagram Maker を紹介しました。 今回はその アップグレード版 として、内容も改善しつつ「スキル」という形でパッケージ化した話をします。 SKILL NINJA を使えばワンクリックでインストールできます 🎉 TL;DR 以前紹介した「AG-Diagram Maker」を スキル としてパッケージ化した SKILL NINJA 拡張機能で ワンクリックインストール できる 「アーキテクチャ図を作って」と頼むと 編集可能な .drawio ファイル が出力される Azure アイコンは azure2 形式を使わないと VS Code で表示されない(ハマりポイ

                                                        • draw.io MCPを使ってClaude Codeで持続可能なシステム構成図を書いてみる

                                                          はじめに こちらを記事を見てとても参考になったので私も試してみました。 draw.io × AI連携の3つのアプローチ 公式では、AIアシスタントとdraw.ioを連携させる方法として3つのアプローチが提供されています。 比較表 Tool Server App Server Project Instructions

                                                            draw.io MCPを使ってClaude Codeで持続可能なシステム構成図を書いてみる
                                                          • NotebookLM×Claude×draw.ioでkintone営業支援パックの構成図を自動生成してみた - Qiita

                                                            こんにちは!かねごん(@hrbk25)です! この記事では、少し前からSNSで話題になっていた「Claudeを使って、draw.ioのXMLを作ってもらう」という内容を、身近な内容とAIアシスタントツールを使って試してみましたので、その内容を備忘録として残しておきます。 どんな人向けの記事か システム構成図などの図を効率的に作成したい方 draw.ioを普段活用している方 AI(NotebookLM、Claude)による図の自動生成に興味がある方 やったこと 今回は、kintoneの営業支援パックを公式サイトの情報から、NotebookLMとClaudeを活用してdraw.ioでシステム構成図を自動生成してみました。 kintone営業支援パックとは 本アプリパックは営業で顧客や案件、商談の管理をすることを目的に構成されたサンプルのアプリパックです。 NotebookLMとは Google

                                                            • Steamにてお絵かきゲーム『Draw & Guess』が謎の大ブームを巻き起こす。お絵描き伝言ゲームの同接プレイヤー数が150人から3万人へ爆発 - AUTOMATON

                                                              お絵描き伝言ゲーム『Draw & Guess』がSteamの新たなトレンドになっている。ピーク時の同時接続プレイヤー数は3万5000人を超えて、直近24時間以内の同時接続プレイヤー数では25位以内にランクインするなど好調な作品だ。お絵描きゲームは国内外問わず、ブラウザやアプリゲームなどで数多く存在しているジャンル。そんななか、本作は謎の盛り上がりを見せている。 『Draw & Guess』は独立系開発会社Acureusが開発・販売をおこなうお絵描きゲームだ。今年3月21日にSteamで正式リリースされた作品で、伝言ゲームとクイズの2種類のゲームモードをプレイすることができる。日本語にも対応済みだ。 伝言ゲームは4~16人でプレイ可能。各プレイヤーには単語でお題が与えられ、絵だけでお題を描写する。描き終わったら右隣の人に絵を回して、自分は左のプレイヤーから回ってきた絵を受け取る。受け取った絵

                                                                Steamにてお絵かきゲーム『Draw & Guess』が謎の大ブームを巻き起こす。お絵描き伝言ゲームの同接プレイヤー数が150人から3万人へ爆発 - AUTOMATON
                                                              • 【小ネタ】draw.ioで作成した図をMicrosoft Officeドキュメントにキレイに貼り付ける | DevelopersIO

                                                                データ事業本部の松村です。 皆さんはdraw.io使ってますか? 私も特にAWS構成図を描くのに非常に愛用していましたが、せっかく作った図がMicrosoft Officeのドキュメント内に綺麗に貼れないのが悩みでした。 もちろんPNGなどのイメージにしてから貼り付けることはできるんですが、せっかくだから描画オブジェクトとして貼り付けたい!という願いを持っていました。試行錯誤の結果、他のツールの力を借りてうまくいったので書き残しておきます。 ちなみにですが、なぜこれでうまくいくかの原理は良くわかっていないため、手順のみのご紹介になります。 投稿中のスクショはWindowsのものですが、macOSでも同様の手順で再現可能です。 draw.ioのイメージをPDFとして書き出す 題材として、draw.ioのテンプレートとして付属されているこのAWS構成図を使ってみます。 これを、メニューの[ファ

                                                                  【小ネタ】draw.ioで作成した図をMicrosoft Officeドキュメントにキレイに貼り付ける | DevelopersIO
                                                                • Microsoft VisioやDraw.io、Graphvizなど7つの「ソフトウェアアーキテクチャ視覚化ツール」をレビュー

                                                                  ソフトウェアアーキテクチャ視覚化ツールは、アプリケーション開発とソフトウェアアーキテクチャ管理を成功させるために不可欠な要素だ。グラフィックを使ったコード表現やシステムの関係図など、視覚化はソフトウェアチームにプロジェクトの共通の青写真(将来予測、構想)を提供し、個々のモジュールの内訳を明確に定義し、アプリケーションの機能を動的に文書化する。 ただし、視覚化ツールを選定する際に、そのツールの際立つ長所、潜在的な弱点、そして特定のプロジェクトシナリオへの適合性を理解することが重要だ。 そこで本稿は、有料サブスクリプションやオープンソースツールを含め、視覚化ツールのさまざまな選択肢を評価して順不同で紹介する。なお、基となる情報はプロバイダーの情報ページと他の独立系情報源から集めており、どの視覚化プロバイダーからも影響を受けていない。また、紹介するツールにランクは付けずに紹介している。 Ente

                                                                    Microsoft VisioやDraw.io、Graphvizなど7つの「ソフトウェアアーキテクチャ視覚化ツール」をレビュー
                                                                  • Live Draw Sydney Lotto Tercepat � Pantau Hasil SDY Pools Secara Langsung & Akurat Hari Ini

                                                                    Menunggu momen pengundian angka kini tidak perlu lagi membuang waktu karena layanan Live draw SDY Lotto kami hadir dengan kecepatan server maksimal setiap harinya. Keunggulan utama dari siaran langsung ini adalah sistem pemutaran bola yang dilakukan secara transparan dan real-time, sehingga setiap angka yang muncul merupakan hasil murni tanpa adanya penundaan. Hal ini memberikan rasa aman bagi par

                                                                      Live Draw Sydney Lotto Tercepat � Pantau Hasil SDY Pools Secara Langsung & Akurat Hari Ini
                                                                    • GitHub - marceloprates/prettymaps: Draw pretty maps from OpenStreetMap data! Built with osmnx +matplotlib + shapely

                                                                      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 - marceloprates/prettymaps: Draw pretty maps from OpenStreetMap data! Built with osmnx +matplotlib + shapely
                                                                      • draw.ioのMCP Toolを使ってアーキテクチャ図を自動生成する - Qiita

                                                                        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、draw.ioが公式のMCP Toolを公開しました。 draw.io はアーキテクチャ図を作成する際によく使われるツールで、主要なクラウドサービス(Azure、AWS、GCP など)のアイコンが豊富に揃っているため、とても便利です。 ただし、アーキテクチャ図を作る作業自体は意外と時間がかかります。 頭の中で構成を考えるのはそれほど難しくないのですが、実際にアイコンを探して配置し、接続して図を完成させるまでにはそれなりの手間がかかります。 そこでこのdraw.io の MCP Toolを使うと、LLMから直接アーキテクチャ図を生成

                                                                          draw.ioのMCP Toolを使ってアーキテクチャ図を自動生成する - Qiita
                                                                        • ブラシやパターン作成が可能に!Figma Drawでひろがるデザイン表現 - ICS MEDIA

                                                                          2025年5月に開催されたFigma Config 2025で、新たにFigma Drawが発表されました。Figma Drawはイラスト制作等に特化した機能群です。これによりFigmaでイラストやバナー制作に活かせる表現の幅がぐっと広がりました。 本記事では、Figma Drawの以下機能を使用した表現を順番に試していきます。 ブラシツール ダイナミックストローク パターン 線形リピート パス上のテキスト ※ほかにも様々な面白い機能がありますが、今回は抜粋して紹介します。 Figma Drawはどこで使える? 機能紹介の前に、Figma Drawはどこから使用できるのか簡単に説明します。Figma Designでファイルを開いたあと、下部のツールバーにある右端のボタンからFigma Drawモードに切り替えると使用できます。 左側にペンツール、ブラシツール、鉛筆ツールのリッチな見た目のア

                                                                            ブラシやパターン作成が可能に!Figma Drawでひろがるデザイン表現 - ICS MEDIA
                                                                          • For investors, intellectuals leaving China, it's Japan -- not US -- that's the bigger draw - The Mainichi

                                                                            • GitHub - factorysh/redistop: Use Redis' MONITOR to draw things in a terminal

                                                                              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 - factorysh/redistop: Use Redis' MONITOR to draw things in a terminal
                                                                              • 【draw.io MCP】触ってみた所感と何が便利なのか - Qiita

                                                                                はじめに draw.io の MCP サーバーが公開されていたので、軽く触ってみました。 勝手に、よりいい感じの図を出力してくれると思って使ったのですが、(何も使わずに「drawio 形式で書いて」と指示する場合と比べて)あまり違いを感じませんでした。 そこで今回は、ちゃんとリポジトリなどの説明を読んで、このMCPサーバーにはどういう価値があるのか確認したいと思います。なお、内容は 2026年2月11日 時点の README をもとに整理しています。 公式情報で確認できること できること drawio-mcp では、Mermaid と draw.io XML と CSV(draw.io の CSV import 形式)を draw.io で開けます。README ベースだと対応ツールは open_drawio_mermaid と open_drawio_xml と open_drawio_

                                                                                  【draw.io MCP】触ってみた所感と何が便利なのか - Qiita
                                                                                • 「Draw Happy Life」をヒットさせたNew Storyに聞くハイパーカジュアルゲームの現状と今後。“面白い”ではなく“楽しい”“ハッピー”を提供する

                                                                                  「Draw Happy Life」をヒットさせたNew Storyに聞くハイパーカジュアルゲームの現状と今後。“面白い”ではなく“楽しい”“ハッピー”を提供する ライター:徳岡正肇 カメラマン:佐々木秀二 スマートフォンゲーム市場では,ここ数年「ハイパーカジュアルゲーム」と呼ばれるジャンルがダウンロードランキングの上位を占めている。2013年にリリースされ,2014年に突如大ヒットした「Flappy Bird」がそのパイオニアとされており,2017年ごろになると多くのデベロッパがタイトルをリリースし,ジャンルとしても定着した。 App Annie Japanが2021年12月9日に発表したレポートでも,ハイパーカジュアルゲームの好調ぶりが確認できる(関連記事) ジャンル名に“カジュアル”とある通り,ゲーム内容は非常にシンプルなものが多いが,大きな特徴として,多額の費用を広告につぎ込んでプレ

                                                                                    「Draw Happy Life」をヒットさせたNew Storyに聞くハイパーカジュアルゲームの現状と今後。“面白い”ではなく“楽しい”“ハッピー”を提供する

                                                                                  新着記事