注目キーワード

MOONGIFT

OSSを中心としたメディアポータル

タグ「デザイン - ドロー」の公開予定記事

プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから

一般公開:2012/06/02
試してみよう。Webベースのドローアプリケーション

プレミアム登録する

タグ「デザイン - ドロー」の記事一覧

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

Www.gliffy

Premium_s 2012/05/15

業務で使えるオープンソース(22)「Visio対抗」

今回のテーマはVisio対抗です。IT系のドローツールとしてよく知られているVisioですが、利用範囲の割に価格が高価であることもあって無償ツールのニーズは根強くあります。そこで今回はVisioの代わりに使えるWebサービスとソフトウェア、そしてその選定基準をご紹介します。

Screenshot-2012-05-01-15.39.05_thumb

2012/05/11

お手軽。オンラインで線画を描く「scri.ch」

Webブラウザ上でイラストを書いたりするサービスは多数ありますが、それをもっとシンプルにしたサービスがscri.chです。マウスで自由に線を描いて共有できます。 最初の表示です。真っ白で何もないかのようです。 マウスでドラッグすると線が描かれます。そうするとSave/Newボタンも表示されま...

Screenshot-2012-03-25-10.28.54_thumb

2012/04/09

グラフィックスにチャレンジ!JavaScript製のLogoインタプリタ「papert」

計算式を使ってバットマンのロゴを作成するなんてネタが流行ったりしましたがpapertはWeb上でLogoを使って絵を描くソフトウェアです。 右にあるLogoコードを実行した結果が左の絵です。 計算処理が行われていく中で徐々に絵が描かれていきます。 間もなく完成です。 実行速度は自由に設定でき...

Screenshot-2012-03-21-14.11.25_thumb

2012/03/31

ちょっとした工夫。ブラシ風入力にするだけでここまでスムーズな絵が描ける「HTML5 Canvas Brush Sketch」

iPadやWebブラウザ上で絵を描く際に試してみたいのがHTML5 Canvas Brush Sketchです。単純にマウスを動かした線を引くのではなく、ブラシ風に描いてくれます。 こちらはライン版。普通にマウスの軌跡を描きます。 こちらはブラシ版。ぐっと良くなっています。 デモ動画です。 ...

Screenshot-2012-02-17-16.03.50_thumb

2012/02/28

試してみよう!アスキーテキストのドローソフトウェア「Asciiflow」

アスキーテキストは日本でも人気の高いコンテンツの一つです。海外では感じや平仮名のように文字種が多くないのでシンプルなAAが多いですが、それをオンラインで手軽に作成できるのがAsciiflowです。 最初の画面です。テキストエリアのような場所に書いていきます。 色々線を引いてみました。直線のほ...

Screenshot-2012-01-19-15.44.55_thumb

2012/01/30

SVGはもっと面白くなる。プログラマブルSVGツール「IScrIptDesIgn」

SVGエディタと言えばInkscapeやIllustratorのようなドロー系ソフトウェアが多いですが、IScrIptDesIgnはそうしたソフトウェアに反対してプログラマブルなSVG作成ツールを目指しています。 最初の画面です。奇麗な筆記体です。 太さを動的に変更します。 傾きも変えられま...

Screenshot_2012_01_04_05_44_41_thumb

2012/01/10

お絵描きアプリの参考に。iPhone上でドリッピング表現が楽しめる「Fat Tag」

インクが滴っていくようなドリッピングという表現をiPhone上で再現できるアプリがFat Tagです。そのFat Tagのコードは公開されており、その表現手法をならうことができます。 最初の表示です。タップで初期表示は消えて書けるようになります。 線を引くとドリッピングされます。線は一直線で...

Screenshot2011-10-12-11.19.26_thumb

2011/10/21

なぜ?CanvasではなくCSS3を駆使して描くドローライブラリ「Donatello」

HTML5を利用すればこれまで画像やFlashを使わざるを得なかった描画がJavaScriptとCSSを組み合わせて実現できるようになります。どれくらい奇麗なグラフィックスを描けるのか、さらにそれをいかに手軽に実現できるかを知るのにDonatelloはぴったりなライブラリです。 サンプルです...

Screenshot2011-09-30-13.51.52_thumb

2011/10/07

これでVisioを使ったネットワーク図作成からおさらば?運用まで管理できる「Prime」

PrimeはJava製のオープンソース・ソフトウェア。システム開発を行う際にデスクトップやルータ、サーバ等の配置を図に起こす時は多い。そういう時にドローソフトウェアとしてMS Visioを使うケースが多いのではないだろうか。他にも類似ソフトウェアはあるが、アイコンがどうも好きではなく結局Vi...

Screenshot2011-08-19-12.20.05_thumb

2011/08/31

