5 20web1

高度情報化と社会生活
 教養科目水曜日第３限目
 講師藤野幸嗣
 講師のメールアドレス
yuki@fujino.com
 講義資料のウェブのアドレス
http://www.fujino.com
 講義連絡用掲示板
http://twitter.com/fujinocom
2009/5/20 高度情報化と社会生活 1

今週のネット・トピック
 ソフトバンク、ＮＴＴドコモが昨
日、
ケータイの新製品の発表会を開
催しました。

ソフトバンクが19種類、ドコモ
が18種類。

ソフトバンクの夏モデル
１000万画素カメラ
搭載
ソーラー充電対応
無線LAN対応
アルマーニとのコラ
ボ
ネットブック内蔵
デジタルフォトフレ
ーム


通信機能付デジタルフォトフレ
ーム

 月額980円で、ネットから自分の設定した
写真をダウンロードして自動表示する。
 メール受信もできる。


ドコモの夏モデル

STYLEシリー
ズ
スタイル重視

Primeシリーズ
機能重視

SMARTシリーズ PROシリーズ
ビジネス向きスマートフォン


東芝のiPhoneキラー
Windows Mobile
1Ghzの高速CPU
4.1インチ画像


国内初のAndroid端末
Googleの開発した専
用OSを搭載
国際基準の携帯端末
iモード非対応
Androidマーケットで
ソフトを販売
→iTunesShopに対抗


国内ケータイのメーカー別シェ
ア


世界の携帯電話のシェア


本の紹介
ドン・タプスコット /
翔泳社 (2009-05-14) /
2,520円
/ ISBN：
9784798118864


「デジタルネイティブが世界を変え
る」
 ネットの活用を全面的に前向きにとらえる快
著。
 著者は米国人を

①ベビーブーム世代（１９４６年～６４年生
まれ）
②ジェネレーションＸ（１９６５年～１９７
６年生まれ）
③ネット世代（１９７７年～１９９７年生ま
れ）
+それ以外、に分類をして、いまやネット世代

ネット世代に関する言説は間違
い
 最近の若者はゲームをやり過ぎる、
 社会性がない、協調性がない、暴力的だ、

 ネットで万引きをする犯罪者だ、

米国においても様々な偏見が渦巻いてい
る。
 著者は、彼らこそ誠実で父母の世代よりも
賢明で、かつ前向きな世代として積極的に
擁護をし、態度を評価をして、様々な事例
をあげて自説を展開している。
→オバマを大統領にしたのは彼らだ！！ 12
2009/5/20 高度情報化と社会生活

教育のあり方を変えるべきだ
 講師が話して皆が話を聞くというのはネッ
ト世代にあった教育法ではない。
 ネットを活用して、自分たちの問題解決を
していくというのが今の教育だ。
 ＵＳＡの学生はＳＮＳを使いこなして、す

ぐに問題解決のためのグループを組織でき
る、全く新しい世代にほかならない。
 皆がFacebookやSMSを使いこなしている

。
→電子メールなんて時代遅れだ！

ネット世代にひとつだけ注文
 ＵＳＡの若者はパーティの模様などを写真
付きでネットにどんどんあげているが、将
来になって、必ず恥ずかしくなるときがや
ってくるに違いない。
 ネット上のデータは決して消失しないこと

、自らの考えも変わることを少しばかり、
意識してネットを使った方が良いように思
う。
→でも、大半の利用者は、あれこれいわれ
なくても、どんどんネットを使いこなして
いるよ。

この講義もいろいろ検討します
。
 出席よりもネットの実践
 人の話を聞くよりもまずネットを使ってみ
る。
 できれば、ＳＮＳの活用までできればよい
のですが・・・
 今のところ、受講生の間のギャップが大き
すぎて、こちらも大変。得意な人とそうで
ない人。
 わかっている人はどんどん使っていってく
ださい。当面は、

インターネットの構造

サイバー社会のアクティビティ

ネット上のサービスやコンテント

メールやウェブなど、
ネット上のアプリケーション

TCP/IP インターネットの基本プロトコル

物理層光ファイバーやイーサネット、電話線など

ウェブの基礎
ウェブ
Ｗｅｂ
ＷＷＷ


