Google Fontsからちょっと面白いフォントがリリース！ 商用利用無料、折れ線グラフや棒データを描くためのフリーフォント

2023/11/06 323 users フリーフォント ヒストグラム フォント ライセンス リリース

折れ線グラフを描画するためのフォント「Linefont」、波形・スペクトル・ダイアグラム・ヒストグラムなどの棒データを描画するためのフォント「Wavefont」が、Google Fontsで利用できるようになったので紹介します。 Linefont | Wavefont フォントのライセンスはSIL Open Font Licenseで、個人でも商用プロジェクトでも... 続きを読む

テキストから図が生成できるMermaidでAWS構成図をつくる - Qiita

2022/07/06 117 users Mermaid GitHub Qiita IntelliJ

はじめに Mermaid記法で記述したテキストからダイアグラムの図が生成できるMermaidでAWS構成図をつくる方法を紹介します。 また、MermaidはGithubやQiitaなどのWebサービスやVSCodeやIntelliJなどのツール、コマンドやWebシステムでも使用できますので、詳細は[【Qiitaでも使える】テキストから図が生成できるMermaidに... 続きを読む

Visual Studio Code ではじめるシーケンス図 - アシアルブログ

2019/03/15 584 users シーケンス図 アシアルブログ UML Git plantUML

こんにちは、渡辺です。 シーケンス図を書くときにお世話になっているPlantUMLが、 Visual Studio Codeで簡単に利用できるようになったので、紹介したいと思います。 PlantUMLとは テキストでUMLやシーケンス図、クラス図などを作成できる言語です。 ダイアグラムをテキストで記述できるため、Gitで管理することもできま... 続きを読む

Markdown風テキストでダイアグラムが描けるWebツール - Qiita

2016/04/18 255 users Qiita エディタ ＥＲ図 マウス チャート

MarkDownDiagram Markdown風のテキストで、ER図やブロックダイアグラムのようなチャートを描けるツールです。 こちらにインスパイアされて、もうちょっと汎用的にダイアグラムを描けるツールを作りました。 もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った 特徴としては Webブラウザのみでローカルで動作 配置はマウスでドラッグして編集で... 続きを読む

スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか | コリス

2012/03/16 497 users コリス ポートレイト ランドスケープ 下段 上段

下記は各ポイントを意訳したものです。 キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。 各デバイスのサイズ レイアウトを3つ レイアウトを4つ レイアウトを6つ 各デバイスのサイズ まずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケープ（横置き）です。当初は各デバイスの高さ/幅のダイアグラムを作... 続きを読む

ウェブ上でさくっとダイアグラムが作成できるサイト「diagram.ly」 : ライフハッカー［日本版］

2011/03/30 112 users CheckTweet 図形 ライフハッカー クリップアート

Webツールウェブ上でさくっとダイアグラムが作成できるサイト「diagram.ly」2011.03.30 21:00コメント数：[ 0 ]CheckTweet「diagram.ly」は、ウェブ上でダイアグラムを作成できるサービスです。非常に取っつき易いデザインで、初心者の方にも使いやすいかと思います。図形やクリップアートもたくさん用意されていて便利です。以下に使ってみた様子を載せておきます。まず、... 続きを読む

効果的にコンテンツを配置する代表的な3つのレイアウトとは | コリス

2011/02/09 489 users コリス グーテンベルグ レイアウト ウェブデザイン コンテンツ

ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。下記は各ポイントをピックアップして意訳したものです。グーテンベルグ ダイアグラムZパターン レイアウトFパターン レイアウトPattern of Focal Points -情報の階層化グーテンベルグ ダイアグラムグ... 続きを読む

成功する起業家の秘密：人間関係の研究 | WIRED VISION

2010/08/06 382 users WIRED VISION 起業家 Wikimedia 研究

前の記事　日産『サニー』の電気自動車、『GT-R』に勝利(動画) 成功する起業家の秘密：人間関係の研究 2010年8月 6日 サイエンス・テクノロジーワークスタイル コメント： トラックバック (0) フィードサイエンス・テクノロジーワークスタイル Jonah Lehrer 社会的ネットワークのダイアグラム。画像はWikimedia 「人が自分と同質な人と集まる現象」は自動的に起こる。われわれが作... 続きを読む

『iPadを買ってから情報処理フローがこう変わった！』Cacooでまとめてみたよ - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/06/10 213 users Cacoo IDEA インプット アウトプット そこらへん

ふと思いついてCacooで図を作ってみましたよ。iPadを買ってからだいぶブログの書き方が変わったのでそこらへんをまとめてみました。ちなみにCacooはブラウザ上でダイアグラムが作れるツールですね。かなり使いやすいですよ、これ。 ↑ iPad生活になってからこうなっちょる（クリックしてCacooのサイトへ）。 普段どのように情報処理しているか、ですね。基本的にアウトプットなきインプットは意味がない... 続きを読む

Ruby On Railsのクラスを解析してダイアグラムにしてくれる『Rails Road』 | P O P * P O P

2007/04/11 129 users RoR Ruby on Rails P O クラス アレ

Ruby On Railsのクラスを解析してダイアグラムにしてくれる『Rails Road』 April 11, 2007 9:20 AM written by 100SHIKI Apprentice II RoRは少ししかいじっていないのでアレなのですが、便利そうなのでご紹介。詳しい解説は詳しい方にお任せします・・・。 Rails RoadはRoRのプログラムを解析し、クラスの関係図を自動生成し... 続きを読む

【ハウツー】クラス構造がまる見えに! UDocでJavaをダイナミックに分析する (1) Ja...

2007/03/20 180 users ハウツー Java Javadoc UML クラス構造

UML、なかでもクラス図はクラスの関係を把握するうえで欠かせないダイアグラムだ。できれば既存のAPIはクラス図を見て簡単に全容を把握しておきたい。その際に全自動でクラス図を作成できると大変便利だろう。そこで紹介したいのがUDocだ。こうした用途にぴったりのアプリケーションである。 UDocはJava クラスをUMLライクのダイアグラムによって視覚化するGUIアプリケーションだ。Javadoc、Ja... 続きを読む