ハクソク

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

Show HN: 私のポートフォリオとしてWindows XPを再現しました

261日前原文(mitchivin.com)

概要

  • Windows XP風ポートフォリオサイト の紹介
  • JavaScript が必要で、SNSリンクも掲載
  • オリジナル実装への こだわり と学習経緯
  • AIとの協働 による開発体験
  • 技術的挑戦 と今後のフィードバック希望

ポートフォリオのご案内

  • Windows XPの体験 をウェブ上で再現したポートフォリオサイト
  • JavaScript の有効化が必須条件
  • LinkedIn での連絡手段、 GitHub での作品閲覧、 Instagram での最新情報発信
  • 各種SNSリンクを通じた コミュニケーション経路の確保

制作背景と開発ストーリー

  • 数年前に見かけた Windows XP再現コンセプト に強い印象
  • コーディング未経験 だったため実現困難と感じていた過去
  • 2024年のAIコーディングツールの普及 により実現可能に
  • ゼロからの学習 と AIエージェントとの共同作業 による開発プロセス
  • すべての ピクセルと機能 に自身が関与し、 AIはコード化を担当
  • 人間の意思決定 を重視した設計方針

技術的アプローチと工夫

  • 既存のOSフレームワークは未使用
  • xp.cssやpaint.js などの 基本ライブラリのみ利用
  • それ以外は 完全オリジナルコード で構築
  • サウンド、アニメーション、実用的アプリケーション を含むフル機能再現
  • モバイル対応 にも注力し、タッチ操作でも快適な体験を追求

学びと今後への期待

  • このプロジェクトを通じて得た コーディングスキルとAI協働知見
  • 技術的アプローチ や 実装の完成度 に関するフィードバックを歓迎
  • 今後の改善や発展 に活かすための意見募集

Hackerたちの意見

こんにちは、ハハ。数週間前にこれを投稿しようとしたんだけど、うまくいかなかったんだ。みんなが楽しんでくれてるみたいで嬉しい！追記：ここに来たばかりなんだ！ちょっとカーマをもらえるかな！

└

すごく美しい作品だね。

└

本当に素晴らしい出来だよ。素晴らしい仕事！

└

こんなにうまくできてるなんて信じられない！いい仕事だね。

└

（ここでモデレーターの一人なんだけど）あなたの元の「Show HN」を再投稿して、コメントをここにまとめたよ。あと、あなたのアカウントを正当なものとしてマークしたから、今後あの厄介なスパムフィルターに引っかからないはず！

└

私の場合、スタートメニューが表示されるのに数秒かかって、またすぐに消えちゃう（Windows 10のChrome 138）。

└

本当に洗練されてる！Windows XPの美学をしっかり捉えてるし、その精神も感じる。もしWindows XPにプロフェッショナルな「ポートフォリオ作成」アプリがあったら、それが出力する実行可能なバイナリがこんな感じだったら、すごく美しいって絶賛されてたと思う。これは素晴らしい。スキルを見せるだけじゃなくて、Windows XPの美しさも現代的かつ歴史的に正確なフォーマットで蘇らせてる。

かなりクールなものだね。見るたびに、Windows XPのスタイリングが恋しくなる部分がある。あれは実際に楽しくしようとした唯一の評価の高いWindowsだった気がするし、検索結果に小さな犬のマスコットがいたり、下のバーがフィッシャープライスのおもちゃみたいに見えたり、クリッピーもいたし！プロフェッショナルなプログラムがちょっとおかしくなるのが許されていた時代が懐かしいな。ちなみに、あなたのアバターがすごく好き。シンプソンズやボブズバーガーズの雰囲気があって魅力的だよ。

└

フラストレーションもあるけど、作ってるのは結構楽しい。まるで2006年に戻ったみたいだ。

私には、CRT効果が初期のLCD（TFTパネル）のものに見える。CRTモニターの画面は、私の記憶ではドットでできているようには見えなかった（すべてのモニターではないかもしれないけど）。トリニトロンのやつは別かも。素晴らしいサイトだね、懐かしさをありがとう！

└

たぶん君の言う通りだね。実際、XP時代にCRTモニターなんてなかったって言われたこともあるし、ちょっとおかしいけど、みんな許してくれると思うよ。

地球上で最も馴染み深いデスクトップユーザーインターフェースだよね。なんで複雑なウェブアプリがこの検索可能なスタートメニュー形式を使わないのか、よく考えちゃう。

└

統計はないけど、これが正確だって賭けてもいいよ（お金はゼロだけどね）。

わあ、これすごい！オープンソースにして、他の人にも参加してもらって、このシムの中で動くアプリを作れるようにしたらいいよ。うちのブラウザのバージョンをこれに組み込みたいな。（https://github.com/browseros-ai/BrowserOS）

これは素晴らしいね。誇りに思っていいよ。楽しい再現だし、使ってみて楽しかった。XPを使ってた頃（2004-2010）は、19インチの黒いCRTモニターを使ってたんだ。ノートパソコンを手に入れたら、それがセカンドモニターになった。家族がいらないって言ったものや、中古パソコン屋で拾ったものを使ってたよ。2010年にはWindows 7に移行したけど、Windows XPのテーマを見ると、初めて見たときのカラフルで魅力的な感じを思い出す。

└

もし彼らがそのサイトを覚えていたら、僕のことも思い出すかな？ :)

これすごい！懐かしい旅を楽しめたよ。もし君がこのプロジェクトをまとめるためのコーディングの旅についてシェアしたり、投稿を書いてくれたら素晴らしいな！

└

サイト自体と同じように、プロセスが全く逆だったのに、なんとか一貫性のある形にまとめようと少しずつ頑張ってる。うまくまとまったら、LinkedInに投稿するつもり。すでにいくつか投稿はあるけど、深い内容ではないんだよね。ちなみに、どんなつながりでも大歓迎！まだ始めたばかりだからね！

最高だね。XPの雰囲気がバッチリ出てるし、スタートアップ音やタスクバーもいい感じ。

└

感じが大事なんだよね。

一般的に、実際のWindows XPよりもスムーズだね。なんか引き寄せられる体験で、理由はよくわからないけど。UI/UXの観点から、このアイデアには何か魅力的なものがある。明らかなノスタルジーを除いても。特にこの実装の面白いところは、ブラウザのタブ階層と自然に融合してるところ。無理に支配しようとせず、ただ溶け込んでる。おそらく独特なタスクバーのおかげか、スタートアップ画面やログイン音が「ここにいるよ、ここは居心地のいい場所だよ」っていう明確な境界を設定してるからかも。

└

明らかにノスタルジーは大きな要素だけど、ログイン音には何かあるかもね、笑。ログアウトしてみた？

└

Windows（もしくは何でも）って、速いといいよね。ほとんどのことは20ms以内で動くべきだから、遅延は感じないよ。

どこにも右クリックメニューがない。タスクバーをロックするにはどうすればいいの？（https://madeupandprobablydoesnotexist.com/taskbar/を参照）