1761011400
2025-10-20 23:40:00
Old Computer Challenge – ZX Spectrum 用の最新 Web
2025/10/19
目次
#
去年 参加しました で OCCチャレンジ 仕事と私生活の合間ですっかり忘れていましたが、幸いなことにオンラインで誰かがチャレンジしている投稿を見て、そのことを思い出しました。昨年は何か新しいことを学ぶのが楽しかったので、今年のチャレンジを逃したくなかったので、手遅れにならないことを願っています。
今年のチャレンジは DIY で、独自の OCC チャレンジを作成できました。そこで、BASIC とコンピューターの限られたグラフィックス機能を使用して、ZX Spectrum 用の Web サイトとナビゲーションを再作成してみるのは楽しいだろうと考えました。
ハードウェア #
この場合、ハードウェアは ZX Spectrum ですが、コードのテストと実行にはエミュレーター (Fuse) を使用したと言わざるを得ません。
制限事項 #
ZX スペクトラム 画像解像度は256×192ピクセルです、したがって、スペースは とても 限定。の カラーパレットは8色で構成されています、「より明るい」バリエーションがあります。
これを念頭に置いて、ZX Spectrum の Web サイトとその操作方法をデザインする必要がありました。
チャレンジ #
そこで、ハードウェアと制限を考慮して、まず Google をやろうと考えました。Google はシンプルなデザインで、誰もがよく知っていると言えるからです。
グーグル #
下の画像は、Google のホームページがどのように見えるかを示しています。
サービスの最初の文字を押すと、リストされているサービスにアクセスできます。同じ文字を持つサービスが複数ある場合は、別の文字を使用するか、単にサービスの 2 ページ目を追加します。
この場合、「S」を押すと検索にアクセスできます。単純に検索を求めるプロンプトが表示されます。この場合は「マイクロプロセッサーで LLM を実行する方法」を検索しました。「w」(上) または「s」(下) を押して、さまざまな結果をナビゲートします。
ハッカーニュース #
ハッカー ニュースはテキストの多いコンテンツなので、グラフィックス機能が多少制限されている ZX Spectrum 向けにデザインするのが「簡単」になります。
ご覧のとおり、上部のバーにユーザー名と保有ポイント数が表示されます。この場合、ナビゲーションは「それほど」対話的に行われず、番号 (1 ～ 6) を選択するだけで投稿にアクセスできるようにすることにしました。投稿の 2 ページ目に移動したい場合は「M」を押し、送信したい場合は「S」を押してください。
したがって、1 を押して最初の投稿を選択すると、投稿とコメント セクションに関する詳細が読み込まれます。
タイトル、投稿したユーザー、時刻、コメントの量 (この場合は 42) が表示されるコメント セクションが表示されます。 コメント セクションの問題は、複数のユーザーが返信するため、一部のコメント スレッドが深くなり、異なる分岐を持つ可能性があることです。したがって、この場合、私が考えたのは、次のコメントには「M」を使用してトップレベルのコメントを移動し、前のトップレベルのコメントに戻るには「B」を使用することでした。 「」を追加してもよいと思います[R]「eply」オプションを使用すると、画面上に表示されているコメントに返信し、コメントの返信をナビゲートするには、「C」などを押すと、親コメントの子コメントのページに移動します。これに関する唯一の問題は、画面が非常に小さく制限されているため、ほとんどの場合一度に 1 つのコメントしか表示されず、投稿に 300 のコメントがある場合、コメントをナビゲートするのが困難になることです。
新しいリンクを送信すると次のようになります。さまざまなフィールドを「編集」してから「送信」するだけです。
結論 #
個人的にはこれをするのが楽しかったです。昨年のチャレンジですでにその作業の多くを行っていたため、それを行う前にリサーチに多くの時間を費やす必要がなかったので、やりたいことに集中することができました。私のリポジトリでソースコードをチェックして自分で試すことができます https://codeberg.org/0x00cl/Web-ZX
付録 #
ZX Spectrum でのインタラクションのビデオは次のとおりです。
#Computer #Challenge #Spectrum #用の最新 #Web