Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web2.0 and Blog
Search
t0kyh
July 23, 2017
54
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Web2.0 and Blog
ブログに焦点をあてて、Webの変化を追う
t0kyh
July 23, 2017
More Decks by t0kyh
See All by t0kyh
SKKのススメ
t0kyh
0
170
浜松キャンパス内自販機の位置と商品内容
t0kyh
0
330
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
520
GraphQLとの向き合い方2022年版
quramy
50
15k
We Have a Design System, Now What?
morganepeng
55
8.3k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
65k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1k
エンジニアに許された特別な時間の終わり
watany
108
250k
Marketing to machines
jonoalderson
1
5.7k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
520
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
370
Transcript
2017年 電子メディア論 @t0kyh Web2.0とブログ 1
もくじ 1. Web2.0 1. Web2.0とは 2. 日本のブログサービス 1. ブログとはなにか 2.
ブログサービスの展開 3. ブログが新たに持ち込んだもの 3. 現在のインターネットへの影響 1. Twitter, Instagram 4. まとめ 2
Web2.0とは • 2005年、O’Reilly社ブログに掲載された ティム・オライリーの投稿 • 誰もがウェブサイトを通じて自由に情報を発信 できる状態を論じた • 送信者、受信者が固定されない •
当時の流れを明文化したものであるとされる • 梅田望夫 2005 『ウェブ進化論』pp.112-119 3
What Is Web 2.0 Web 1.0 Web 2.0 DoubleClick -->
Google AdSense Ofoto --> Flickr Akamai --> BitTorrent mp3.com --> Napster Britannica Online --> Wikipedia personal websites --> blogging evite --> upcoming.org and EVDB domain name speculation --> search engine optimization page views --> cost per click screen scraping --> web services publishing --> participation content management systems --> wikis directories (taxonomy) --> tagging ("folksonomy") stickiness --> syndication 4 http://www.oreilly.com/pub/a/web2/archive/what-is-web-20.html 2017年6月30日取得より
What Is Web 2.0 DoubleClick --> Google AdSense Ofoto -->
Flickr Akamai --> BitTorrent mp3.com --> Napster Britannica Online --> Wikipedia personal websites --> blogging evite --> upcoming.org and EVDB domain name speculation --> search engine optimization page views --> cost per click screen scraping --> web services publishing --> participation content management systems --> wikis directories (taxonomy) --> tagging ("folksonomy") stickiness --> syndication 5 • Web2.0 は 発信者と受信者が 固定されていない • 検索による ネットサーフィンや タグ付け http://www.oreilly.com/pub/a/web2/archive/what-is-web-20.html 2017年6月30日取得より
フォークソノミー • ディレクトリ形式に情報を分類(タクソノミー) するのではなく • 与えられた「タグ」によって分類 • タグによって属性、性質を与えてゆく • 検索性の向上
6
ブログ(サービス)とは • 日記風に書かれた(個人の)ウェブサイト • 一つの記事に対し、一つのURL • それまでは、どこどこの何行目など • 面白いこと、評論など 伝えたいことなんでも書き綴る
• ウェブ上のリンクを貼り付けながら • サービスごとにアクセスランキングなど 7
日本のブログサービス • Blogger(米) 1999年 • はてなダイアリー 2003年3月13日 • Seesaa Blog
2003年11月 • Livedoor Blog 2003年12月 • ココログ 2013年12月 • ウェブリブログ 2004年3月22日 • アメーバブログ 2004年9月16日 • FC2ブログ 2004年10月 • Yahoo!ブログ 2005年1月 • はてな匿名ダイアリー 2006年6月 8 「ブログの歴史を振り返る「ブログ年表」アルファ版公開します」 より
ブログをめぐる流れ • ブログ購読サービス(RSSリーダー)の出現 • RSSRolling 2003年1月 • 著名人のブログ開設 • 中川翔子
2004年11月 • ブログを扱う番組の出現 • ブログの女王 2006年前期 9
ブログによる情報発信の変化 • ドメイン取得 • 有料 • リンク集 • 個人の興味によって 集められたもの
• HTML, CSS 10 • アカウント取得 • 無償 • 検索、ランキング • 機械的に インデックス化 • WYSIWYG Web2.0 Web1.0
ブログのサービス化 • ドメイン取得、サーバー管理の必要がない • 専門知識を必要としない • サービスでアカウントを取得し、開設するのみ • たいてい無償で始めることができる •
気軽に始めることができる • 一つの記事に対し、一つのページ • 一意性が保たれ、閲覧しやすくなる 11
WSYIWYG (ウィジウィグ) • What See You Is What You Get
見たものが見たまま得られる • 現在のWord, PowerPointなど • WSYIWYGが提唱されるまでは • どのように表示されているかいちいち確認 • HTMLやTeXなど 12
オーサリングツールとの違い • WYSIWYG • ローカルで編集 • FTP等で アップロード • URLを自分で決める
• 名前の衝突が 起きないように 13 • WYSIWYG • Web上で編集 • バージョン管理も Web上で行なう • URLを自動で決定 • 自分で決めることも ブログサービス オーサリングツール
TwitterとInstagram • ハッシュタグ • 実況 • 大喜利 • 検索 •
時系列に • 一括して 14 • ハッシュタグ • 写真をサーフィング していく • とにかく写真と 関連のあるタグを沢 山つける Instagram Twitter
広告収入 • 広告収入サービスの展開 • Google AdSense • ブログによる一攫千金 • ページビューが多いほど収入が増える
• ブログによる広告収入が可能となったが…… • 悪質なアフィリエイトの横行 • は◦ま寄稿、◦的ゲーム◦報JlN、や◦おん! など • 広告収入のために扇動的な記事を公開 • ウェブ上での「引用」と「無断転載」 15
どのような影響を与えたか • WYSIWYGな編集 • 編集中の見た目をそのまま発表 • Web上で編集 • 「タグ」による分類 •
検索によって記事から記事へ • ブックマークサービスなどへ • del.icio.us(2003年, カナダ), はてなブクマ(2005年2月), Pocket • 広告収入の夢、著作権の問題 16
まとめ • Web2.0の概念 • ブログをとりあげた • ブログでは… • タグによる分類分け •
Web上でWYSIWYGな編集 • 現在に対し… • タグ • Web上でのWYSIWYGな編集環境 • 検索によってものを見つける 17
参考文献 • 梅田望夫, 2006, 『ウェブ進化論』, ちくま書房. • 滑川海彦, 2007, 『ソーシャル・ウェブ入門
Google, mixi, ブログ…新しいWeb世界の歩き方』, 技術評論社. • 甲斐 祐樹, 2013, 『ブログの歴史を振り返る「ブログ年 表」アルファ版公開します』, カイ士伝 (2017年 6月30日, http://bloggingfrom.tv/wp/2013/08/28/11257 ). • Tim O'Reilly, 2005, What Is Web 2.0, O'Reilly Media, (Jun 30 2017, http://www.oreilly.com/pub/a/web2/archive/what-is-web-20.html ). 18