Movatterモバイル変換


[0]ホーム

URL:


Yusuke Wada, profile picture
Uploaded byYusuke Wada
PDF, PPTX7,439 views

Webサービスのコンテンツパターン 或いはデータの活⽤

Yusuke Wada a.k.a. yusukebe2014/10/18ハッカソン@新潟市 #ngthack

Embed presentation

Download as PDF, PPTX
Webサービスのコンテンツパターン 或いはデータの活⽤用 Yusuke Wada a.k.a. yusukebe 2014/10/18 ハッカソン@新潟市 #ngthack
⾃自⼰己紹介 • 和⽥田裕介 1981年年⽣生 東京都在住 • (株) ワディット代表取締役 • (株) オモロキ取締役兼CTO • Webアプリケーションデベロッパー • その他、コンサル、執筆 etc.
代表作
今回のハッカソンでは… • 各種データが提供されるとのこと! • 新潟市GISデータ • 新潟市広報誌データ • 観光サイトデータ そのデータを活⽤用したWebサービスやアプリを作成
そういえば⾃自分も… • スクレイピングからWeb API活⽤用、CGMまで • 様々なデータを活⽤用して⼤大⼩小20個ほどのWeb サービスを開発 • Webサービスとデータとの関係性が⾒見見えてきた そこで…
本トークのテーマ
Webサービス内で使われる情報は どこから来てどう活⽤用されるのか? サービスにおけるコンテンツのパターンを紹介
情報とコンテンツ、⾔言葉葉の定義 情報 そのもの⾃自体は特定のサービスに依存しない どこか?から発信され伝わる事情 コンテンツ 情報をサービス固有の価値として利利⽤用した時 コンテンツと呼ばれることがある
データを価値のあるコンテンツにして Webサービスやアプリをつくろう!
パターン1 複数の情報を組み合わせる
問題 CDセールスランキングとYouTubeを 組み合わせると何が出来るでしょうか? CDセールスランキング ✕ YouTube
答え 某カウントダウンTV 2006年年に実際にやってみた
CDTube
マジでCDTVみたい • 2006年年当時はYouTubeに対する⾒見見⽅方が今とは違っていた • 著作権的に「グレーというか⿊黒じゃない」という意⾒見見 • 津⽥田⼤大介さんのBlogでも紹介される (彼は元々⾳音楽が専⾨門) CDTubeは⾳音楽業界の⼈人間が今時のウェブというものをどれだけきちんと認識識している のか、ということを調べる上でとてもよくできた「リトマス試験紙」なのだと思う。 http://xtc.bz/?ID=394
ある情報とある情報を組み合わせると Web上には無かったモノが 出来るかもしれない
パターン2 メディアにメタデータを付加する
動画や⾳音楽には情報が付きにくい • いかにして検索索及び分類可能にするか? • メディアに対するメタデータを付加する 某アダルトサイトで実証中
例例えば⼥女女優別に動画を分類する⽅方法 1.⼥女女優名のリストを準備 2.Blog検索索やTwitter検索索から某動画サイトへのリンク を抽出 3.Blogなどのテキストに⼥女女優名が含まれているかを チェックする 4.⼀一致した場合その動画と⼥女女優名は関係性があると認識識 させる
某アダルトサイト
パターン3 ⾒見見やすいように可視化する
情報を⽬目的に応じて⾒見見せると 価値が上がるケースがある
HatebuPaper
いわゆるビッグデータの 視覚化
BigView • Google BigQueryにQueryを投げた結果を Visualizationするアプリケーション • 絶賛開発中
パターン4 特化した操作を使いやすくする
Web API など数ある機能の中から ユースケースを絞りUI/UXを⼯工夫する
君のラジオ
YouTube動画をBGMとして利利⽤用することに 特化しつつ新しい⾳音楽に出会える • YouTube Player API = プレイヤー • Last.fm Web Services = ⾳音楽データベース • Twitter API = ユーザー管理理 • jQuery UI = UI構築 • 例例. アーティスト名で検索索すると⼈人気の曲が出る • 例例. 聴いた曲をアーカイブ出来る • 例例. プレイリストを作成
もしデータが無ければ…
パターン5 半匿匿名性の⼈人⼒力力を信じる
anpiレポート
パターン6 CGMは死なない?
ボケて
Consumer Generated Media • ボケては、お題・ボケ・評価・コメント、全てCGM • 写真+ボケのテキストという専⽤用のフォーマット • フォーマットに合わせた情報がコンテンツとなる • 例例. クックパッドのレシピ • 例例. ⾷食べログの評価 いかに独⾃自のフォーマットをつくるか?が鍵
パターン7 その他 最近の⾯面⽩白い傾向
ユーザーごとにカスタマイズされた情報 Your facebook.com is not the same as my facebook.com • あなたが⾒見見ているタイムラインの情報は他の⼈人のも のとは違う! • 情報に「公開範囲」を設定することで受信する側 etc. にとっては「コンテンツ」となりうる
キュレーションメディアにおける編集の意味 「まとめ」がコンテンツとなりうるのか? • 例例えば「編集」がコンテンツを仕上げる役割だ としたら情報の収集=まとめは編集の⾏行行為にあ たるのか?それはコンテンツだろうか? • 2 メディアにメタデータを付加する もある意味 メディアの⾃自動キュレーション
パーソナルな情報との対話 • 特にヘルスケア、他にお⾦金金の管理理など • なんでも「シェアする」とは逆の発想
パターンまとめ
7つのパターン 1.複数の情報を組み合わせる 2.メディアにメタデータを付加する 3.⾒見見やすいように可視化する 4.特化した操作を使いやすくする 5.半匿匿名性の⼈人⼒力力を信じる 6.CGMは死なない? 7.SNS、キュレーション、パーソナル情報など
Let's hack the data!

