ITエンジニア/デザイナ向けにオープンソースを毎日紹介

デザイン - ドローの記事一覧

プレミアムユーザー限定記事

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

もっと見る

47785?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2008%2f09%2f3dsearch1-tm1

  • Premium_s 2014/03/18

使えるWebサービス・オープンソース(23)「Visio代替」

今回はVisio代替がテーマです。エンジニアの中では有益とされつつもその高価格が知られるVisio。一番低価格なモデルにはエンジニアが使いたいと思えるステンシルがなく、価格の高いProfessionalを選ばざるを得ません。そこで今回は高価なソフトウェアを買わずに済む代替ソフトウェア、サービスを紹介します。もちろんVi...

List

  • 2014/02/26

SVG Floorplan Editor - HTML5で実現するフロアマップエディタ

SVGといえばWeb上でベクターベースの描画を可能にしますが、その使い方はまだまだ模索中と言ったところでしょう。画像の代替として使おうと思ってもサポートされているブラウザやその対応負荷が大きくなかなか取り組めないと思います。そこで一案として面白そうなのがWeb上で実際にドロー自体させてしまうというものです。そんなソフト...

List

  • 2014/01/31

Mondrian - Webでここまで。node製ドローアプリ

デモがあるのでぜひ触ってみてください!Webアプリケーションはどんどん進化しており、これまでローカルでしかできなかったことがWeb上でやすやすと実現されていきます。そんな中にあっては大抵のことは驚かない訳ですが、それでも時におお、と思わされるソフトウェアに出会います。今回紹介するMondrianもその一つです。Webア...

List

  • 2014/01/30

Asciiflow – アスキーアートを作れるドローソフトウェア

とりあえず触ってみるよろし!アスキーアートはいつの時代も人気です。2ちゃんねるのAAはもちろん、海外でも様々なテキストコンテンツでアスキーアートが使われています。日本とはまた違う趣があります。そんなアスキーアートをビジュアル的に作れてしまうソフトウェアがAsciiflowです。さて何ができるのか実際に見てみましょう。!...

List

  • 2014/01/22

GraphSketcher - グラフを加工してさらに面白く

ああ、こういう加工は良いかも!Omniと言えばドロー系ソフトウェアを数多く出している有名な企業ですが、そこから新しい面白いソフトウェアがオープンソース化されました。それがGraphSketcherです。その名の通りグラフ+スケッチというソフトウェアなのですが、今ひとつ雰囲気が分かりづらいかと思います。しかしこれが非常に...

List

  • 2013/10/23

本当にオープンソース?と思ってしまうiPad向けドローアプリ「Inkpad」

InkpadはiPad用のオープンソース・ソフトウェア(Mozilla Public License)です。iOS 7に対応したアプリが色々と登場していますが、実際にどういったUIがiOS 7に適したものであるかというのはリリースされているアプリから学ぶのが一番と言えます。さらにそれがオープンソースであればコードまで見...

List

  • 2013/10/14

シンプルだから楽しいWebベースのペイント「Drawingboard.js」

Drawingboard.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。コンピュータ上に絵を描くのはとても面白いですよね。しかし専用のソフトウェアが必要で、そうそう簡単にできるものはありません。しかしDrawingboard.jsを使えば自分のWebイト上にドローボードを埋め...

List

  • 2013/05/21

WebベースのVisioと言えそうな「Diagramo」

DiagramoはWebベースのフローチャートアプリケーションです。個人的にCacooというサービスを好きでよく使っているのですが、機密性の高いドローなどではクラウドサービスが使えないかも知れません。そんな時に試してみて欲しいのがDiagramo、Webベースのフローチャートソフトウェアです。インストールします。ウィザ...

List

  • 2013/05/16

アニメーションもできるWebベースのドローライブラリ「Two.js」

Two.jsはSVG/Canvas/WebGLを使ったWebベースのドローライブラリです。HTML5の登場によってWeb標準の技術だけでHTML上に図形を描画できるようになりました。とは言え、すぐに使いこなせる訳ではありません。そこで使ってみたいのがTwo.js、アニメーションをサポートしたドローライブラリです。2Dの...

List

  • 2013/05/12

イラスト系iPadアプリを作るのに使える「KMZDrawView」

