コバルト爆弾αΩがMaltineRecordsから楽曲公開するのでマインスイーパーするサイトを作った

WEBサービス

作った！

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

はじまり

まずは、話があって、NC帝國からジャケとコバルト爆弾αΩからデモ曲をもらった。
ジャケットの元ネタになった映画「ときめきサイエンス（原題: Weird Science）」を見ながら、ksd6700が下記のようなコンセプトを決めた。

> 90年代の初期コンピュータイメージをページで再現したいなと。
> 爆弾つながりでWin95のマインスイーパーをモチーフにしたいと思うておるます。
> シーパンクっぽいネットカルチャには寄せない方がいいなと思ってて（お洒落過ぎ）
> もっとナーディーに渋い感じの95年-98年のPCっぽさが出したい。
> ネットにつなぐ前の日々。一日中マインスイーパーしてたあの頃！

マインスイーパーをWEBブラウザで実現するためのソースを集めまくって、片っぱしから試して挙動が安定して改造出来そうなものをチョイス。
また、サイトの雰囲気を醸し出すための仕掛けをYoshiyuki SASAKIが探しまくってくれた。
デザイン、フロント実装は、以前 XXXXサイトを構築した時に一緒にやった元チームメイトを誘った。
それぞれフリーランスとして活躍してる中で担当してもらえて助かった。
リリース1週間前に、「富士そばWEBサイトAA」の一件がバズって奇跡のようなタイミングだった。

ページの設計図になるワイヤーフレームとクリア/ゲームオーバー時の挙動を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