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

アプギガトップ > Webサービス > URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
注目記事ピックアップ
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
share0
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
share0
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
1枚の画像に好きな情報を埋め込んでマッピングできるWebサービス「Pictogon」を使ってみた!
share0
1枚の画像に好きな情報を埋め込んでマッピングできるWebサービス「Pictogon」を使ってみた!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
share0
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
share0
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2016/02/22 20:50

URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!

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

みなさんは、データの「可視化」にご興味あるでしょうか?

「Excel」や「CSV」、またはWebサイトに公開されている多彩なデータを、分かりやすいグラフやチャートに自動で変換してくれる便利なWebサービスが公開されているのでご紹介しようと思います!

【 Silk 】
silk-02

Webサイトの「データ」を可視化してみよう!
まずは、「Silk」でどんな事ができるのか、実際に使いながら見ていきたいと思います。


最初に、無料のユーザー登録を済ませると、「Silkプロジェクト」の作成画面が表示されるので、適当な名称を入力して下段のボタンをクリックしましょう!
silk-03

すると、自分専用の「管理画面」が表示されるので、右端の項目を選択!
silk-04 ここから、好きなWebサイトのURLを指定することで、Web上のデータを可視化することができます。


今回は、サンプルとしてアップル社の「Apple Watch」購入ページのURLを使ってみたいと思います。
silk-05 このページのURLをコピーしておきましょう。


そして、そのまま「Silk」の入力ボックスへ貼り付けて「IMPORT」ボタンをクリック!
silk-06

たったこれだけで、Webに掲載されていた全20種類の「Apple Watch」の詳細データを取得することができます。
silk-07 もちろん、データ横にある「設定」ボタンで、好きなようにテキストを編集することも可能です。

「データ」に問題なければ、そのまま「START IMPORT」ボタンをクリックすれば準備完了です。


これで、自分の管理画面に「Apple Watch」のデータが取り込まれているのが分かります。
silk-08

あとは、メニューから好きなデータ可視化の手法をクリックするだけでOK!
silk-09

例えば、「横棒グラフ」ボタンをクリックすれば、価格帯のグラフが自動的に生成されます。
silk-10

「円グラフ」や「散布図」など、主要なグラフは一通り揃っています!
silk-11

データ内に「位置情報」が入っていれば、マッピングも一発で自動反映してくれます!
silk-12

「グルーピング」機能も優秀で、例えば「価格帯」「名前」「住所」などのグループに自動で分けて表示することも可能!
silk-13 これらの優れた機能を自由に使って「データ」を好きなようにカスタマイズして編集することができるのは魅力的ですね。


他にもあるこんな機能たち!
先ほどは、WebサイトのURLからデータを取得しましたが、ExcelやCSV、Googleスプレッドシートなどから直接データをアップロードすることも可能です!
silk-14 Googleドライブと同期すれば、スプレッドシートのデータを編集するだけで、自動的にグラフへ反映させるような機能も搭載されています。


また、データを持っていなくても、ゼロから構築できるように専用のエディタを使うことも可能!
silk-15 簡単に、テキストや画像・動画などをデータ化することができるように、工夫されたUI設計となっています。


そして、特に面白い機能が、可視化されたグラフを使ってそのままWebサイトを構築できる点です!
silk-16 任意のデータをクリックするだけで、Webページに貼り付けることができ、テキストや画像・動画なども挿入して本格的なWebサイトが作れてしまいます!


例えば、バスケットボールチームのスコアなどのデータを掲載したWebサイトや、
silk-17

美味しいレストランの情報を可視化したキュレーションサイトなど…。
silk-18 他にも、「Silk」を使って作られたWebサイトは、コチラからさまざま種類を閲覧することができます!
制作したWebサイトは、「Silk」側がホスティングの代わりもしてくれるので、維持費用も無料です。

ちなみに、Webサイトにしなくても、それぞれ生成されたグラフは「埋め込みタグ」も一緒に作れらているので、自分のWebサイトやブログなどへ簡単に挿入できるようにもなっています。


以下の動画で、実際の操作感やグラフの作り方などを視聴することが出来るので、ぜひチェックしてみて下さい!

その他の動画はコチラから


おまけ
最後に、「データの可視化」ということで、普段プログラミングをしている方に最適な「作業ログ」を自動的に可視化してくれるサービスを合わせてご紹介しておきます!

【完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!】
silk-19 Sublime Text, Atom, Unity, Cloud9…など、ほぼすべてのコードエディタに対応しており、普段通りプログラミング作業をしているだけで、すべて全自動でログを収集してくれるスグレモノです。

タイムライン上で作業時間の割合を確認できたり、どの言語で仕事を多くしているかをグラフ化したり、GitHubと連携しての進捗具合を見たり…など、普通ではチェックできないような作業ログを可視化できるので非常にオススメです。

もし、ご興味が湧いた方はぜひ参考にしてみてください!


まとめ
現在、データを可視化するサービスはいくつかありますが、今回ご紹介した「Silk」ほど多機能で、なおかつ無料のサービスは珍しいと思います。

特に、普段ExcelやGoogleドライブなどでデータ処理をされている方は、簡単に連携できるのでぜひトライしてみて欲しいと思います。

また、Webサイトからデータを取得する場合には、取得後に不要なデータを削除すると良い感じにグラフが生成されるので、ぜひ試してみてください!


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



written by まさとらん(@0310lan

まさとらん

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

twitter:0310lan

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

ページトップへ戻る