ハクソク

世界を動かす技術を、日本語で。

HNに表示: ポストパンクバンドのための1つのHTMLファイルで作成したWindows 98テーマのウェブサイト

371日前原文(corp.band)

概要

  • CORP は音楽バンドで、公式ウェブサイトを運営中
  • サイトには イベント情報、グッズ販売、メールリスト登録 などが集約
  • Bandcamp での購入や、メールでの ブッキング依頼 が可能
  • リサイクルビン や「My Computer」など、遊び心あるセクションも存在
  • GitHubで ソースコード が公開されており、技術的関心にも対応

CORP公式ウェブサイト概要

サイトメニューと機能

  • Events、 Social、 Merch、 Music、 Mailing List、 Booking など、多様なセクションを用意
    • 各種情報やサービスを一元的に 提供 すること
  • My Computer セクションでは、「My Computer contents would go here.」と記載し、遊び心を演出
    • サイト全体にユーモアや 親しみやすさ を加味すること
  • CORP Music Watch や CORP.Listen To では、バンドの音楽や動画コンテンツを 視聴・聴取 できること

オフィシャルグッズ販売（Merchandise）

  • 「Be the coolest drone at the water cooler」と銘打ち、 公式グッズ を販売
    • Financial Accounting Services：$25
    • Human Resource：$15
    • Premium .mp3：$30
    • Insider Trading Tip：$20
  • Bandcamp での購入リンクを設置し、ユーザーの利便性を 高める こと

メーリングリスト登録（Mailing List）

  • 「Join Our Mailing List Or become fodder for the machine」と記載し、 メールリスト登録 を促進
    • ファンとの継続的な コミュニケーション を重視すること

ブッキング依頼（Booking）

  • 「Book CORP」セクションでは、 メールでのブッキング依頼 を案内
    • イベントや会場での出演依頼を 受付 すること
    • 電子プレスキット（Electronic Press Kit）へのリンクを設置し、 投資機会や技術仕様 の確認を推奨

リサイクルビン（Recycle Bin）

  • 「The Recycle Bin is empty. Empty for kicks?」と記載し、 ジョークや遊び心 を演出
    • サイト訪問者に 楽しさ を提供すること

技術情報とGitHubリポジトリ

  • CORP公式サイトの ソースコード はGitHubで公開
  • サイトの開発やカスタマイズに興味がある場合、 リポジトリの参照 を推奨

全体的な印象

  • CORP は音楽活動だけでなく、 ウェブ表現やデジタルコンテンツ にも力を入れていることが特徴
  • 遊び心と実用性を兼ね備えたサイト設計で、ファンや新規訪問者に 強い印象 を残すこと

Hackerたちの意見

かわいい！！大好きだよ。特にゴミ箱機能がいいね。ひとつだけ気になったのは、音楽の「ウィンドウ」にあるネイティブのスクロールバー。最初はSpotifyとApple Musicのリンクの下にもっとあるって気づかなかったんだ。

└

ありがとう！UXのフィードバックもちゃんとメモしておいたよ！

すごくクールだけど、戻るボタンがめっちゃバグってる。

└

ブラウザの履歴にあまりにも多くプッシュしすぎて、戻るボタンがほぼその場をうろうろしてる感じ。

バンドとしてLinkedInページを持つのはメタルだね。

└

私たちは、従業員が働きながら聴くための一連の音楽リリースを承認しました。Spotifyでの標準的な音楽よりもずっと良くて、「Whispers from the Water Cooler」や他の企業承認のリリースを聴くことで、従業員の生産性が最大20%向上することがわかりました。 > 中間管理職については、同じ結果は見られなかったため、唯一ポジティブな効果があった曲「I’m Not Cute, I’m Handsome」だけにリスニングを制限しました。これ、めっちゃ好き。あなたのおかげでいい一日になった、ありがとう。

音楽オタク気味なんだけど、925がすごく好き。あの雰囲気とビデオも最高だね！

レトロテーマ用のさまざまなCSSファイル。これらは以前ここで話題になったことがあるよ。 - Windows 98: https://github.com/jdan/98.css - Windows XP: https://github.com/botoxparty/XP.css - Nes: https://github.com/nostalgic-css/NES.css - Mac OS（クラシック）: https://github.com/sakofchit/system.css - DOS: https://github.com/vinibiavatti1/TuiCss

└

-カウンターストライク 1.6: https://cs16.samke.me/?

音楽をゴミ箱にドラッグしたら、なんかイースターエッグがあるかなって期待してたんだけど。

すごくいいね！WinampとかICQ、AIMみたいなアプリも追加したらめっちゃクールだと思う :)

この動画ストリーミングの滑らかさからして、これがWindows 98じゃない気がするな〜。むしろ、Windowsテーマを適用したBeOSなんじゃない？ブラボー！

これは本当にクールなレトロデスクトップUIだね！美的センスが完璧。ひとつ思ったのは、'CORP'ボタンをクリックしたときに、ブラウザのデフォルトのalert()（またはテキストに基づいてconfirm()）の代わりに、クラシックなスタートメニュー風のカスタムポップアップを出したら、もっと没入感が増すんじゃないかな。それに、'公式バンドウェブサイト'や'GitHub'みたいなリンクを入れたら、全体のテーマにもぴったり合うと思う。アイデアとしてはどうかな！プロジェクト大好きだよ。

なんでだろう？全然パンクじゃない気がするんだけど。