SlideShare uma empresa Scribd logo
1 de 49
Baixar para ler offline
Webサイト制作講座
                                 基礎編




Thursday, September 27, 12
自己紹介

                    •        吉田光利


                    •        職業:Webコンテンツ
                             クリエイター


                    •        Twitter: @Happa




Thursday, September 27, 12
今何が起こっているのか
                              この時代をどう生きるべきか




Thursday, September 27, 12
4大メディアの凋落
Thursday, September 27, 12
書籍販売の推移




                                  矢野経済研究所「書籍売上推移」




Thursday, September 27, 12
CD販売の推移




                               出展:日本レコード協会・音楽ソフト種類別生産金額の推移




Thursday, September 27, 12
TV視聴率(HUT)の推移




                                    TV東京 IR情報 : http://www.garbagenews.net/より




Thursday, September 27, 12
新聞発行部数




                             データ:日本新聞協会http://www.pressnet.or.jp/data/circulation/circulation01.php




Thursday, September 27, 12
広告費




Thursday, September 27, 12
インターネット時代到来
                               World Wide Webの爆発




Thursday, September 27, 12
Web利用者数




                                  データ:総務省「通信利用動向調査」




Thursday, September 27, 12
だれもがWebを見る時代に




Thursday, September 27, 12
年代別




                                   データ:総務省「通信利用動向調査」




Thursday, September 27, 12
ネット視聴時間




Thursday, September 27, 12
3時間以上が3割!




                                    dsdれd8g




Thursday, September 27, 12
Webの歴史




Thursday, September 27, 12
Internet(1969)

                    •        インターネット始まる


                    •        1969年にスタンフォー
                             ドとUCLAをインター
                             ネットで接続




Thursday, September 27, 12
Web(1991)

                    •        ティム・バーナーズ=
                             リーの発案


                    •        Webは、Internetを誰
                             でも使えるようにした


                    •        オープンな規格で普及
                             が加速



Thursday, September 27, 12
Windows95(1995)

                    •        爆発的にヒットした
                             OSでWebの機能を標
                             準でバンドル


                    •        Internet Exploreでだれ
                             でも簡単閲覧




Thursday, September 27, 12
爆発的に普及
Thursday, September 27, 12
しかし




Thursday, September 27, 12
混沌の時代到来

                    •        人力でWebページをイ
                             ンデクス(Yahooなど)


                    •        Webページの膨張をコ
                             ントロールできず、こ
                             の時点での限界を迎え
                             る




Thursday, September 27, 12
そこへ巨人現わる




Thursday, September 27, 12
Google(2000)
                    •        1996年スターフォード
                             大在籍中に開発


                    •        2000年にYahooの検索
                             エンジンとして採用さ
                             れ、頭角を現す


                    •        2004年株式公開



Thursday, September 27, 12
Webを収集・分析

                    •        世界中すべてのWeb
                             ページを収集


                    •        そのページを分析


                    •        それに価値を付与
                             (PageRank)




Thursday, September 27, 12
欲しい情報を瞬時に
                    •        欲しい情報が誰でも簡
                             単に手に入るように
                             なった


                    •        さらに、キーワードを
                             販売することで莫大な
                             富を得ることになる
                             (ビジネスの成功)



Thursday, September 27, 12
Google以降




Thursday, September 27, 12
Web2.0 (2006~)
Thursday, September 27, 12
ソーシャルメディアの時代




Thursday, September 27, 12
Twitter
                    •        リアルタイムでのコ
                             ミュニケーション
                             (144文字制限)


                    •        フォローという人々の
                             つながりを作った


                    •        コミュニケーションの
                             あり方を変えた



Thursday, September 27, 12
Facebook

                    •        「いいね」など人々を
                             つなげる仕掛けが充実


                    •        多くのつながりを簡単
                             に作り、「アラブの
                             春」などの革命に大き
                             く貢献した




Thursday, September 27, 12
Youtube
                    •        著作権という争いに負
                             けずサービスを継続


                    •        2006年にGoogleが200
                             億円で買収


                    •        Web滞在時間の多くを
                             Youtubeで過ごす人は
                             多い