KMZDrawViewはiPad用ドローアプリを開発するのに使える機能を提供してくれます。iPadで人気が高いのが指やスタイラスを使って絵を描けるアプリです。そんなドロー系のビューを作りたい時に参考になりそうなのがKMZDrawViewです。起動しました。当たり前ですが最初は何も表示されません。指で自在に文字がかけます...

List

  • 2012/11/18

自由度高く部品を配置するちょっと不思議なWebアプリケーション「Morphic.js」

Morphic.jsはWeb上に部品を配置して自由にデザインを決められるWebアプリケーションです。ちょっと不思議なWebアプリケーションの紹介です。Morphic.jsはWeb上に独自のコンポーネントを配置できるWebアプリケーションです。モックアップを作ったり、ドローアプリケーション的に使えそうです。トップページで...

43745?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-15-11.50.53_thumb

  • 2012/10/25

マルチプラットフォームで動作する電子回路設計ソフトウェア「Diy Layout Creator」

Diy Layout Creatorは電子回路図を設計するソフトウェアです。最近、電子ガジェットが流行です。Kickstarterでも様々なガジェットが企画されています。そんな電子機器の基盤設計を行うのに使えるのがDiy Layout Creatorです。メイン画面です。色々な部品を配置してみました。画像やPDFで出力...

42228?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f08%2fscreenshot-2012-08-27-11.22.02_thumb

  • 2012/09/06

Yahoo Pipesのような表現やマインドマップにも「jsPlumb」

jsPlumbはWeb上でオブジェクト同士のつながりを表現できるJavaScriptライブラリです。情報は有機的に結びついています。マインドマップやネットワーク図などを描く際には必ずオブジェクト同士が何らかの連結しあっているでしょう。そんな図をWeb上で描くのに使えるライブラリとしてjsPlumbを紹介します。Yaho...

41397?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-30-11.32.01_thumb

  • 2012/08/10

iPadでも。Webブラウザで使えるオンラインドローコラボレーションソフトウェア「Walma」

WalmaはWebブラウザで使える、コラボレーションドローソフトウェアです。会議や授業では必須とも言えるのがホワイトボード(または黒板)です。一方的に書かれるだけでなく、みんなで一つの作品を仕上げていく際にも使われます。そんなホワイトボードをデジタル化したのがWalmaです。Webブラウザベースでコラボレーションしなが...

39041?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-23-11.43.22_thumb

  • 2012/06/02

試してみよう。Webベースのドローアプリケーション「Stylo」

StyloはWebベースのドローアプリケーションです。データの保存はできませんが、多機能です。ドローという技術は応用範囲がとても広いです。IllustratorやFireworks、さらにVisioなどもドローソフトウェアと言えます。そんなドローをWebベースで再現するソフトウェアがStyloです。四角を配置してみまし...

List

  • Premium_s 2012/05/15

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

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

38382?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-01-15.40.10_thumb

  • 2012/05/11

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

scri.chはWeb上で線を引けるソフトウェアです。書いた作品は保存したタイミングでユニークなURLが生成されます。Webブラウザ上でイラストを書いたりするサービスは多数ありますが、それをもっとシンプルにしたサービスがscri.chです。マウスで自由に線を描いて共有できます。最初の表示です。真っ白で何もないかのようで...

37348?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-25-10.29.07_thumb

  • 2012/04/09

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

papertはWebブラウザ上で動作するLogoです。Canvasを使って実際に描画します。計算式を使ってバットマンのロゴを作成するなんてネタが流行ったりしましたがpapertはWeb上でLogoを使って絵を描くソフトウェアです。右にあるLogoコードを実行した結果が左の絵です。計算処理が行われていく中で徐々に絵が描か...

List

  • 2012/03/31

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

HTML5 Canvas Brush Sketchはマウスの入力をブラシ風にして滑らかにドローできるソフトウェアです。iPadやWebブラウザ上で絵を描く際に試してみたいのがHTML5 Canvas Brush Sketchです。単純にマウスを動かした線を引くのではなく、ブラシ風に描いてくれます。こちらはライン版。普通...

List

  • 2012/03/10

Canvasを使ったオンラインイラストソフトウェア「RoCanvas」

RoCanvasはHTML5/JavaScriptで作られたCanvas上で自由にイラストを描けるソフトウェアです。RoCanvasはHTML5で作られたドローソフトウェアです。簡単なイラストを描いて、みんなで共有したりするのにぴったりと言えそうです。最初の画面です。色、サイズ、書き方を選択できます。赤の自由線です。四...