インターネットで何をする？
◎ウェブの閲覧（ブログ、掲示板、ＳＮ
Ｓも）
◎電子メールの受送信
上記の二つがメイン、他には・・・
 ファイルのやりとりをする

 動画の閲覧をする

 ラジオを聞く

 テレビを見る

 電話をかける

今はWebの時代
 世界中の情報がＷｅｂに結集しつつある。
 Ｗｅｂのページ数は？
 いまGoogleで ”ａ” を検索をしてみると
２１2億７千万件がみつかる。
推定で、Ｗｅｂは数百億ページぐらいな
のか？
 今はＷｅｂを使いこなすことが、
情報を扱う基本になっている。
 そこでＷｅｂの可能性と限界を確認する。

ウェブ利用の概要
 World Wide Web 略して「ウェブ」
という。
 「ホームページ」（和製英語）
※最初のページ～「ホームページ」＝目次のこ
と。
和製英語では海外で通じませんので、
なるべく「ウェブ」といいましょ
う。
 コンピュータ・ネットワークのモデル

クライアント=サーバー

クライアン
ト
サーバー

クライアン
ト

クライアント
クライアント


ウェブサーバーとクライアント
 「ウェブサーバー」
ウェブを表示させるためのサーバー・プ
ログラムが動作しているコンピュータの
こと。
Ｗｅｂのデータはサーバーに保管されて
いる。
 「クライアント」→パソコンなどのこ
と。
 ウェブを閲覧するソフトは「ブラウザ」
という

ウェブアクセスの仕組ウ
ェ
ブ
①ウェブブラウザでボタンをクリックするサ
ー
クバ
ラ ②ウェブサーバーに要求パケットを送る
ー
イ
ア
ン
ト

③ウェブサーバーがデータ・パケットを送信

④クライアント受信されたデータが表示される


ウェブの閲覧の仕組み
 ブラウザ上でボタンをクリックする。
→ボタンに埋め込まれた「ＵＲＬ」をインター
ネットにむけて発信する。
URLとは「Uniform Resource Locator」
インターネット上に存在する情報資源(文書や画像
など)の場所を指し示す記述方式。
【http://www.fujino.com/index.html】
httpのプロトコルで、インターネット上の
「www.fujino.com」という名前のコンピュータか
ら「index.html」という名前のファイルを持って
きて、
このパソコンのキャッシュにダウンロードして、
表示しなさい。

ウェブを見るためのソフト
 Internet Explorer
Windowsでは標準に
添付されている。

ブラウザのシェア～ネット・アプリケーションズ2009/4

ブラウザのお薦め
 InternetExplorer6は時代遅れ。
 今はInternetExplorer８
 ブログ時代の新世代ブラウザ

Firefox


次世代ブラウザ１
 Firefox3.0
Netscapeから続くインターネットブラウザ
の正統、オープンソースで構築。
機能はシンプルだが安定して速い。
豊富なアドオンですさまじく高機能にな
る。
→中・上級者向き
便利だが、アドオンの設定が面倒。


慣れている人はFirefox
 豊富なアドオンで機能が追加できる。
 ブログの運用を支援するツールが豊富

 ただし、ちゃんと設定をしないと便利では
ない。
→初心者向きではないかも？
→でも、すぐに慣れますよ。
USBを使ってポータブルに使うこともできる
。
あと設定もネット上においておいて複数のパ
ソコンを同期するとかいった技も可能です

次世代ブラウザ２
 Lunascape
機能が豊富
しかも最初から多くの機能が入
っている。
画面も華麗、
少し重いが、華麗な画面でネッ
トを
見たい人向き。
2009/5/20
高度情報化と社会生活 29

次世代ブラウザ３
Sleipnir
機能が豊富
しかも最初から多くの機能が入
っている。
画面はシンプルで軽い。
エンジンはIEとGekkoを乗り換え
可能。

次世代ブラウザ４
 Google Chrome
 なんといっても速い
 しかし、開発途上で機能が少ない。


Webで標準に表示できる
 テキスト・データ（文字情報）
 イメージ・データ（画像情報）
GIF（ジフ）
JPEG（ジェイペグ）
ほかに（ＰＮＧ）という画像ファイルも
ある。
その他、音声や動画もアプリケーション
と連動して表示をすることも可能。


ウェブ利用がインターネット


ウェブの検索（ディレクトリ）
 テーマ別のディレクトリ・サービス

 スタッフがテーマ（分野）別に国内の公開
