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

アプギガトップ > Webサービス > データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
注目記事ピックアップ
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2017/05/15 19:00

データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!

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

みなさんは、プレゼン用に「スライド資料」や「インフォグラフィック」などを作ることはあるでしょうか?

「興味があるので作ってみたい」…という人も含めて、ブラウザから超お手軽に制作できるオススメの無料Webサービスがあるのでご紹介しようと思います!

【 Visme 】
visme-02

基本的な使い方!

「Visme」の使い方は簡単で、まずはサイトにアクセスして中央のボタンをクリックしましょう。
visme-03 すると、ユーザー登録画面になるので、メルアドやパスワードを設定します。


次に、自分専用の「管理画面」が表示されるので、新規作成ボタンをクリック!
visme-04

プロジェクト名を設定したあとに、次のような「テンプレート画面」が表示されます!
visme-05 ここで、「スライド資料」「インフォグラフィック」「バナー」などのカテゴリを決めて、自分が作りたいテンプレートを選ぶだけで手軽に作業を進めることが出来るわけです。

テンプレートは、無料・有料いろいろありますが、ゼロから自分なりに作り直していくことも可能なので、自由度はかなり高いと思います。


「Visme」エディタの機能紹介!

ここからは、さらに詳しい機能を解説するため、実際に「Visme」を使いながらどのように制作していくのかをチェックしていきましょう!

今回は、とりあえず「インフォグラフィック」を選択し、好きなサンプルを1つクリックします。
visme-06

選択したテンプレートの「プレビュー」画面が表示されるので、問題なければ右上のボタンをクリック!
visme-07

すると、専用の「制作エディタ」が起動します!
visme-08

基本的な使い方としては実にシンプルで、左メニューから好きなオブジェクトをドラッグ&ドロップするだけです!
visme-09

メニューは多彩で、例えばオシャレな装飾が施されたテキスト素材であったり…
visme-10

数万点に及ぶフリーの画像素材を検索して利用できたり…
visme-11

ポップなアイコンなども豊富に用意されています!
visme-12

また、YouTubeやVimeoなどの動画リンクを貼り付けることも可能。
visme-13 貼り付ける際に、「自動再生」「途中再生」「ループ再生」などの設定もできるのは便利です。


挿入したら、動画のサイズなども編集可能です。
visme-14

動画だけでなく「埋め込みタグ」にも対応しているので、例えばGoogleマップのコードをコピペすると…
visme-15

こんな感じで、しっかりと挿入できているのが分かります。
visme-16

ちなみに、地図に関しては専用の「マップ制作エディタ」が搭載されています!
visme-17 世界地図はもちろんのこと、国別で地図を作成できるようになっており、データに基づいて色付けを自動で行ったりも可能です。


もっと細かいデータを可視化したければ、「グラフ制作エディタ」も便利です!
visme-18 スプレッドシートやエクセル・CSVなどからデータを読み込むことも可能で、一発で見やすいグラフに変換することが出来るようになっています。
(グラフのスタイルやデザインも設定可能)


変換できるグラフの種類も豊富なので、好みのデザインに合わせることも簡単でしょう。
visme-19 「Visme」は、このような便利ツールが満載なのが特徴で、大量のデータや数値などを見やすく可視化してデザインできるスグレモノと言えるでしょう。


他にもまだあるこんな機能!

「Visme」は、インフォグラフィックだけでなく、ビジネスシーンでよく使われるプレゼン用のスライド資料も簡単に作れるようになっています。
visme-20 使える機能はまったく同じで、可視化された分かりやすい資料作りが簡単に制作できるのが特徴でしょう。


また、スライド資料として即戦力の高い豊富なテンプレートも多く搭載されています。
visme-21

さらに、左メニューにあるオブジェクトには、あらかじめアニメーション機能が搭載されているものがあります。
visme-22

例えば、グラフを作るとこんな感じに表示されます!
visme-23
どんなグラフの種類でも、ポップなアニメーションが生成されるので視覚的にも楽しいです。


他にも、数値を可視化できるオブジェクトも動きを付けられます。
visme-24

さらに、テキストの文章もアニメーション表示可能です!
visme-25
これらを組み合わせると、Webらしいダイナミックなデザインを制作することが出来るようになるでしょう。


ちなみに、作成したプロジェクトは「Publish」ボタン一発でネット上に公開することが可能です!
visme-26 シェア用のURLが生成されるので、あとはメールやSNSなどで配布すれば友人・知人に見てもらうことが出来るので便利です!


「Visme」にご興味湧いた方は、以下の公式動画で概要を確認することができますよ!



チュートリアル動画もたくさん公開されています…)


まとめ

今回ご紹介した「Visme」を活用すれば、インフォグラフィックやスライド資料はもちろんのこと、Web用の「バナー広告」やサイトの設計などに使える「ワイヤーフレーム」やプロトタイプのデザインなどにも活かせるでしょう。

特に、「マップエディタ」「グラフエディタ」の使いやすさは抜群で、これだけでも「Visme」を使って資料を作る意味があると言っても過言ではありません。

少しでも気になった方は、ぜひ一度トライしてみてください!


<参考>
「Visme」公式サイト



written by まさとらん(@0310lan

まさとらん

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

twitter:0310lan

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

ページトップへ戻る