Recommended

PDF
事故からはじまるスケールチャンス
PDF
2014/10/04 四国クラウドお遍路 クラウドでビックデータのスモールスタート
PPTX
Kintone + ruby + ThinReports 連携
 
PDF
そのWebサービスは本当に「あたりまえ」だったのか?
PPTX
Slack Appsでやれる事を確認した。年内日本語化されるんで、急ぎで!
PPTX
Google CardbordとLeapMotion 〜お手軽VR〜
PDF
初めてつくる Webアプリの開発戦略
PDF
楽しいRails開発
PDF
AWS FinTech リファレンス・アーキテクチャー 日本版 の話
PDF
altJSの選び方
PDF
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
PDF
Data APIで広がるWebサイトのオモテとウラ
PDF
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
PDF
Flexbox しか勝たん
PPTX
APIコンテスト11 柿島大貴 一語一絵
PDF
CTF 2016 No.6 ローカルシビックテック実践 ~会津若松市 情報化の取り組みと防災分野へのオープンデータ活用」~ #civictechjp
PPTX
IoTの原点
PDF
Firebase Authを Nuxt + Railsの自前サービス に導入してみた
KEY
RubyMotionを1週間 触ってみた印象
PDF
Yapc2012ltthon
PDF
NuxtJS + REST APIで運用中サービスをNuxtJS + GraphQLに変更したことによる光と影
PDF
プログラミングTipsサイトlt(town bash 201710)
PPTX
起業から3年間を支えてくれた kintoneとChatOps_オルターブース
PDF
20201003-kaigion-rails ひみつきちをつくりたい
PDF
CTF 2016 No.7 ローカルにおけるシビックテックの哲学 〜西本浩幸 株式会社デザイニウム〜 #civictechjp
PDF
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
PDF
SI屋的CDP
PDF
脆弱性もバグ、だからテストしよう DevSummiFukuoka
PDF
飲食店サイトのスクレイピング
PDF
デキるプログラマだけが知っているコードレビュー7つの秘訣

More Related Content

PDF
事故からはじまるスケールチャンス
PDF
2014/10/04 四国クラウドお遍路 クラウドでビックデータのスモールスタート
PPTX
Kintone + ruby + ThinReports 連携
 
PDF
そのWebサービスは本当に「あたりまえ」だったのか?
PPTX
Slack Appsでやれる事を確認した。年内日本語化されるんで、急ぎで!
PPTX
Google CardbordとLeapMotion 〜お手軽VR〜
PDF
初めてつくる Webアプリの開発戦略
PDF
楽しいRails開発
事故からはじまるスケールチャンス
2014/10/04 四国クラウドお遍路 クラウドでビックデータのスモールスタート
Kintone + ruby + ThinReports 連携
 
そのWebサービスは本当に「あたりまえ」だったのか?
Slack Appsでやれる事を確認した。年内日本語化されるんで、急ぎで!
Google CardbordとLeapMotion 〜お手軽VR〜
初めてつくる Webアプリの開発戦略
楽しいRails開発

What's hot

