いつでもAffectionな気持ちになりたい

これはゆゆ式AdventCalendar 2016 11日目の記事になります

本AdventCalendar初日にid:esuji5さんが取り上げてくださっているように新作OVAが2月22日に発売が決定、新OP/EDとキャラクターソングアルバムに加えてイベント開催決定と来年もゆゆ式な１年になると思うと胸が熱くなります。 d.hatena.ne.jp

さて、ゆゆ式といえばOP「せーのっ」で五臓六腑に染み渡る津田さんの歌声もいいですが、個人的にはすべてを忘れて脳汁だけが流れ続けるED「Affection」も好きです。「せーのっ」を拝聴し続けるとすぐに歌いそうになってしまうため、今回はいつでもAffectionな気持ちになれるツールを作ってみました。

画面右下に表示されるデスクトップアイコン的なアプリとなっているため、少し容量は思いですがぜひ使ってみてください。zipファイルを解凍してでてきたAlwaysAffectionというファイルが実行ファイルとなります。 AlwaysAffection

以下は作成記録です。NW.jsの導入方法やビルド方法については今回触れません。

まずはAffectionを拝聴しながら素材をゲットします
いい感じにGIFへ編集します。今回はあまり時間がなくPhotoShop先生に頼りきってしまいましたので、あとで調整したい…
NW.jsでGIF画像を表示するだけのアプリを作ります

|json| { "name": "AlwaysAffection", "main": "index.html", "version": "1.0", "window": { "width": 200, "height": 250, "icon": "icon.png", "transparent": true, "toolbar": false, "frame": false, "always_on_top": true, "show": false } } ||< |html| <!DOCTYPE html> いつでもAffection