Thursday, September 27, 12
AmazonWebService
                    •        好きな時に好きなシス
                             テムを簡単に組めるク
                             ラウドシステム


                    •        スタートアップの大半
                             はこのサービスを使う


                    •        多くのスタートアップ
                             を生み出した



Thursday, September 27, 12
スマートフォン時代
                    1. Webを閲覧するデバイ
                             スがスマートフォン中
                             心に 現在の普及率は
                             13%

                    2. スマートフォンでの
                             Web閲覧時間は、携帯
                             の2倍80分

                              IMJモバイル調査(2011年4月):「男性のデジタル領域における行動・意識に関する調査」




Thursday, September 27, 12
スマートフォン普及率




                                      出展:MM総研




Thursday, September 27, 12
Spotify

                    •        定額制の楽曲提供サー
                             ビス(月に約1000円)


                    •        レコード会社に利益が
                             分配される仕組


                    •        日本公開もまもなく




Thursday, September 27, 12
Instagram
                    •        スマートフォン専用の
                             写真サービス


                    •        撮った写真を簡単に共
                             有、しかも綺麗


                    •        2012-4-9 Facebookが10
                             億ドルで買収



Thursday, September 27, 12
彼らやっていることは
                             世界を変えつつある




Thursday, September 27, 12
まとめ




Thursday, September 27, 12
時代は変わる
                    •        4大メディアは衰退


                    •        今までのビジネススタ
                             イルはほぼ崩壊


                    •        Webの台頭


                    •        スマートフォンの拡大


                                         昨日の敗者は今日の勝者だ
Thursday, September 27, 12
なんでもできる
                    •        Youtube、Ustream、ニ
                             コ動でミュージシャン
                             やタレントに


                    •        ブログによりジャーナ
                             リストに


                    •        電子書籍で小説家や漫
                             画家に

                                                 民衆に力を
Thursday, September 27, 12
これからやるべきこと




Thursday, September 27, 12
テクノロジーを知り
                 その表現する力を身につける




Thursday, September 27, 12
最低限のWebの知識
                    •        HTML/CSS

                    •        Webサーバーについて


                    •        Web/ソーシャルメディ
                             アマーケティングにつ
                             いて


                    •        GoogleAnalyticsなどの
                             分析ツールについて


Thursday, September 27, 12
これらWeb制作に必要なこと
                             を学びます




Thursday, September 27, 12
全13回
                •      1~2回目
                       グラフィックツール習得

                •      3~5回目
                       サイト作成技術習得

                •      6~7回目
                       簡単なWebページ制作

                •      8~12回目
                       課題制作

                •      最終回
                       提出



Thursday, September 27, 12
簡単です(難しくありません)
                             ご心配なく




Thursday, September 27, 12
これからよろしく
                             お願いします。




Thursday, September 27, 12
ありがとうございました。




Thursday, September 27, 12

Mais conteúdo relacionado

Destaque

사례를 통해 살펴보는 퍼블릭 클라우드 서비스 프로바이더 동향_VMware Sr.Director,Tash Stamatelos
사례를 통해 살펴보는 퍼블릭 클라우드 서비스 프로바이더 동향_VMware Sr.Director,Tash Stamatelos사례를 통해 살펴보는 퍼블릭 클라우드 서비스 프로바이더 동향_VMware Sr.Director,Tash Stamatelos
사례를 통해 살펴보는 퍼블릭 클라우드 서비스 프로바이더 동향_VMware Sr.Director,Tash StamatelosJayoung Lim
 
芸術情報演習デザイン(Web) 第5回:CSS入門 情報の形を視覚化する
芸術情報演習デザイン(Web)  第5回:CSS入門  情報の形を視覚化する芸術情報演習デザイン(Web)  第5回:CSS入門  情報の形を視覚化する
芸術情報演習デザイン(Web) 第5回:CSS入門 情報の形を視覚化するAtsushi Tadokoro
 
制作環境まわりについて(エディター紹介/Emmet導入)
制作環境まわりについて(エディター紹介/Emmet導入)制作環境まわりについて(エディター紹介/Emmet導入)
制作環境まわりについて(エディター紹介/Emmet導入)takumaro web
 
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門Atsushi Tadokoro
 