PDF
AWS FinTech リファレンス・アーキテクチャー 日本版 の話
PDF
altJSの選び方
PDF
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
PDF
Data APIで広がるWebサイトのオモテとウラ
PDF
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
PDF
Flexbox しか勝たん
PPTX
APIコンテスト11 柿島大貴 一語一絵
PDF
CTF 2016 No.6 ローカルシビックテック実践 ~会津若松市 情報化の取り組みと防災分野へのオープンデータ活用」~ #civictechjp
PPTX
IoTの原点
PDF
Firebase Authを Nuxt + Railsの自前サービス に導入してみた
KEY
RubyMotionを1週間 触ってみた印象
PDF
Yapc2012ltthon
PDF
NuxtJS + REST APIで運用中サービスをNuxtJS + GraphQLに変更したことによる光と影
PDF
プログラミングTipsサイトlt(town bash 201710)
PPTX
起業から3年間を支えてくれた kintoneとChatOps_オルターブース
PDF
20201003-kaigion-rails ひみつきちをつくりたい
PDF
CTF 2016 No.7 ローカルにおけるシビックテックの哲学 〜西本浩幸 株式会社デザイニウム〜 #civictechjp
PDF
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
PDF
SI屋的CDP
AWS FinTech リファレンス・アーキテクチャー 日本版 の話
altJSの選び方
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
Data APIで広がるWebサイトのオモテとウラ
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
Flexbox しか勝たん
APIコンテスト11 柿島大貴 一語一絵
CTF 2016 No.6 ローカルシビックテック実践 ~会津若松市 情報化の取り組みと防災分野へのオープンデータ活用」~ #civictechjp
IoTの原点
Firebase Authを Nuxt + Railsの自前サービス に導入してみた
RubyMotionを1週間 触ってみた印象
Yapc2012ltthon
NuxtJS + REST APIで運用中サービスをNuxtJS + GraphQLに変更したことによる光と影
プログラミングTipsサイトlt(town bash 201710)
起業から3年間を支えてくれた kintoneとChatOps_オルターブース
20201003-kaigion-rails ひみつきちをつくりたい
CTF 2016 No.7 ローカルにおけるシビックテックの哲学 〜西本浩幸 株式会社デザイニウム〜 #civictechjp
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
SI屋的CDP

Viewers also liked

PDF
脆弱性もバグ、だからテストしよう DevSummiFukuoka
PDF
飲食店サイトのスクレイピング
PDF
デキるプログラマだけが知っているコードレビュー7つの秘訣
PPTX
日経ITpro EXPO2015 ソラコム特別講演: IoTのキャズムを超える by CEO玉川
PDF
【18-E-2】Android6.0 対応! モバイルアプリセキュリティの最新トレンド
PDF
組織にテストを書く文化を根付かせる戦略と戦術
PDF
HTTP2Study chronicle #http2conf
PDF
Perlcasual#6_2014-10-24
PPTX
【cybozu conference 2015】nomizu 分科会
PDF
エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
PDF
スキニーなシステム開発にぴったりの契約形態
PDF
大企業Hacks!
PDF
AWSアカウント開設からインスタンスを立ち上げるまでの作業自動化について
PDF
地方で集うビジネスにしないITラボ
PDF
ホラクラシー型組織~実際に8年経営してわかったこと~(ホラクラシーのメカニズム)
PDF
これからの「アジャイル」の話をしよう ――今を生き延びるための開発手法とスキル (関西バージョン)
PDF
デザイナーでも構築できる多言語/マルチデバイス対応サイト
PDF
足を地に着け落ち着いて考える
PPTX
Webサイト運営者対象 ユーザーを「ファン化」するコンテンツ企画制作セミナー
PDF
ロボットのいる生活@enPiT
脆弱性もバグ、だからテストしよう DevSummiFukuoka
飲食店サイトのスクレイピング
デキるプログラマだけが知っているコードレビュー7つの秘訣
日経ITpro EXPO2015 ソラコム特別講演: IoTのキャズムを超える by CEO玉川
【18-E-2】Android6.0 対応! モバイルアプリセキュリティの最新トレンド
組織にテストを書く文化を根付かせる戦略と戦術
HTTP2Study chronicle #http2conf
Perlcasual#6_2014-10-24
【cybozu conference 2015】nomizu 分科会
エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
スキニーなシステム開発にぴったりの契約形態
大企業Hacks!
AWSアカウント開設からインスタンスを立ち上げるまでの作業自動化について
地方で集うビジネスにしないITラボ
ホラクラシー型組織~実際に8年経営してわかったこと~(ホラクラシーのメカニズム)
これからの「アジャイル」の話をしよう ――今を生き延びるための開発手法とスキル (関西バージョン)
デザイナーでも構築できる多言語/マルチデバイス対応サイト
足を地に着け落ち着いて考える
Webサイト運営者対象 ユーザーを「ファン化」するコンテンツ企画制作セミナー
ロボットのいる生活@enPiT

