最近，仕事で使うことがあってたまたま気がついたのだが， PlantUML って JSON や YAML のデータを視覚化できるんだね。 やり方は簡単。たとえば { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 28, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postalCode": "10021-3100" }, "phoneNumbers": [ { "type": "home", "number": "212 555-1234" }, { "type": "office", "number": "646 555-4567" } ], "children": [], "spous
グラフストックは誰でも無料で使えるグラフや図表の素材サイトです。企業の決算情報や官公庁の統計などのグラフが利用できます。文章を発表する人たちが、より客観的なデータを引用できる世界を目指します。
Gigazineさんでdrawthe.netを取り上げていたので紹介です。使い方はGigazineさんのほうが丁寧なので、気になる方はチェックしてみてください。（2020年12月1日、追記） drawthe.netとは cidrblock/drawthe.netは複雑なネットワーク図も「テキストで書いてブラウザ上でSVGレンダリングできるようにしよう」というコンセプトのもと開発されたツールです。下図のように複雑な構成図も精度高く描くことができます。 拡大してみると情報量が多いこと、またいかに整っているかがわかると思います。 デモサイトも用意されているので、サクッと試したい場合はコチラが便利です。コードはGitHubで公開されています。更新が2017年末で止まってしまっているのが玉に瑕ですが、十分な性能を発揮してくれます。 drawthe.netを使いたい理由 美しい構成図といえばInter
3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ
Strap（ストラップ）は、日本製のオンラインホワイトボードです。どなたでも簡単に利用できるシンプルさが特徴です。リモート会議の進行、業務フローの整理、プロセスマネジメントなど、コラボレーションの可能性を広げるアプリケーションです。
John Kannenberg, PhD, MFA @JohnKannenberg Artist, Researcher, Director/Chief Curator of @museumsound. Founder, @giantsofthought. Culture, media archaeology, human rights, photoshop & clouds. https://t.co/RqXC3uYjqZ リンク Wikipedia ミシェル・フーコー ミシェル・フーコー（フコ）（Michel Foucault 発音例、1926年10月15日 - 1984年6月25日）は、フランスの哲学者。『言葉と物』（1966）は当初「構造主義の考古学」の副題がついていたことから、当時流行していた構造主義の書として読まれ、構造主義の旗手とされた。フーコー自身は自分が構造主義者であると
チャーリーです。 ビジネスモデル図解をかんたんに編集できる、ビジネスモデル図解ツールキットをつくったので、ご紹介します。 ビジネスモデル図解ツールキットビジネスモデル図解ツールキットについて(追記)2018年に「ビジネスモデル2.0図鑑」が発売されたこともあり、4年以上もの間、おかげさまでたくさんの方々にビジネスモデル図解ツールキットを活用いただいているようです。ありがとうございます。 ビジネスモデル2.0図鑑はこちらの記事で全文公開しています↓ 予想以上に活用いただいたこともあってか、Googleスライドの共有リクエストやお問い合わせがほぼ毎日のようにくるなどして、閲覧権限を付与したり、自動送信のメールがシステム上のエラーで届かないなどの対応をしています。 それだけ活用いただいていること自体がとてもありがたいことではあるのですが、管理コストが結構かかってしまっているのが実状です。そのため
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
世界最大のガレージキットのイベント「ワンダーフェスティバル 2017[夏]」では、当日版権が許諾されたさまざまな漫画・ゲーム・アニメなどの作品のキャラクターが立体化されていますが、実在する昆虫までも可動フィギュアとして超絶リアルに再現されていました。 ワンダーフェスティバル｜Wonder Festival http://wf.kaiyodo.net/ 卓番7-09-02の「MUSHIBUCHI」のブースでは、さまざまな可動昆虫フィギュアが展示されていました。一番目立っていたのは「オオカマキリ×3.0可動」。 まるで巨大な本物のカマキリが机の上にいるのかと思うほど、リアルな昆虫の隅々を再現しています。 顔の質感もかなりリアル 2本の鎌はしっかりと昆虫を捕らえることができそう。 広げた羽根は今にも羽ばたきそうな出来栄え。 後ろから見たところ。「×3.0可動」ということで、首・肩・肘にジョイント
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
Googleは、同社のクラウドに対応したシステム構成図を作成するときに役立つアイコン集「SOLUTION ICONS FOR ARCHITECTURAL DIAGRAMS」を公開しました。 アイコンは、Compute Engine、App Engine、Container Engine、Cloud Functionsなどのコンピュート関係に加え、Cloud Storage、BigQuery、Cloud SQL、BigTable、Persistent Diskなどのストレージ関係、Cloud Virtual Network、Cloud DNSなどのネットワークサービスを含む幅広いサービスがカバーされています。 これらのアイコンのライセンスは、「Google ブランド使用許諾」に準ずるとされています。通常の使用の範囲では問題になることはないと思いますが、製品などに添付されるドキュメントなどで利
概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢
#MarkDownDiagram Markdown風のテキストで、ER図やブロックダイアグラムのようなチャートを描けるツールです。 こちらにインスパイアされて、もうちょっと汎用的にダイアグラムを描けるツールを作りました。 もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った 特徴としては Webブラウザのみでローカルで動作 配置はマウスでドラッグして編集できる CSSで色や装飾を制御可能 といったあたりです。 githubからclone/ダウンロードして使えます。 オンラインで試すのはこちらでどうぞ。 ローカルでブラウザのみで動作します。index.htmlをブラウザで開いてください。 Chrome推奨ですが、Safari,Firefoxでも動作します。タッチIFは未対応。 ##機能 テキストでブロックを記述し、ブロック間を線で繋ぐ描画 ブロック
2017/1/24追記 ≪当選発表≫が変更になりました。 （変更前）2017年1月24日(火) → （変更後）2017年2月7日(火)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
