wcan summer2015 segawa
TRANSCRIPT
![Page 1: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/1.jpg)
アイドルファンが Webを学び始めて気づいたこと -12グループのアイドルウェブサイト調査-
トライデントコンピュータ専門学校Webデザイン学科1年 瀬川 大勝
![Page 2: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/2.jpg)
プロフィール
瀬川 大勝(せがわ ひろかつ) 大学生を経てWebを学びにトライデントコンピュータ専門学校へ 趣味:カメラ、読書、アイドル ブログ:たいしょん倶楽部(http://taishon.nagoya)
![Page 3: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/3.jpg)
素人がWebを学び始めた
技能五輪に向けて、ほぼ知識ゼロからHTML5,CSS,JavaScript,MySQL,PHPを勉強
そして、普段利用しているサイトも、どのような 仕組みなのか気になり、調べるようになった
![Page 4: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/4.jpg)
23.4%
![Page 5: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/5.jpg)
第7回AKB48選抜総選挙の
瞬間最高視聴率
![Page 6: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/6.jpg)
人数に換算すると
9,529,884人!!
*CASIO高精度計算サイトより(http://keisan.casio.jp/exec/user/1388911981#)
![Page 7: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/7.jpg)
950万人という数字
スウェーデンの人口
*ちなみにスウェーデンの人口は世界銀行の調査で959.3万人
![Page 8: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/8.jpg)
まさに国民的行事!!!
![Page 9: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/9.jpg)
これだけ世間で盛り上がっているんだから、 アイドルのウェブサイトも、、、
すごいに違いない!!
![Page 10: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/10.jpg)
今回調べたアイドル一覧
![Page 11: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/11.jpg)
HTML5
![Page 12: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/12.jpg)
HTML5
![Page 13: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/14.jpg)
ChromeのWeb Developer Tools ソースコードの確認が可能
・HTMLの構造とCSS
・HTMLのバージョン確認
![Page 15: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/15.jpg)
Wayback machine
URLを入力するだけで、そのサイトの過去のページが閲覧できる
![Page 16: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/16.jpg)
スマホ対応
![Page 17: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/17.jpg)
スマホ対応
![Page 18: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/19.jpg)
Googleの「モバイルフレンドリーテスト」
スマートフォン対応かどうかを知ることができる
![Page 20: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/20.jpg)
レスポンシブウェブデザイン
![Page 21: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/21.jpg)
ページ速度
![Page 22: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/22.jpg)
アクセス数
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](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/23.jpg)
ページ速度(午前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](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/25.jpg)
WebWait
URLを入力するだけで、そのページの表示速度が分かる。
![Page 26: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/26.jpg)
まとめ
・アメブロやTwitterの積極的な使用で、個人の発信力が強くなった
・アイドルのコミュニケーションもモバイルが中心に
・HTML5でウェブデザインをし、個人とアイドルをより結びつける役割をウェブサイトに実装してきている
![Page 27: Wcan summer2015 segawa](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cc2627bb61eb71488b4783/html5/thumbnails/27.jpg)
ご清聴ありがとうございました