この記事はプリッカソン Advent Calendar 2018の6日目です。
takanakahikoさんの1日目の記事を偶然見つけ、記事の最後にプリッカソンのSlack登録フォームが添えられていたので昨日の0時くらいに参加しました。
大学の授業中に先生が言った「チャレンジを成功させる必要なんてまったくない、無理だと思っているものにこそチャレンジする価値がある」というような言葉が妙に引っかかり、自分もチャレンジするぞと思い立ち、翌日（今日）のプリッカソン6日目に飛び入りで登録しました。
作成したサイトはGithub.ioに上げています。
アイデア
せっかくなのでNeonDropっぽいwebサイトを作ろうかと思いました。
ちなみにweb経験はほとんどないに等しいです、半年前くらいにドットインストールのHTML・CSS3入門を終えたくらいかな・・・？
NeonDrop っぽいってなんだ？
ポップ系ブランド。ネオンカラーを多用したスポーティな衣装が特徴。
（Wikipedia – プリパラのネオンドロップの項)
ネオンカラー
Neon Sign Color Chart
Color Code: NEON
上記サイトを参考にして、今回は以下のとおりにネオンカラーを設定しました。
Neon Yellow
#FFFF00
Neon Red
#FD1C03
Neon Green
#33FF00
Neon Blue
#0062FF
Neon Pink
#CC00FF
Neon Cyan
#00FFFF
実装
背景をネオンカラーの三角形を散りばめ、またリロードするたびに位置や色が変えようと思いました。
canvas内では実現ができましたが、それを背景に設定するまではたどり着けませんでした。
ひとまずGIMPで作成したそれっぽい画像を背景としています。
ヘッダーとか他ページとか作りたかったのですが、公開時までに全然間に合ってません…
所感
webサイトって、中身の実装よりもデザインが大部分を占めますね。
ネオンカラーの要素を入れた瞬間に「にのっぽい！」ってなりましたからね。
好きなプリパラ（アニメ）の曲10選
少しボリュームに欠けたので、おまけ要素です。
あっちゃこっちゃゲーム
元気でポップな、にのらしい曲です。instのギターのカッティングがとても気持ち良い。
CHANGE!MY WORLD
特にこの曲のシオンの歌声がとても好きです。
ま〜ぶるMake up a-ha-ha!
「好奇心になら負けていいよ でもね 後悔に負けちゃダメだ」という歌詞は座右の銘の一つにしたいほど心に残っています。
Just be yourself
聴くと安心します
コノウタトマレイヒ -Fuwari with Hibiki ver.-
ひびきさんの歌声が優しすぎて眠くなる
No D&D code
カラオケで歌うと気持ちいい
かりすま〜とGIRL☆Yeah!
drumとbassがクール
シンセがポップ
ところどころに入るやつ（arp？わからん）がキュート
こうしてみるとトライアングルっぽさが出てますね
ドリームパレード
プリパラって感じする
Miss. プリオネア
アニメ本編のしゅうかの振る舞いと相まって歌詞が光る
「何よりも時間がほしいよ」が真理すぎる
Mon chouchou
とても優雅で高貴なトリコロールをよく表しています。
「素晴らしいパンクには極上のフォーマルでお答えする」 – 紫京院ひびき #133 語尾の彼方