Similar to Webサービスのコンテンツパターン 或いはデータの活⽤

PDF
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
PPT
20090619 jagat sharing_contentsbiz
PDF
ウェブサービスのつくりかた
PDF
そのWebサービスは本当に「あたりまえ」だったのか?~WebSig1日学校2013_個別授業_和田先生
PPT
Webdirection
PDF
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014)
PDF
TC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
PDF
Mtddc meetup kyushu_2013_mt_usage
PPT
#022 waap
PDF
20090827 ku-librarians勉強会 #114 : Wikipediaをいかに使いこなすか? ---知識抽出、情報ナビゲーション、そしてトピ...
PDF
WCAN 2010 Summer Session-1: IA
PDF
20130129 movable type_usage
PPT
20070608 e-Trend WorkShop
 
PDF
130607 session v2 Markezine Academy
PDF
20080327 ku-librarians勉強会 #98:データベースからデータだけをいただく方法(web api入門)
PDF
NetCommonsの事例紹介とNPO法人コモンズネットのご案内
PDF
Business ICT seminar #43 Keynote Presentation
PDF
「新しい」を生み出すためのWebアプリ開発とその周辺
PDF
Storytelling ux tokyo-en
PPT
Social media pr-strategyapproach
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
20090619 jagat sharing_contentsbiz
ウェブサービスのつくりかた
そのWebサービスは本当に「あたりまえ」だったのか?~WebSig1日学校2013_個別授業_和田先生
Webdirection
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014)
TC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
Mtddc meetup kyushu_2013_mt_usage
#022 waap
20090827 ku-librarians勉強会 #114 : Wikipediaをいかに使いこなすか? ---知識抽出、情報ナビゲーション、そしてトピ...
WCAN 2010 Summer Session-1: IA
20130129 movable type_usage
20070608 e-Trend WorkShop
 
130607 session v2 Markezine Academy
20080327 ku-librarians勉強会 #98:データベースからデータだけをいただく方法(web api入門)
NetCommonsの事例紹介とNPO法人コモンズネットのご案内
Business ICT seminar #43 Keynote Presentation
「新しい」を生み出すためのWebアプリ開発とその周辺
Storytelling ux tokyo-en
Social media pr-strategyapproach

More from Yusuke Wada

PDF
僕がつくった 70個のうちの48個のWebサービス達
PDF
スッとGoを取り入れる
PDF
東京脱出計画中
PDF
Extreme remote working
PDF
Podcastを支える技術、エンジニアのためのWebメディア、そしてCPAN
PDF
創造のプロセスを回せ!v0.01
PDF
It's not only about "REMOTE"
PDF
Google BigQueryを使ってみた!
PDF
とある Perl Monger の働き方
PDF
5 minutes - YAPC::Asia Tokyo 2014
PDF
Podcastをカジュアルに 支える技術
PDF
The master plan of scaling a web application
PDF
Mojoliciousでつくる! Webアプリ入門
PDF
10 things to learn from Bokete
PDF
Inside Bokete: Web Application with Mojolicious and others
PDF
僕らの履歴書
PDF
僕らがWebサービスをつくる5つの理由
PDF
僕らがつくるための 「5W」について
PDF
「Webサービスのつくり方」 のつくり方
PDF
Webサービス企画のコツ
僕がつくった 70個のうちの48個のWebサービス達
スッとGoを取り入れる
東京脱出計画中
Extreme remote working
Podcastを支える技術、エンジニアのためのWebメディア、そしてCPAN
創造のプロセスを回せ!v0.01
It's not only about "REMOTE"
Google BigQueryを使ってみた!
とある Perl Monger の働き方
5 minutes - YAPC::Asia Tokyo 2014
Podcastをカジュアルに 支える技術
The master plan of scaling a web application
Mojoliciousでつくる! Webアプリ入門
10 things to learn from Bokete
Inside Bokete: Web Application with Mojolicious and others
僕らの履歴書
僕らがWebサービスをつくる5つの理由
僕らがつくるための 「5W」について
「Webサービスのつくり方」 のつくり方
Webサービス企画のコツ

Webサービスのコンテンツパターン 或いはデータの活⽤


[8]ページ先頭

©2009-2025 Movatter.jp