サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
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だと人の修正ができないため、ほんの少しの違和感でも
追記 versionによっては設定を変えないとエクスポートができないようです。 エクスポートできない方はこちらの記事をご参考に設定いただくとエクスポートできるかもしれません。 現状バージョン0.4ではこちらの設定が必要となります。 VSCodeでDraw.io Integration使用時にエクスポートできないことがある問題への対処 2020/10/18追記 現在のバージョン0.7ではdrawio拡張子のエクスポートがうまくいかないようです。 その場合はオフラインモードに移行変更していただくか、drawio.pngやdrawio.svg拡張子でファイルを作成してもらうことで直接編集もできた上で、エクスポートとせず末尾の拡張子ファイルとして利用することができます。 はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。
こんにちは。たかやまです。 いままでいくつものIaCツールをベースにAWS構成図作成する作図ツールがでているかと思います。 ただ、これらは独自ツールでユーザー側で編集できないものだったり、作成された構成図のエクスポート先がPDFやPNGだったりと、後から修正や更新がしにくいという課題があります。 私は普段draw.ioやCacooを使ってAWS構成図を作成しています。 日々新しい生成AIモデルが登場していますが、draw.ioはXML形式で構成図が定義されるため、生成AIでも扱いやすいのではないかと考えました。 実際に試してみたところ、想定以上に高品質なAWS構成図を作成してくれたので今回はそちらをご紹介します。 さきにまとめ CDKやCloudFormation、Terraformのコードから直接構成図を生成できる モデルはClaude 3.5 Sonnet以上がおすすめ Anthrop
AWSを使っている方なら、dwar.ioを使って構成図を書く機会が結構あると思います。構成図を書く時のイラッとをなくすレイヤーという機能を知ったのでご紹介したいと思います。え？今更知ったの？そんなの知ってるよ。と言われちゃうかもですが、ご紹介させてくださいませ。 その前に、構成図書く時にどう書いたら良いんだろう、、、となる時ありますよね。参考にしている良い記事あるのでご紹介させてください。今まで結構雰囲気で書いていたのですが、この記事を見てから綺麗にかけるようになりました。 AWSのアーキテクチャ図を描くときに意識していること それではレイヤーのお話に行きたいと思います。ECSコンテナを編集したい場合、まずレイヤーを使っていないときは、こうなりますよね。 邪魔なのをどかしてどかして、やっと編集できます。次回すぐ編集できるように最前面に移動することもあるかと思います。これレイヤーを使うとこん
はじめに データベース設計のER図について、VSCodeなどで作成する以下３つの方法を比較した記事です。 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での使い方
こんにちは、弥生のMisoca開発チームの黒曜(@kokuyouwind)です。 Kaigi on Railsの登壇が決まったのでよろしくおねがいします。弥生社員としては初登壇になります。 「おめでとうございます。 選考の結果、あなたのプロポーザルは採択されました！」 とのことなので、Kaigi on Railsお話しにいきますー— 黒曜 (@kokuyouwind) August 25, 2020 前回の記事が濃厚だったため、今回はライトなTips記事です。よろしくおねがいします。 tech.misoca.jp 👯♀️ VSCode LiveShareを使ったリモートペアプログラミング 皆さん、ペア作業してますか？ ペアプログラミングはドライバー・オペレータの交代など具体的なノウハウも多く、このブログでも以前に紹介記事を書きました。 tech.misoca.jp 上記の記事ではリモー
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の順番で作成することをオススメします。理由は内側のグループが肥大すると外側のグループの手直しが発生するためです。 今回作成した時に外側から作成してしまい、めっちゃ時間がかかってしまいました..
こんにちは、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
はじめに こんにちは！ソフトウェアエンジニアの種岡です。 皆さん、システム設計に取り組んでいますか？ 設計は、プロジェクト成功への道筋を描く、航海の羅針盤です。 目的地を見据え、それに向かって進むための確かな指針となります。 設計の質がしっかりしていれば、開発という大海原でも迷わず進むことができます。 設計はプロジェクトの土台を築く、創造的かつ重要なプロセスです。 夢を描き、それを形にする試行錯誤の楽しさ、これこそが設計の魅力だと思います。 この記事は秋の技術特集 2024の11記事目です。 この記事 is 何？ この記事では、設計図を描く際の心構えと、誰でも見やすい設計図を作成するためのテクニックについてお話しします。 なぜ設計図を書くのか？ 図は複雑な情報を視覚的に整理し直感的な理解を推進することができるため チーム内外での共通理解を促進し、コミュニケーションを円滑にするため 予測可能
文章(プロンプト)を入力するだけで画像を生成してくれる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を使うには、
This is an interactive article. To fully experience it, you'll need to turn JavaScript on. 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 sta
VSCode拡張機能 Draw.io Integration導入方法 先人の方がまとめて下さってます。⇒ VSCodeでDraw.ioが使えるようになったらしい！ Draw.ioでsvg形式のファイルを作成する 拡張子を.drawio.svgまたは.dio.svgにしてファイル作成すると、Draw.ioに関連付けられ、svg形式のファイルを作画＆作成できます。 mdファイルにsvgを埋め込む mdファイルに以下のように作成した画像（.drawio.svg)を埋め込むことができます。 マークダウン構文またはimgタグで記述します。 mdファイルの編集画面からDraw.io画面を開ければ... マークダウン構文で記載した場合、画像ファイルを cmd + クリック で開くことはできますが... 残念ながら、テキストエディタが開いてsvgのソースが表示されます。 Draw.i
Draw.ioというオンラインのドローツールがIDEのVisual Studio Code（VSCode）上で使えるようになったという報せを聞き及び、使ってみました。 具体的にはDraw.io IntegrationというExtensionがリリースされ、それをインストールするとDraw.ioがVisual Studio Code（VSCode）上で使えるようになります。 筆者は専らmacOSを使っていますので、macOS用のVisual Studio Code（VSCode）にDraw.io Integrationをインストールして使ってみたところ、Draw.io Integrationに関連づけられる.drawio、.dioといった拡張子のファイルを作成してもDraw.io Integrationが起動してこない。 ひょっとして機種依存の問題かとWindows版のVisual Stud
プレゼンテーションや企画書などに挿入する模式図やフローチャートを描く際、どのようなツールを利用しているだろうか。「Microsoft Excel（エクセル）」や「Microsoft PowerPoint（パワーポイント）」を利用している、という人も多いと思う。Microsoft Office製品の中には、模式図などの描画に最適な「Microsoft Visio（ビジオ）」というツールもあるのだが、Officeスイーツとは別パッケージになっていることもあり、利用者はそれほど多くないようだ。 頻繁に模式図やフローチャートなどを描くのであれば、このVisioと似た機能を持つドローイングツール「draw.io」を利用することを薦めたい。「draw.io」は無償のドローイングツールで、JGraph社を中心にGitHubで開発が行われている（会員登録も不要で、商用利用に制限はない）。オンラインサービス
ネットワーク図を描くにはツールの活用が欠かせない。簡単な図であれば、米Microsoft（マイクロソフト）の「PowerPoint」や「Excel」を使う技術者が多いようだ。 一方、大規模ネットワークの図を描く技術者の多くは作図専用ツールを活用している。そこで物理構成図に強いといった「個性」を持つツールを4つ紹介しよう。 「飛び越し点」で線の交差を識別 Microsoftの「Visio（ビジオ）」は、1990年代から続く歴史ある作図ツールの1つ。大規模ネットワークを構築するインテグレーターなどの技術者から根強い支持がある。TISの後藤崇夫IT基盤エンジニアリング第1部チーフは「設計フェーズで使う詳細な物理構成図を描くときに使い勝手が良い」と説明する。 大規模ネットワークの物理構成図は機器同士を結ぶ線が交差しやすく、機器同士の接続状況を区別しにくくなる。設計フェーズで機器同士の接続を誤ると、
お絵描き伝言ゲーム『Draw & Guess』がSteamの新たなトレンドになっている。ピーク時の同時接続プレイヤー数は3万5000人を超えて、直近24時間以内の同時接続プレイヤー数では25位以内にランクインするなど好調な作品だ。お絵描きゲームは国内外問わず、ブラウザやアプリゲームなどで数多く存在しているジャンル。そんななか、本作は謎の盛り上がりを見せている。 『Draw & Guess』は独立系開発会社Acureusが開発・販売をおこなうお絵描きゲームだ。今年3月21日にSteamで正式リリースされた作品で、伝言ゲームとクイズの2種類のゲームモードをプレイすることができる。日本語にも対応済みだ。 伝言ゲームは4～16人でプレイ可能。各プレイヤーには単語でお題が与えられ、絵だけでお題を描写する。描き終わったら右隣の人に絵を回して、自分は左のプレイヤーから回ってきた絵を受け取る。受け取った絵
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
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
「Draw Happy Life」をヒットさせたNew Storyに聞くハイパーカジュアルゲームの現状と今後。“面白い”ではなく“楽しい”“ハッピー”を提供する ライター：徳岡正肇 カメラマン：佐々木秀二 スマートフォンゲーム市場では，ここ数年「ハイパーカジュアルゲーム」と呼ばれるジャンルがダウンロードランキングの上位を占めている。2013年にリリースされ，2014年に突如大ヒットした「Flappy Bird」がそのパイオニアとされており，2017年ごろになると多くのデベロッパがタイトルをリリースし，ジャンルとしても定着した。 App Annie Japanが2021年12月9日に発表したレポートでも，ハイパーカジュアルゲームの好調ぶりが確認できる（関連記事） ジャンル名に“カジュアル”とある通り，ゲーム内容は非常にシンプルなものが多いが，大きな特徴として，多額の費用を広告につぎ込んでプレ
絵を描くのが苦手でも大丈夫！色鉛筆やクレヨンで、心を自由に表現してみませんか？ 「I Don’t Draw, I Color」は、そんな新しい表現方法を教えてくれる、カラフルで楽しい絵本です。 “Squiggly” (くねくね) や “Jagged” (ギザギザ) など、ユニークな表現で描かれたイラストは、子どもたちの想像力を刺激して色の持つ無限の可能性を感じさせてくれます。 ここでは「I Don’t Draw, I Color」の簡単なあらすじの他、文中に出てくる日常の英語表現、おすすめの読み聞かせ動画のご紹介や日本語訳などを掲載しています。 お話のあらすじ絵を描くのが苦手な主人公の子ども。でも、色を塗るのは大好き！赤や青、黄色…、太い線や細い線、色んな色と線を使って、自分の気持ちを表現します。嬉しい時は明るい色、悲しい時は暗い色、時にはごちゃまぜの色で、まるで心の絵を描くように色を塗っ
単語をならべかえて英文を完成させよう(レベル5)「a draw for hobby I」「絵を描くのが趣味です。」#英語学習 | ならべかえ 英語 リスニング
Doc | Playground | Examples | NPM PSVG is an extension of the SVG (Scalable Vector Graphics) format that introduces programming language features like functions, control flows, and variables -- Instead of writing a program that draws a picture, write a picture that draws itself! PSVG is compliant with XML and HTML specs, so it can be easily embedded in a webpage or edited with an XML editor. This
Simple, fast, no recording limits and no watermarks. We believe current screen recorders are artifically limiting your recordings, we want to change that. Convert, share and stream recordings Convert your recordings to common formats such as mp4. Share them with a link or download them in multiple resolutions. Record as long as you want with no watermarks It's your screen and we believe you should
みんな大好き draw.io (diagrams.net) の細かいテクニックです。 ちなみに、2020年2月あたりから、セキュリティ上の理由でサイトのドメインを diagrams.net に名称変更し始めているので、アクセス先はこちらに変更したりしましょう。 非圧縮XML形式のデフォルト化 ダイアグラムをファイル保存すると、デフォルトでは圧縮されたXMLになっていますが、これだと差分の確認・バージョン管理がしづらいです。 メニューの「拡張 (Extras)」->「圧縮 (Compressed)」のチェックを外すと非圧縮形式になるので、新しいファイルを作るたびにこれを実行しても良いのですが、忘れないように非圧縮XML形式をデフォルトにすると良いでしょう。 メニューの 拡張 (Extras) -> Configuration で開く設定ダイアログに以下を記載すると、アプリの再読み込み以降は非
みなさん、こんにちは、こんばんは、hime104です。 先日書いた記事で紹介した漫画 『咲-Saki- re：KING’S TILE DRAW』が・・・ なんと、ガンガンオンラインで読めるようになりました。 コミックの咲-Saki-を読んだことがある人、アニメの咲-Saki-を見たことがある人は・・・ 思わず笑ってしまいます。 ネタバレしてしまうんで、内容は紹介できませんが、とにかく・・・ えっ・・・って感じです。 咲-Saki-の清澄高校の5人とKING’S TILE DRAWの清澄高校の5人のどのキャラとどのキャラが対応しているか、すぐわかります(^^) 咲-Saki-を読んだり見たりしていない人は面白く読めると思います。 麻雀のことを知らない人も麻雀のルールを知らない人も問題なく読めると思います。 興味のある人はガンガンオンラインへアクセスしてみてください。 ちなみに、咲-Saki-
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Draw.io VS Code Integration This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. Mentioned in the official diagrams.net blog. Features 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 o
ドロー・ザ・ライン Draw The Line カッコよすぎ、ですよね youtu.be 英語の歌詞つきで聴く 和訳つきが見つからないので 英語の歌詞つきです Draw The Line Lyrics - YouTube 音を聴いただけでは、意味が分からない私にはOK！ですが、 英語が第一言語の子どもとは聴きたくない歌詞みたいですねｗ 1978年のライブの動画を観る youtu.be 2004年のライブ youtu.be 早朝の空の観察 目が覚めると、今朝は雲の多い朝でした 全く期待していませんでしたが、 え？！ 1秒たりとも目が離せない空の色の変化のスペクタルとなりました 私の夜明けは、凸凹足踏みタイムです つまり、痛！いた！イタタ！と時に悲鳴をあげつつ、 足の裏を刺激しています 凸凹の位置を変える時には、慎重にいかないと冷や汗まで出るほどの「場所」もあります だから、一瞬、空から目を離
Table of Contents はじめに エンジニアにとって図を作成するのは日常茶飯事だと思います。 作成する方法は色々あります.. たとえば.. PowerPoint Google Slide Cacoo Gliffy Visio mermaid PlantUML ASCII art!! Excel!? とにかく色々あります。 GUIツールによる管理のメリット/デメリット GUIツールは直感的で図を描きやすいです。 しかし、管理面で作成したツールの保存形式でないとあとから編集しにくいというデメリットがあります。 バージョン管理面が課題に挙げられることもあります。 ただ、差分表示にこだわらなければ作成ツールのファイル形式をバイナリ管理することで実現できます。 テキストによる管理のメリット/デメリット GUIツールが持つ管理面のデメリットをテキスト管理は解消します。 mermaidやPl
追記 versionによっては設定を変えないとエクスポートができないようです。 エクスポートできない方はこちらの記事をご参考に設定いただくとエクスポートできるかもしれません。 現状バージョン0.4ではこちらの設定が必要となります。 VSCodeでDraw.io Integration使用時にエクスポートできないことがある問題への対処 2020/10/18追記 現在のバージョン0.7ではdrawio拡張子のエクスポートがうまくいかないようです。 その場合はオフラインモードに移行変更していただくか、drawio.pngやdrawio.svg拡張子でファイルを作成してもらうことで直接編集もできた上で、エクスポートとせず末尾の拡張子ファイルとして利用することができます。 はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。
みなさん、こんにちは、こんばんは、hime104です。 hime104が好きな、麻雀コミックの咲-Saki-登場人物の女の子が全員、男子になったコミックの 咲-Saki- re：KING’S TILE DRAW の第2話（第2局）が本日、ガンガンオンラインで更新されました。 第1話は、ほぼ内容が同じで、キャラクターが男子になっただけでしたが、第2話は、少しだけストーリーを変えてきました。 と言っても、ほんの少しですが・・・ (;^_^A ほとんど、ストーリーが同じで、女子が男子に変わっただけのコミックって、需要があるんですかね？ hime104は、元々パチンコ 咲-Saki-が好きで、参考のためにコミックとアニメを見て、さらに好きになりました。 いつも見ているガンガンオンラインで、たまたま咲-Saki- re：KING’S TILE DRAWを見つけました。 咲-Saki-のファンとして
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![気持ちよく手軽に図を描ける無料ツール「diagrams.net」（旧draw.io） - karaage. [からあげ]](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f6b714d0951f80aa199667457b923310c52e783c6%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkaraage%252F20211024%252F20211024120847.png&f=jpg&w=240)
