27
アアアアアアアア Web アアアアアアアアアアアア -12 グググググググググググググググググ - アアアアアアアアアアアアアアアア Web アアアアアア 1 ア アア アア

Wcan summer2015 segawa

Embed Size (px)

Citation preview

Page 1: Wcan summer2015 segawa

アイドルファンがWebを学び始めて気づいたこと-12グループのアイドルウェブサイト調査 -

トライデントコンピュータ専門学校 Web デザイン学科1 年瀬川 大勝

Page 2: Wcan summer2015 segawa

プロフィール

瀬川 大勝(せがわ ひろかつ)大学生を経てWebを学びにトライデントコンピュータ専門学校へ趣味:カメラ、読書、アイドルブログ:たいしょん倶楽部 (http://taishon.nagoya)

Page 3: Wcan summer2015 segawa

素人がWebを学び始めた技能五輪に向けて、ほぼ知識ゼロからHTML5,CSS,JavaScript,MySQL,PHPを勉強

そして、普段利用しているサイトも、どのような仕組みなのか気になり、調べるようになった

Page 4: Wcan summer2015 segawa

23.4%

Page 5: Wcan summer2015 segawa

第 7回 AKB48選抜総選挙の瞬間最高視聴率

Page 6: Wcan summer2015 segawa

人数に換算すると

9,529,884人 !!

*CASIO高精度計算サイトより( http://keisan.casio.jp/exec/user/1388911981#)

Page 7: Wcan summer2015 segawa

950万人という数字

スウェーデンの人口

* ちなみにスウェーデンの人口は世界銀行の調査で 959.3万人

Page 8: Wcan summer2015 segawa

まさに国民的行事!!!

Page 9: Wcan summer2015 segawa

これだけ世間で盛り上がっているんだから、アイドルのウェブサイトも、、、

すごいに違いない!!

Page 10: Wcan summer2015 segawa

今回調べたアイドル一覧

Page 11: Wcan summer2015 segawa

HTML5

Page 12: Wcan summer2015 segawa

HTML5

Page 13: Wcan summer2015 segawa

No. チーム名 HTMLのバージョン 現行サイトに切り替わった日

1AKB48 HTML5 2015年 02月 24日2SKE48 XHTML1.0transitional 2010年 10月 07日3ももいろクローバー Z XHTML1.0transitional 2012年 08月 14日

4モーニング娘。’ 15(Hello! project)

HTML5 2014年 04月 24日

5E-girls XHTML1.0transitional 2014年 10月 07日6チームしゃちほこ HTML5 2013年 12月 24日7乃木坂 46 XHTML1.0transitional 2012年 02月 22日8でんぱ組 .inc HTML5 2013年 04月 24日9さくら学院 XHTML1.0transitional 2010年 05月 17日

10Perfume HTML5 2013年 03月 02日11SUPER GIRLS☆ HTML4.01transitional 2012年 05月 10日12きゃりーぱみゅぱみゅ HTML5 2015年 06月 29日

HTMLバージョン一覧

Page 14: Wcan summer2015 segawa

ChromeのWeb Developer Tools

ソースコードの確認が可能・ HTMLの構造とCSS

・ HTMLのバージョン確認

Page 15: Wcan summer2015 segawa

Wayback machine

URLを入力するだけで、そのサイトの過去のページが閲覧できる

Page 16: Wcan summer2015 segawa

スマホ対応

Page 17: Wcan summer2015 segawa

スマホ対応

Page 18: Wcan summer2015 segawa

No. チーム名 スマホ対応1AKB48 対応2SKE48 対応3ももいろクローバー Z 対応4モーニング娘。’ 15(Hello! project) 対応5E-girls 対応6チームしゃちほこ 対応7乃木坂 46 対応8でんぱ組 .inc 対応9さくら学院 非対応

10Perfume 対応11SUPER GIRLS☆ 対応12きゃりーぱみゅぱみゅ 対応

スマホ対応

Page 19: Wcan summer2015 segawa

Googleの「モバイルフレンドリーテスト」スマートフォン対応かどうかを知ることができる

Page 20: Wcan summer2015 segawa

レスポンシブウェブデザイン

Page 21: Wcan summer2015 segawa

ページ速度

Page 22: Wcan summer2015 segawa

アクセス数

12月 1月 2月 3月 4月 5月0

200,000

400,000

600,000

800,000

1,000,000

1,200,000 乃木坂 46SKE48AKB48

ももいろクローバーZ

モーニング娘。Perfume

でんぱ組 .inc

さくら学院E-girls

チームしゃちほこきゃりーぱみゅぱみゅSUPER GIRLS☆

Page 23: Wcan summer2015 segawa

ページ速度(午前 5時 30分)

No. チーム名 スマホ(秒)1さくら学院 0.682SKE48 1.123Perfume 1.944乃木坂 46 2.02

5モーニング娘。 2.36

6チームしゃちほこ 2.537AKB48 2.738ももいろクローバー Z 2.779E-girls 3.14

10きゃりーぱみゅぱみゅ 3.4711SUPER GIRLS☆ 4.5112でんぱ組 .inc 10.53

Page 24: Wcan summer2015 segawa

12月 1月 2月 3月 4月 5月0

200,000

400,000

600,000

800,000

1,000,000

1,200,000 乃木坂 46SKE48AKB48

ももいろクローバーZ

モーニング娘。Perfume

でんぱ組 .inc

さくら学院E-girls

チームしゃちほこきゃりーぱみゅぱみゅSUPER GIRLS☆

ページ速度とアクセス数

ページ速度が 3秒以上のグループはアクセス数が

20万を下回っている

Page 25: Wcan summer2015 segawa

WebWait

URLを入力するだけで、そのページの表示速度が分かる。

Page 26: Wcan summer2015 segawa

まとめ・アメブロや Twitterの積極的な使用で、個人の発信力が強くなった

・アイドルのコミュニケーションもモバイルが中心に

・ HTML5でウェブデザインをし、個人とアイドルをより結びつける役割をウェブサイトに実装してきている

Page 27: Wcan summer2015 segawa

ご清聴ありがとうございました