ウェブを分類してくれている。
 登録が遅くなる欠点。網羅率は２割程度
か？


フリーワード検索（ロボット）
 ググる（インターネット検索をする）

http://www.google.com/
固有名詞（会社や人名、地名）で検索、新語を検索
その他使い方は無限大
※ただし、掲示板など検索にひっかからないケース
５割程度はある点にも注意。aを検索してみると・

今はロボット型検索が主流に


仕ッがク
組クウロ
スェー
サブラ
ーをー
バ探（
ーしロ
にてボ
貯イッ
めント
るデ）

フリーワード検索のコツ
 一般名詞での検索は難しい。
 固有名詞などで絞り込む。
 キャッシュも活用する。
→消えてしまったデータの復活も。
 ニュースなどまったくの最新情報には無力。
→更新型検索サービスを使う。
 あくまで情報収集のひとつの有力な手段と
して活用しよう。


ウェブ上の情報
 文字通り爆発的に増えている。
 思いがけない真実もあれば、真っ赤な嘘も
ある。
 情報の真贋を見極める能力を身につけよ
う。
→会社や組織の基本データとして有用
→ただし本当に大切な情報はクローズさ
れている点にも注意しましょう。
→レポートをWikipediaだけで書くのは問題
だ、

いまやウェブの時代が到来
わかりやすいインターフェース、豊富な情
報量
画像、音楽や動画などの優れた操作性
 仕事もウェブ上で行われるようになった。

 商品の売買、入札、取引先の探索も。

 情報はまずウェブで出す時代になった。

→テレビコマーシャルでも検索を訴える。
うまいもの検索
～で検索
「キーワード連動型広告」の氾濫

Web上のデータ量の急増
PV 【ページビュー】
WWWにおけるアクセス数の単位の一つ。Webサ
イトの訪問者のブラウザにHTML文書(Webペー
ジ)が1ページ表示されるのが1ページビューであ
る。


ウェブの限界も確認
 ウェブは「検索エンジン」のおかげで情報へ
の到達は容易になったが、情報量が爆発的に
増大し無編集なデータも多く、ノイズ割合も
大きい。
 検索対象のウェブはすべてインターネットに
公開される、ということが前提になってい
る。
 ウェブ掲示板→荒らしやコメントスパムな
ど。
 検索しやすい情報→誰でも確認可能→意味な
し

ウェブは簡単につくれるが、
 ウェブの更新作業もデータが多くなると大変な
作業になる。
→個人でのＷｅｂサイトの作成条件
・できれば、毎日データを追加する。
・出先でも携帯電話から更新作業をしたい。
・携帯電話からも内容を確認したい。
・掲示板もつくってゲストにも参加してもらう。
・データがたまったら整理、分類をきちんとす
る。
・記事を日付順に、テーマ別に、内容別にした
い。
・写真をすばやく差し替えたい。

Ｗｅｂの構造は？
 HTML（HyperTextMarkupLangage)
HTMLのソース文
画像や写真などのデータ
CSS（スタイルシート）
他のページやサイトへのリンク
から構成されている。


<html>
<head>
<title>ごあいさつ</title>
</head>
<body>
<h1 align=“center”>ごあいさつ</h1>
<hr>
ようこそ！<br>
新しくホームページを開設しました。
<hr>
<a href=“welcome.html”>トップページ</a>
</body>
</html>

ウェブの更新はかなり面倒


Ｗｅｂは第二世代へ進化
 情報を出しやすくする工夫。
 情報を管理しやすくする工夫。

 情報を連携しやすくする工夫。

 コミュニケーションをとりやすくする工夫

基盤となる技術は「XML」
進化した状況は「Web2.0」
実際のサービスとして「ブログ」や「SNS
」
といわれるものが出現してきた。

「ブログ」活用の薦め

ブログとは？
ブログサービスへの登録法
ブログの注意点


ブログとは何か？
ウェブ＋ログ（Ｗeb と記録=ロ
グ）
 正確な定義はない、人によって
様々。
 広義には

→ウェブの個人サイトで特定の
手法を使って表現されたもの。
 狭義には
2009/5/20

ブログが採用している技術
 個人のウェブの作成支援を徹底して、
