シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > 開発中のWebデザイン上で、多人数ブレストを実現する「inVision」が便利過ぎる!
注目記事ピックアップ
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/08/15 22:25

開発中のWebデザイン上で、多人数ブレストを実現する「inVision」が便利過ぎる!


どうも、まさとらん(@0310lan)です!

Webアプリやサイトを、たった1人で作ることってあまり無いですよね?

トップデザインだけでも複数人が担当することも珍しくないわけで…、そんな時に、場所を問わずいつでもオンラインで「ブレスト的なミーティング」を実現できるWebサービスが海外で注目されているのでご紹介しようと思います。

それが、「inVision」です!


 

どうやって使うの!?
まず、無償のアカウントを登録したら、自分専用のマイページが表示されます。

ここに、フォトショなどで製作中のデザイン画像や、ラフスケッチをスキャンした画像などを放り込んでいきます。


 

もし、すでに稼働中のWebアプリやサイトの場合は、専用のChromeアプリを使うと1クリックでキャプチャしてくれるので便利です。


 

画像が用意できたら、プロジェクトに入り「LiveShare」ボタンをクリックします。


 

そして、生成されたURLを一緒にミーティングしたい人へシェアします。


 

これだけで、開発中のデザインを複数人で共有しながら「リアルタイムミーティング」を実現できるわけです。


それぞれのマウスに名前が表示されており、そのまま自由に手描きすることも可能です。

 

もちろん、その場ですぐにチャットもできます。


 

文章で伝えられなければ、音声チャットも利用できます。


 

また、タブを切り替えるだけで、ホワイトボードを利用することも可能です!


ホワイトボードに描いた内容は、1クリックで画像として保存することもできます。

 

ちなみに、シェアされたURLは「スマホのブラウザ」からも参加可能で、「手描き」との相性は抜群ですね!


 

 
非エンジニアも開発に参加できる優れたUI!
実は、「inVision」を使うことで、ほぼ完成に近いプロトタイプを作ってしまうことも可能です。

例えば、

iPhone用のWebサイトを製作する場合を見てみましょう。

 

まず、新規プロジェクト画面で専用テンプレートを選択します。


 

そして、プロトタイプ用の画像をどんどん放り込んでいきます。


ちゃんとした画像でなくても、ワイヤーフレームや手描きスケッチなどでも問題ありません。

 

あとは、画像の中にあるボタンを、マウスでドラッグしながら範囲を指定します。


 

すると、指定したボタンを「どのように動かしたいか?」というのを、細かく設定できるようになります。


上記の場合は、「タップをしたら、左から右へ指定の画像を表示する」という設定にしてみました。

 

そして、ビューモードで動作を確認すれば、その通りに動いてるのが分かります!


 

そのままURLを共有したり、埋め込みタグを使ったりして複数人で挙動の確認をすることも可能。


(スマホで確認すれば、まるでアプリが動いているように錯覚します…)

 

さらに、このままボタンなどを作り込んでから、再び「リアルタイムミーティング」に進んでしまうことも可能ですね!

このように、プロトタイプを作りながら「複数人でミーティング」をやったりなど、やっていることは複雑な作業のはずなんですが、とても簡単に扱えるように工夫されている点が最大の魅力とも言えそうです。

2014年8月現在、EvernoteやAirbnb、ebayにPayPalなど…、大手IT企業が次々と「inVision」を使い始めている理由も分かるような気がします。(参考:CUSTOMERS

 

 
おまけ
最後に、アプギガで過去に紹介した「Webアプリ開発」を手助けしてくれる、良質なサービスも合わせてご紹介しておきます!

Webアプリの開発でありがちな問題を「一発解消」するWebサービス10選が便利過ぎる!


開発からデザイン、テストまで、幅広くサポートしてくれる貴重なWebサービスばかりを厳選してみました。

ご興味ある方は、ぜひ一読くださいませ!

 
まとめ
複数人で、画面を共有したり、1つのデザインに対してコメントをするような類似サービスはいくつかありますが、現時点においては「inVision」の方が圧倒的に使いやすかったです。

これから、Webアプリやサイトなどを作る予定のある方は、まずラフスケッチを「inVision」に読み込ませてから、試行錯誤するのがスタンダードになりそうです。

 

 

written by まさとらん

 

 

 


 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る