(:3[kanのメモ帳]

個人ゲーム開発者kan.kikuchiのメモ的技術ブログ。月木更新でUnity関連がメイン。

(:3[kanのメモ帳]



チームでフローチャートやワイヤーフレームなどの図を作成するWebサービス Whimsical(無料でも利用可能)【便利サービス】


このエントリーをはてなブックマークに追加


はじめに

今回は開発とは直接関係ありませんが、かなり便利なサービスを見つけたので、それの紹介記事です!


サービス名はWhimsicalで、

ざっくり言うとチームでフローチャートやワイヤーフレームなどの図を作成するWebサービスです。


f:id:kan_kikuchi:20190321092948j:plain


フローチャートなどの図はエクセルやパワポでも作る事は可能ですが、

やはりWhimsicalのような専用のものを使った方が効率が良いのでオススメです!


Whimsicalとは

まずはサービスの内容についてですが、サイト上では以下のように簡潔に説明がされています。

Collaborate visually. Fast and delightful.

↓Google翻訳↓
視覚的に共同作業します。 速くて楽しいです。


最初にも述べた通り、チームで使えるサービスなので、

同じ図を共同で作成していく事が出来ますし、その場でメッセージのやりとりも行えます。

f:id:kan_kikuchi:20190321095226g:plain


もちろん、1人で使う事も可能です。


作成出来る図の種類

現状、作成出来る図の種類はフローチャート、ワイヤーフレーム、スティッキーノートの3種類ですが、

今後、マインドマップというものも追加されるようです。


f:id:kan_kikuchi:20190320111837j:plain


フローチャート

フローチャートは名前の通り、処理などの流れを表す図です。


f:id:kan_kikuchi:20190320114131g:plain


サンプルの一部を抜粋すると以下の通り。(ログインするとサンプルをコピーして編集することも可能)


f:id:kan_kikuchi:20190320114039p:plain
The Procrastination Flowchart


f:id:kan_kikuchi:20190320114058p:plain
How We Built Whimsical


シンプルなものから、結構凝ったものまで幅広く作れます。


ワイヤーフレーム

ワイヤーフレームは設計図や配置図のようなものです。


f:id:kan_kikuchi:20190321090928g:plain
whimsical.co


サンプルの一部を抜粋すると以下の通り。(ログインするとサンプルをコピーして編集することも可能)


f:id:kan_kikuchi:20190321082923p:plain
whimsical.co


f:id:kan_kikuchi:20190321082937p:plain
Web App Wireframe


スマホやタブレット、Webページと色々な対象のデザインが可能です。


スティッキーノート

スティッキーノートは付箋のことで、メモをどんどん追加&整理していく感じのものです。


f:id:kan_kikuchi:20190321090806g:plain


サンプルの一部を抜粋すると以下の通り。(ログインするとサンプルをコピーして編集することも可能)


f:id:kan_kikuchi:20190321084516p:plain
Affinity Diagram


f:id:kan_kikuchi:20190321084546p:plain
Kanban Board


メモの整理やタスク管理など、シンプルながら用途は多岐に渡ります。


料金

さて、気になる料金は月額12ドル、年一括だと月額10ドルです。


f:id:kan_kikuchi:20190320094434j:plain


無料でも使えますが、こちらは作成出来るボード(プロジェクト)が4つまでなので注意が必要です。

ただ、無料でも人数や機能に制限はなさそうなので、

並行して使うボードが4つまでなら無料で十分に使えそうです。


ガッツリ使うなら月額10ドルは安いと思いますし、

軽く使いたい場合やたまに使う場合は無料で十分なので、値段的にも使いやすいです。