つくりやすくしている。
→統一したレイアウト。フレーム、カレン
ダー、リンク
デザインを容易に変更できる。
→テンプレートとCSSの提供
更新しやすくする。
→ウェブやメールを使って、どこでも更新で
きる。
分類をする。
→テーマ別に整理、日付は自動整理する、
パーマリンクの機能
コミュニティを構築する。
→コメント機能、トラックバック機能

ブログの作り方
 自分のサーバーにブログプログラムを仕込
む。
 レンタルサーバーにプログラムを仕込む。
※かなり知識が必要である。
 ブログサービスを使う。
プロバイダの付加サービス
独立したブログ専用サービス（有
料）
◎無料のブログサービスを使う。

無料のブログサービス
 国内に数百？のブログサービスがある。
 有料、無料など様々である。
 容量の大きいもの、そうでないもの。
 デザイン・テンプレートや「モブログ」な
ど付加サービスの有無
 商用利用ができる、できない。
 アクセスが容易、混雑。
 自分に向くか、向かないか。
 無料なのでとりあえずはじめてみること。

無料ブログサービス

いろいろあるけれど・・・あまり進められない。

無料ブログサービスのお勧め
商用可、夜でもすいている

アフィリエイト可、夜でもすいている

富士通のブログサービス

Googleのブログサービス

自分の加入しているプロバイダのブログサービスも検
2009/5/20 討

サービスによるブログの違い
 モブログが可能か？
ケータイからの投稿、ケータイからの閲
覧
 テーマは充実しているか？
 ブログパーツは簡単に付けられるか？
 アフィリエイトが可能か？→結構重要!
 引っ越しが可能か？（インポート・エクス
ポート）
 アクセスの解析ができるか？

ブログの運用方法
 まず、ブログサービスに登録。
 記事はウェブを使って更新をします。

 慣れれば携帯電話からも更新できます。

 記事に写真もつけてみましょう。

 デザインを変えてみましょう。

 コメントやトラックバックもつけてみまし
ょう。
→まず、たくさんのブログを見てみること
。

ブログ利用に必要なもの
 メールアドレス
→できれば専用の無料アドレスを準備し
てから登録した方がよい。
※ブログのメールが多くなってきたとき
などに対処がしやすい、いたずらメールに
も対処しやすい。

 タグ対応のブラウザ
IE8 Sleipnir Firefox Lunascape など。

インターネットに接続した
ＰＣ
 自宅のパソコン
 学内の端末
 インターネットカフェ
 友人のパソコン
どれでもよいが、最初は回線が速い方が
やりやすい。
慣れてくればケータイからブログの更新
も可能になります。


Ｗｅｂの進化～Ｗｅｂ２．
0


Web 2.0（次世代ウェブ）
 Web 1.0
静的、従来型のウェブサイト全般
 Web 2.0

コンテント同士がダイナミックに連携
したもの。
未だ開発中、定義も定かではない。
ブログなど発信しやすくしたＷｅｂの工夫が
コア

Ｗｅｂ世界の拡大～爆発


Ｗｅｂ２．０への変化

量的変化（増大）
質的変化（XML対応度）


Ｗｅｂの登場と変質
Ｗｅｂ総量

ブログ
SNS
Ｗｅｂポータル通信コスト
２ちゃんねる
ホームページ
1998 2006

Ｗｅｂ２．０のイシュー
機能Ｗｅｂ１．０Ｗｅｂ２．０
個人サイトホームページブログ
情報共有グループウェア wiki
ネット広告バナーアフィリエイト
音楽配信ダウンロード Podcasting
百科事典オンライン百科 Wikipedia
コンテントマスメディア型ユーザー発信型
分類手法フォルダタグ
リンクサイト毎記事毎（パーマリン
2009/5/20 ク）

総情報発信時代のＷｅｂ
 「Ｗｅｂ１．０」
検索情報収集のためのネット利用
企業や組織のＷｅｂサイトを見ることが目
的、検索に引っかかることが最適。
 「Ｗｅｂ２．０」

情報発信のためのネット利用
個人や様々なグループのＷｅｂサイト、
コミュニケーション支援ブログやＳＮＳ


Ｗｅｂ１．０の状況
Ｗｅｂとメールやソフ
トは別々に立ち上げ
る。


Ｗｅｂ２．０～全てをＷｅｂで


