もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
無料で説明図を作るならドローツール「draw.io」に敵うものはないかも
で、図説ドローツールとしては、CacooやGliffyを紹介しました。 けれども、「draw.io」というのを使ってみたら、完全に無料で利用できるうえに、日本語にも対応、さらには機能も豊富という何拍子も揃った素晴らしいドローツールだったので紹介です。 photo by David Goehring draw.ioとは draw.ioは、WEB上で無料で使えるフローチャート作成ツールです。 インストールなどは必要なく、ブラウザからログインも不要で手軽に利用することができます。 通常、こういったドローツールは、「作業シート何枚まで無料であとは有料」などというサービスも多いのですが、draw.ioは完全無料で利用することができます。 やれることが豊富このツールを利用するだけで、以下のような図を手軽に作成することができます。 チャートなんかも。 こんな回路図なんかも。 もちろんこんなフローも。 関
rmoriz/draw.io · GitHub
draw.io project sources ----------------------- draw.io comprises three parts: 1) The static web content under the war directory. 2) The open, save, embed, proxy and iconfinder servlets as one servlet war. These are located under src/com/mxgraph/online/. 3) The image export servlet. This is located under etc/imageexport. Prior to invoking any builds, search war/index.html for "CUSTOM_PARAMETERS".
創作意欲をかき立てるドローアプリ·Alchemy MOONGIFT
これは面白い。一般的にコンピュータ向けに提供されるペイント系ソフトウェアは、紙で行っていた作業をリプレイスするものが多い。デジタルならではの機能というと、レイヤーやアンドゥといった機能だ。だがもっとできることはあるはずだ。コンピュータ上ならではの創作プロセスが必要だ。 デジタルならではの芸術が生まれるかも知れない そこにチャレンジするのがAlchemyだ。まさにデジタル時代ならではの芸術性が生まれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはAlchemy、コンピュータ上の創作プロセスを一変させるソフトウェアだ。 Alchemyにはアンドゥや編集するような機能はない。あえて機能を低く抑え、創作に集中できるようにしている。そして入力ソースとして、マウスなどはもちろんのこと、マイクの音量、コンピュータ内のノイズ、カーソルを動かす速度、インターネット上の画像取り込みなどが対象
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
