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