東放学園2012後期スライド
東放学園2012後期スライド東放学園2012後期スライド
東放学園2012後期スライドtouhou
 
좌충우돌작은회사 클라우드도입기
좌충우돌작은회사 클라우드도입기좌충우돌작은회사 클라우드도입기
좌충우돌작은회사 클라우드도입기Jayoung Lim
 
Webサイト入門
Webサイト入門Webサイト入門
Webサイト入門touhou
 
빅데이터시대의 경영의 새로운 패러다임_카이스트 장영재교수
빅데이터시대의 경영의 새로운 패러다임_카이스트 장영재교수빅데이터시대의 경영의 새로운 패러다임_카이스트 장영재교수
빅데이터시대의 경영의 새로운 패러다임_카이스트 장영재교수Jayoung Lim
 
Es war ein alter König...
Es war ein alter König...Es war ein alter König...
Es war ein alter König...Elena Reginia
 
Antique style engagement ring
Antique style engagement ringAntique style engagement ring
Antique style engagement ringdesignsbyknr22
 

Destaque (17)

사례를 통해 살펴보는 퍼블릭 클라우드 서비스 프로바이더 동향_VMware Sr.Director,Tash Stamatelos
사례를 통해 살펴보는 퍼블릭 클라우드 서비스 프로바이더 동향_VMware Sr.Director,Tash Stamatelos사례를 통해 살펴보는 퍼블릭 클라우드 서비스 프로바이더 동향_VMware Sr.Director,Tash Stamatelos
사례를 통해 살펴보는 퍼블릭 클라우드 서비스 프로바이더 동향_VMware Sr.Director,Tash Stamatelos
 
芸術情報演習デザイン(Web) 第5回:CSS入門 情報の形を視覚化する
芸術情報演習デザイン(Web)  第5回:CSS入門  情報の形を視覚化する芸術情報演習デザイン(Web)  第5回:CSS入門  情報の形を視覚化する
芸術情報演習デザイン(Web) 第5回:CSS入門 情報の形を視覚化する
 
制作環境まわりについて(エディター紹介/Emmet導入)
制作環境まわりについて(エディター紹介/Emmet導入)制作環境まわりについて(エディター紹介/Emmet導入)
制作環境まわりについて(エディター紹介/Emmet導入)
 
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
 
東放学園2012後期スライド
東放学園2012後期スライド東放学園2012後期スライド
東放学園2012後期スライド
 
좌충우돌작은회사 클라우드도입기
좌충우돌작은회사 클라우드도입기좌충우돌작은회사 클라우드도입기
좌충우돌작은회사 클라우드도입기
 
Webサイト入門
Webサイト入門Webサイト入門
Webサイト入門
 
빅데이터시대의 경영의 새로운 패러다임_카이스트 장영재교수
빅데이터시대의 경영의 새로운 패러다임_카이스트 장영재교수빅데이터시대의 경영의 새로운 패러다임_카이스트 장영재교수
빅데이터시대의 경영의 새로운 패러다임_카이스트 장영재교수
 
Comportamento do Consumidor
Comportamento do ConsumidorComportamento do Consumidor
Comportamento do Consumidor
 
Es war ein alter König...
Es war ein alter König...Es war ein alter König...
Es war ein alter König...
 
Antique style engagement ring
Antique style engagement ringAntique style engagement ring
Antique style engagement ring
 
Entranamiento sep 2010
Entranamiento sep 2010Entranamiento sep 2010
Entranamiento sep 2010
 
Folclore e Civilização
Folclore e CivilizaçãoFolclore e Civilização
Folclore e Civilização
 
Pela ciberdemocracia
Pela ciberdemocracia Pela ciberdemocracia
Pela ciberdemocracia
 
Gym diet
Gym dietGym diet
Gym diet
 
Test
TestTest
Test
 
Mitigation Research Findings National Policy Workshop
Mitigation Research Findings National Policy WorkshopMitigation Research Findings National Policy Workshop
Mitigation Research Findings National Policy Workshop
 

2012 09-27第1回目講義