3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ
やればやるほど呪術化する、AI画像錬成について。 以下は、その道の専門家にはメッチャ怒られるかもしれない、雑なロジックと制御講座。 いちおうメジャーなサービスでは、共通して動作するノウハウ（DALL-E2, MidJourney, StableEiffusion, DiscoDiffusion, crayon, dall-e mini 他）。 雑に理解する画像AIのしくみ対話型のAIにとって、呪文プロンプトとは画像錬成の方向性ベクトルを定めるものにすぎない。 たとえば、以下は「I love apple」で錬成された画像の例である。どうにも、ふわっとしたものが出てくる I Love Apple「Apple」という方向性ベクトルは、「リンゴ」「青リンゴ」と「アップルコンピューター（旧レインボーロゴ」「アップルコンピュータ（新ロゴ）」など、複数の可能性を同時に持つからだ。 つまり、「Apple」
A state-of-the-art AI that draws custom anime portraits, just for you! This machine learning artist figures out your preferences and creates a perfect character illustration in 4 easy steps. If it sounds like magic, that's because it is! It's totally free to use! Start Now! Use your character in a game! Introducing Arrowmancer. Meet unique, beautiful characters! Import your own from Waifu Labs! Yo
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とかプログラミングの覚え書き -
C言語（C++を含む）を習得したい人，ポインタを勉強したい人はgcc-14を使いましょう．難しいところは gcc-14 が丁寧に解説してくれます C言語の難しいところ 例を示します．C言語で記述された，たった６行のソースコードです int main() { int buf[10]; buf[10] = 0; return 0; } このソースコードには問題があります．初見でわかるでしょうか？ : : : 問題があるのは buf[10]=0 の部分です．C言語でやりがちなミスですが，これがバグやセキュリティホールの原因になります． C言語が難しい理由は二つあります．この手の問題を見逃しやすい点と，この手の問題を理解することが難しい点の二つです gcc 14 に解説してもらいましょう 上記の６行のソースコードをgcc14を使ってコンパイルしてみます ソースコードのファイル名は test.c と
UMLとかAWS構成図とかを描くツール
UMLとか構成図とかの図を描くの何のツールを使えばいいか迷いませんか？私は迷います。 ですので、最近使っているツールを紹介します。 世の中にツールがイロイロあるのは理解した上で、大量に紹介するとやっぱり迷うので、似たようなツールや個人的に使わないツールはバッサリ省いています。 パワポで描く まずはPowerPointです。 エンジニアや技術系の方は「パワポで図を描くのはちょっと、、、」と思われるかも知れませんが、状況によってありだと思っています。 パワポのメリット パワポは、ビジネスユーザーならほぼ誰でも使える システムを作る時に、お客さん側も含めた関わるメンバー全員がITに詳しいとは限りません。しかしそういう人にもシステムに対する理解は最低限していただく必要があります。システム構成図とか特に興味がない人に説明するときに「新しいツールをいれてください」というのはハードルが高いです。 パワポ
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技術が辿った濃い一ヶ月間
Stable Diffusionがオープンソースで公開されてちょうど1ヶ月が立ちました。OpenAIがDall-E2をリリースしたのが4月。こういう異次元なリソースを使ってモデルを作れるのはごく限られたプレーヤーだけと思い込んでいたものが、若干十数人のチームがMidjourneyをリリースしたのが7月。一連の騒ぎがここ半年程度の出来事で、1ヶ月前に深津さんも予見していた「世界変革」が目の前で怒涛の勢いで進行しています。 このブログも書いた瞬間に古くなるだと思うけど、この文化的特異点とも言える1ヶ月に起こったことを振り返ってみたいと思います。それにしても手書き文字の生成に感動していた2015年から比べるとずいぶん遠いところまで来ましたね。DataRobotでも「AIの民主化」を掲げて様々な企業の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 のツイートですのでかなり文字数も少ないんですよ！なのにこの表現ってどうなってんの！？と… これはかなり学びになると思い解析を試みようと思い立った次第です．それにしても美しい… ソースコード で
こんにちは、AI絵をやってたらいつのまにか人並みに絵が描けるようになってたおじさんです。前回の記事が微妙にバズったところ、美術関係の教育者の方から「AIで絵を学ぶのってどういう感じですか？うちの学生にもできますか？」というお問い合わせを相次いで頂きまして、今日は質問にお答えする中で考えたことをAI技術の進歩の振り返りとともに記事にしてみようと思います。 前回の記事（ ▲ ）を書いたのが今年３月のこと。その後、美術系の大学と専門学校、予備校の方から別々にDMを頂きまして、それぞれウェブインタビューのような形で１～２時間ほどお話ししました。インタビューの内容は、おおむねどの方も「これからの世代に美術を教える上で、画像生成AIについて触れないわけにはいかない。どのような距離感で扱えばよいのか決めかねており、実際に体験しているユーザーに話を聞いてみたい」という趣旨だったかと思います。 インタビュー
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
今日皆さんにお伝えしたいのは、 図、書けってことなんですよ。 図って理解を助けてくれるし、誰かに説明するためにはすごく便利なんです。言うまでもなく。 でも、ぶっちゃけ面倒ですよね？ わかる。コレすごいわかる。 でも「ラクに書く」ために設計されたドロー (作図) ツール使うと、拍子抜けするほど簡単に書けるんですよ。 そこで今回は作図初心者におすすめのツール「Excalidraw」の基本的な使い方と、Obsidianプラグインとしての「Excalidraw」の魅力をお伝えしたいと思います。 ExcalidrawはWebブラウザで動作するドローツールExcalidrawは元々Google ChromeなどのWebブラウザで動作するドローツール。 ドローツールといえば他にも業界標準のAdobe Illustratorや買い切りのAffinity Designer、無料ソフトならインストール型のIn
![[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}
ドットスタンプで描くアナログドット絵
1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：非接触ICカードで戦う「バーコードバトラー」風ゲーム機を即興で作ってみた ＞ 個人サイト NEKOPLA Tumblr ドットスタンプとは ドットスタンプは、ただの正方形のスタンプである 超シンプル。これを一回押すと「1ドット」になる いろんな色のスタンプ台を用意した 5ｘ5ミリの方眼紙をキャンバスにして マス目に沿って、ポチポチとスタンプを押すのである。ポチポチポチポチ…… するとどうでしょう。ドット絵ができあがったぞ！ これが「ドットスタンプ」の全貌である。 思い付いたとき、これは世界を変える発明だ……！ と興奮した。なにせアナログでドット絵が描けるのだ。新体験である。 スタ
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
こんにちは、CX事業本部 Delivery部の若槻です。 今回は、GitHubでMermaid構文の表示機能が強化されていたので共有します。 Mermaidとは Mermaidとは、Markdown構文の拡張ツールで、様々なタイプの図（Diagram）をコードやテキストで記述し、視覚的に表示することができます。 Mermaid構文を利用することにより、次のような図をMarkdownで記述することができます。 Flowchart Sequence Diagram Gantt Chart Class Diagram State Diagram Pie Chart Git Graph 公式サイトより引用 GitHubでのMermaid構文の表示機能が強化されていた GitHubではMermaid構文をサポートしており、MarkdownファイルにMermaid構文を記述することで、図を表示すること
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 を利用する３つの方法
システム構成図を書く時、ツール選びに悩むことってありませんか？ システム構成図に限らずとも、情報を分かりやすく表現する手段として、いわゆる「お絵かきツール」はとても需要があるのではないでしょうか。例えば Nulab の Cacoo だったり、MS Visio・Excel・PowerPoint だったりと、人によって・現場によって多種多様だと思いますが、今回はその中でも個人的によく使っている draw.io について紹介し、その使い方について共有したいと思います。 draw.io とは？システム構成図や図面等の作成に便利なお絵かきツールで、ブラウザ上で動くウェブアプリケーションです。オープンソース化（Apache License 2.0）されており、提供元 JGraph の GitHub リポジトリにてソースコードが公開されています。 公式サイトがあるので、合わせてチェックしてみてください。
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.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【図解入門】シンプルな図の作り方｜櫻田潤🎨インフォグラフィック・エディター｜note
魔術として理解するお絵描きAI講座｜深津 貴之 (fladdict)
Waifu Labs - Magical Anime Portraits
【動画付き】 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
www.watch.impress.co.jp
news.yahoo.co.jp
qiita.com/kma_ane
qiita.com/suzukidog
gourmet.watch.impress.co.jp
gourmet.watch.impress.co.jp