作った！

New Release!!!
[MARU-161] コバルト爆弾αΩ – LISTEN, YOU PENCIL NECK GEEKShttps://t.co/aFhZ2aH7kn pic.twitter.com/Pg14sBWfQO

— Maltine Records (@MaltineRecords) 2017年2月16日

はー。やっとリリースできた。とりあえず適当にメモを残しておくことにする。

はじまり

まずは、話があって、NC帝國からジャケとコバルト爆弾αΩからデモ曲をもらった。

ジャケットの元ネタになった映画「ときめきサイエンス（原題: Weird Science）」を見ながら、ksd6700が下記のようなコンセプトを決めた。

> 90年代の初期コンピュータイメージをページで再現したいなと。

> 爆弾つながりでWin95のマインスイーパーをモチーフにしたいと思うておるます。

> シーパンクっぽいネットカルチャには寄せない方がいいなと思ってて（お洒落過ぎ）

> もっとナーディーに渋い感じの95年-98年のPCっぽさが出したい。

> ネットにつなぐ前の日々。一日中マインスイーパーしてたあの頃！

マインスイーパーをWEBブラウザで実現するためのソースを集めまくって、片っぱしから試して挙動が安定して改造出来そうなものをチョイス。

また、サイトの雰囲気を出すためのJSをYoshiyuki SASAKIと探しまくる。

デザイン、フロント実装は、以前 XXXXサイトを構築した時に一緒にやった元チームメイトを誘った。

それぞれフリーランスとして活躍してる中で担当してもらえて助かった。

リリース1週間前に、「富士そばWEBサイトAA」の一件がバズって奇跡のようなタイミングだった。

富士そば広報も「はじめて知った」

富士そば公式サイトにかわいい隠しキャラ　ソースコードを見てみたら…… – ねとらぼ https://t.co/A17Zda3BS5 @itm_nlab pic.twitter.com/qghcxSYWYP

— ねとらぼ (@itm_nlab) 2017年2月14日

ページの設計図になるワイヤーフレームとクリア/ゲームオーバー時の挙動をksd6700で確定。

デザインをDaisuke UZAKI (monography)にオーダー。

上がったデザインをJS実装を行うMIKADUKIMO (Planktonz)に引き渡してオーダー。

出来上がったファイル一式を元に文字修正、一部レスポンシブCSS対応、SEO/AMP対応をksd6700で対応。

tomadくんにファイル一式を渡して本番アップ完了。

リリース後の反応

リアルタイム検索

ピークで148ツイート/day。

Win98と同い年の高校生、マインスイーパに初挑戦！ 2時間粘った結果は（KAI-YOU 2017.02.22 安藤勇作）

クレジット

[MARU-161] – LISTEN, YOU PENCIL NECK GEEKS

コバルト爆弾αΩ

Artwork : NC帝國

WebDesign : Daisuke UZAKI (monography)

Web Front Coding : MIKADUKIMO (Planktonz)

Web Adviser : Yoshiyuki SASAKI

Web Direction : ksd6700 (INAGE / OmanticRecords)

Powered by : 西千葉Tシャツ

tomad

MaltineRecords

お仕事お待ちしてます！

info(at)ksd6700.net