Inkscape機能拡張。ドローデータをHTML5/Canvasへ出力「Ink2canvas」

Ink2canvasはInkscape用、Python製のオープンソース・ソフトウェア。オープンソースのイラストレーションソフトウェアとして有名なInkscape。数年前はまだまだ不安定だったが、最近ではずいぶん実用的になっているようだ。 出力例 描いた図をSVGで出力できるので、Webとの...

Screenshot2011-08-05-10.53.23_thumb

2011/08/19

家系図、ER図、UML。JavaScriptでダイナミックに図を描く「Joint」

JointはJavaScript製のオープンソース・ソフトウェア。Webでは簡単に表現できることから、テキストベースでのコンテンツが多い。だがテキストに溢れたWebサイトというのは見ていて疲れてしまうものだ。グラフがあるとインパクトも大きい。 家系図 だがデータベース等にあるデータをWeb上...

Screenshot2011-08-01-10.59.27_thumb

2011/08/16

電子グッズを作成する時に。マルチプラットフォームで使える電子回路設計ソフトウェア「FidoCadJ」

FidoCadJはWindows/Mac OSX用のオープンソース・ソフトウェア。電子グッズは大人になってなお楽しい。8ビットのマイコンや小さな電子機器を作成したりして楽しんでいる人はとても多い。そこにはロマンが詰まっている。 設計画面 秋葉原などで小さな電子部品を買いそろえて工作を行うなら...

3dsearch9_thumb

2011/07/18

高価なソフトウェアを買う前に。フローチャートやUMLクラス図などを描くのに使えるドローソフトウェア「Diagram Designer」

Diagram DesignerはWindows用のオープンソース・ソフトウェア。システムの設計をする時には必ず図が必要になる。フローチャートを書いたり、UMLを書いたりネットワーク図、ER図を書いたりする。その時には何らかのドローソフトウェアが必要だ。 描いている所 最も有名なものとしては...

Screenshot2011-06-29-9.11.32_thumb

2011/07/09

マウスのアクションに追従するインタラクティブなグラフィックスを描く「Paper.js」

Paper.jsはJavaScript製のオープンソース・ソフトウェア。HTML5によってCanvasタグがデフォルトでサポートされるようになった。これでWeb上でのグラフィックスの表現力が大幅に向上する。だが高度な表現には高度な技術が伴うものだ。 ベジュ曲線が動くデモ 一つの絵を描くだけな...

3dsearch11_thumb

2011/06/28

これは面白い!描いた絵が動いたり、キーボードになったりするドローソフトウェア「Sketchify」

SketchifyはWindows/Linux用のオープンソース・ソフトウェア。近未来を描く動画などで、描いたイラストが動き出したり、現実の物をコンピュータ上に取り込んで3Dで動かしたり中をのぞいたりするといった類のものがある。コンピュータとリアルとが密接に結びついた面白い技術だ。 作成画面...

Screenshot2011-02-28-16.11.59_thumb

2011/03/10

ぜひ触れてほしい。WebベースのSVGエディター「Js Vector Editor」

Js Vector EditorはJavaScript製のオープンソース・ソフトウェア。HTML5の登場によってようやく普及しそうなのがSVGだ。XMLのベクターフォーマットだ。テキストベースなのでシステムとの相性も良く、自動生成も行えるだろう。 自由に描ける 今後SVGを描くためのライブラ...

Screen-shot-249

2010/10/02

電気回路の設計、テストに「Logisim」

LogisimはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。最近はWebサービスとあってもインターネットだけで完結せず、何らかのガジェットと組み合わせて楽しめるものに人気が集まっている。やはり手に持ったり、実際に動くものは楽しいのだ。 設計画面   そんなガ...

スクリーンショット(2010-08-12-10.19.03)

2010/08/13

さくっとラフなフローチャートや全体図を描く「SimpleDiagrams」

SimpleDiagramsはAdobe AIR製のフリーウェア。会社内でフローチャートを描くのによく使われるものと言えば、MS VisioやExcel、PowerPointなどだろう。どれも正確で整ったオブジェクトであるが故にほんの少しのずれが気になって調整に時間がかかったりする。 ホワ...

3dsearch7

2010/05/19

簡単に使えるフローチャート作成ソフトウェア「Diagram Designer」

Diagram DesignerはWindows用のフリーウェア。フローチャートやUML、地図などドロー系ソフトウェアの利用範囲は多い。それだけに誰でも使えると便利なのだが、フリーで使えるものは多くない。有料であればMS Visioが有名だろう。 高機能なドローソフトウェア   だがあれだ...

新規購読
新規購読

プレミアムでしか読めない記事が191あります。ぜひ登録を!

  • オープンブロックス - OpenBlockS
  • 広告募集

ぷらっとオンラインおすすめ商品もっと見る

もっと見る

人気記事もっと見る