Wcan summer2015 segawa

27
アイドルファンが Web を学び始めて気づいたこと - 12グループのアイドルウェブサイト調査- トライデントコンピュータ専門学校 Web デザイン学科1年 瀬川 大勝

Transcript of Wcan summer2015 segawa

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のバージョン 現行サイトに切り替わった日

1 AKB48 HTML5 2015年02月24日

2 SKE48 XHTML1.0transitional 2010年10月07日

3 ももいろクローバーZ XHTML1.0transitional 2012年08月14日

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

project) HTML5 2014年04月24日

5 E-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日

10 Perfume HTML5 2013年03月02日

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

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

スマホ対応

Page 19: Wcan summer2015 segawa

Googleの「モバイルフレンドリーテスト」

スマートフォン対応かどうかを知ることができる

Page 20: Wcan summer2015 segawa

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

Page 21: Wcan summer2015 segawa

ページ速度

Page 22: Wcan summer2015 segawa

アクセス数

0

200,000

400,000

600,000

800,000

1,000,000

1,200,000

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

乃木坂46

SKE48

AKB48

ももいろクローバーZ

モーニング娘。

Perfume

でんぱ組.inc

さくら学院

E-girls

チームしゃちほこ

きゃりーぱみゅぱみゅ

SUPER☆GIRLS

Page 23: Wcan summer2015 segawa

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

No. チーム名 スマホ(秒) 1 さくら学院 0.68 2 SKE48 1.12 3 Perfume 1.94 4 乃木坂46 2.02 5 モーニング娘。 2.36 6 チームしゃちほこ 2.53 7 AKB48 2.73 8 ももいろクローバーZ 2.77 9 E-girls 3.14

10 きゃりーぱみゅぱみゅ 3.47 11 SUPER☆GIRLS 4.51 12 でんぱ組.inc 10.53

Page 24: Wcan summer2015 segawa

0

200,000

400,000

600,000

800,000

1,000,000

1,200,000

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

乃木坂46

SKE48

AKB48

ももいろクローバー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

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