Ｗｅｂ２．０の基本キーワード
 「ブログ」による情報発信
 「ＳＮＳ」による情報共有
 「タグ」による情報分類
 「ＲＳＳ」による情報配信（フィード）
 「Ajax」を使ったインターフェース
 「ベータ版」による利用者との共同開発


Ｗｅｂ２．０時代のタグ共有（
英語）
 独り言を共有するサイト http://twitter.com
 自分のFM局を構築するサイト http://last.fm
 ブックマーク・タグの共有サイト
http://del.icio.us/
 ニュースの共有サイト http://digg.com/
 自分がやるべきことを管理してくれるサイト
http://www.checkpad.jp/
 映像を配信、共有するコミュニティサイト
http://www.youtube.com/
 スクラップブックのコミュニティサイト
http://www.tumblr.com/


ディレクトリーからタグへ
フォルダやパスによるデータの分類から
データにタグをつけ、ユーザーが自由に
情報を分類できるようにすること。
→XMLの技術を使う、データドリブン型
独自のタグをつけて、様々な分類をす
ることができる。
しかし、タグの埋め込み過ぎもうざい
→「はてな」など


Vistaでも写真はタグで分類


タグで管理するツール
 ＷｉｎｄｏｗｓVista
 iTunes
 Podcasting
 RSSリーダー
 ソーシャル・ブックマーク
タグ・クラウド


専門家による分類から


ユーザーによるタグ付共有


Folksonomy
 Folks（皆の）taxonomy（分類学）
 コンテンツをタグによって整理する
 情報の作者ではなく、見る人がタグづけ
 タグを、皆で共有する
 動的で変化に強い、情報の整理が可能にな
る
 タグで情報を探索する
と、他の人のタグを通
じて、思いがけない発
見がある＝セレン

ソーシャル・ブックマーク＋α
 Del.icio.usや「はてなブックマーク」
お気に入り（記事）の共有
 Tumblr
ウェブサイトを保存、
→Ｗｅｂ魚拓
 あとで読む
 あとで新聞


写真の共有 flikr


動画の共有 YouTube
 YouTube
 ＧｏｏｇｌｅVideo

 OurMedia

他多数・・・・タグで管理する点が
Web2.0
著作権問題は？？？


ユーザーの参加と相互協力
 まず参加意識ありき。
 ユーザー同士の相互協力そのものがサービ
スという考え方。
 ブログ同士のトラックバックやコメント、
リンクなど様々な形の相互連携を重視する
姿勢。
 タグ=分類手法を共有する方法論
 フォークソノミー～地域で情報を共有する
ための方法論を確立する必要がある。

RSSのフィードによる共有
 ブログやＳＮＳなどはRSSに対応している
。
 Ｗｅｂは変化したところだけを確認すれば
用が足りる。
 更新情報を確認するための技術

RSS
RSSリーダーを使った効率的な情報閲覧
 これからのＷｅｂではRSSが必須

→但しアクセシビリティはまだ発展途上

RSSを使ったＷｅｂの閲覧
 ブログや配信サービスのフィードを自分の
使っているRSSリーダーに登録する。
 各リーダーの更新アイコンを押す。


RSSリーダーを使う
 Ｇｏｏｇｌｅリーダーを使ってみる。
 Ｇｏｏｇｌｅにログインする。
 リーダーを開く。
 各Ｗｅｂサービスのフィードを登録する。
 更新ボタンを押す。
 未読を閲覧する。


ウェブによる新時代の到来
 Web2.0は表面上は従来のＷｅｂサイトへ
のアクセスに似ているが、量そのものの増
加と協調機能の充実によって、得られる情
報の質が飛躍的に高まりつつある。
 利用者が主体的な判断基準を確立して情報
の海に漕ぎ出していかなければならない時
代だが、そのための方法論や支援はまだま
だ未踏である。
 とりあえず、発信手法としてのブログを。


ブログの記事を考えることこ
の
空
白
が
と
て
も
大
事

ブログのサイクル

ブログ
ウェブ
調べる書く
RSS

共有する
ソーシャルブックマーク
ブログの効用については、金子順さんのプレゼン
より引用させていただきました。


次回の講義予定

５月２７日
Ｗｅｂの活用２
～Twitterの使い方

5 20web1

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (7)

Destaque

Destaque (14)

Mais de Yuki Fujino Oita Univ.

Mais de Yuki Fujino Oita Univ. (20)

5 20web1