100万個のチェックボックス

 (onemillioncheckboxes.com)
4 ポイント 投稿者 GN⁺ 2024-06-27 | 1件のコメント | WhatsAppで共有
  • One Million Checkboxes は、1,000,000個のチェックボックスを1つの画面体験として作ったウェブサイトで、現在はすべてのボックスにチェックが入った状態に見える
  • 上部の「we checked every box!」というメッセージで、全体のチェック完了状態がすぐに分かる
  • 完了後も「1人でプレイ」を続けられるため、単なる結果画面ではなくインタラクションが残っている
  • 現在のユーザーのチェック数は「You checked 0 boxes」と表示され、全体の完了状態と個人の進行状況が分かれている
  • 画面には Jump! の動作とチェック済みボックスの一覧が続き、大規模チェックボックス実験の痕跡を直接見られる

全体のチェック完了状態

  • One Million Checkboxes は 1,000,000 boxes are ✅ と表示する
  • 「🎉 we checked every box! 🎉」という文言で、すべてのチェックボックスにチェックが入った状態であることを示す

完了後も残るプレイ

  • すべてのボックスにチェックが入った後も、「but you can still play alone if you'd like」と案内する
  • 現在のユーザーのチェック数は 0 boxes と表示される

画面に見える要素

  • ページには Jump! というテキストがある
  • 本文にはチェック済み状態のチェックボックス項目が繰り返し表示される

制作者

  • サイトは eieio が作ったウェブサイトとして表示される

関連記事

1件のコメント

 
GN⁺ 2024-06-27
Hacker Newsのコメント

  • 開発者の立場からすると、予想よりはるかに人気が出てしまい、しばらくはサーバーがかなり大変そう

    • 実装に重大な問題がある。改行位置が画面の拡大率や幅によって変わるので、自分が boobs の落書きを書いても、ほかの人が同じ改行位置でなければ正しく読めない
    • 昔のデフラグツールをかなり思い出す。懐かしさのためにバックグラウンドでずっと開いておきたい: https://www.youtube.com/watch?v=KR3TbL3Tl6M
    • FediVerseに投稿したところ、4時間後の時点ですでにほぼ700回ブーストされていて、2時間以内にRedditまで広がっていた。Redditの投稿に直接返信もしているので分かると思うが、初期のトラフィック急増は確実に起きるしかない
    • 「予想より人気」だなんて、ここHNで何が大事かはみんな分かっている
    • サーバーをさらに5台立て、最適化もいくつか押し込んだので、しばらくは大丈夫そう

  • 「誰でもチェックできるチェックボックス100万個」をなぜ作ったのかという質問に、先週金曜の会話中に思いつき、なぜか作るべきだと感じた、という答えが付いている。最高の理由だ :)

    • あまりにバカバカしいからこそ、むしろ必ず作るべきだったのだ

  • 最初は上のほうをクリックしていたが、人々が自分のしたことを次々に元に戻していった。なぜ私たちは、みんなで全部チェックする方向へ仲良く進めないのだろうと思った
    下へ行けば争いは少ないだろうと思い、しばらく一人だった。退屈で無意味な作業だが、平和だった
    そのうち自分のようにチェックしている人に出会ったが、5秒もしないうちに消えた。スクロールしながらチェックし続け、少し上に戻ってみると、ランダムにチェックが外されたマスができていた。誰も外しているところを見ていないのに、チェックを外す幽霊がいるようだ

    • なぜ破壊しようとするのか。私はただチェックボックスを自然本来の状態に戻そうとしているだけだ
    • かなり下のほうの適当な位置へ移動して、チェックでHELLOと書こうとしたが、Hを書き終える前に誰かが見つけて台無しにしてしまった。この100万チェックボックスのアート台帳は、結局狂気によって崩壊するしかないのかと思った
      どれだけスクロールしても識別できるものはなく、意味のない荒野だけがある。ただの混沌だ
    • 自分もまったく同じ意図とやり方で動いていたのが不思議なくらい、これは私たち自身を映す鏡のようだ
      おそらく私たちだけではなかったはず。頭の中で秩序を叫ぶゴブリンをなだめるために、行ごとに、あるいは別の規則的なパターンで律儀にチェックしていた人は多かっただろう
      ページに入ったときすべてのマスがチェック済みなら、達成感を覚えてその完璧な状態のまま去ったはずなのに、その美しさを破壊して「boobs」と書こうとする狂人たちに共感するのは本当に難しい ;)

  • $$('input[type=checkbox]').forEach(elt => elt.click());を試したら、"CHILL LOL"という警告が出た。面白いサイトだ

    • 次はPlaywrightスクリプトを書く番だ
      chromiumでブラウザを起動してページに入り、input[type=checkbox]をすべて見つけてクリックすればいい
      それでも、スクリプトも使わず指で狂ったように押しまくって「CHILL」警告を出した自分を少し誇らしく思う
    • WebSocketで42["toggle...を直接送る必要がある。もちろん外したいわけではなく反転を避けるには、まずどのマスがチェックされているか確認しなければならない
    • すべてのボックスをチェックするJavaScriptを受け入れさせるようにだます方法があるのでは、と思う
    • document.querySelectorAll("input[type=checkbox]").forEach(i => { i.checked = false; });は一時的には動くようで、警告も出ない

  • すべてのマスはチェックされるべきだ。チェックを外している人たちは考え直して、チェック陣営に来てほしい

    • どんでん返し: 見ている人の半分には逆に見えている
    • 「どちらも同じ」という態度のせいで、そもそも私たちはこの状況に至ったのだ。11月にはUncheckedに投票しよう
    • 1,000個、つまり0.1%を手でチェックして、自分の分は果たしたと思った。スクリプトなし、純粋な人間の労働/アルゴリズムでやった
      簡単なJSスクリプトで2〜5倍速くすることはできるだろうが、速度制限もありそうだし、この奇妙な何かの精神にも合わないと思った
      Peter MolyneuxのCuriosityを思い出す: https://en.wikipedia.org/wiki/Curiosity%3A_What%27s_Inside_t...
    • 私のボックスから手を離せ。多くチェックするほど自由は減るので、一部のボックスは未チェックのまま残しておくべきだと支持する。特に私物が入っているボックスならなおさらだ
    • 考え直した結果、今はチェック解除ギャング側だ

  • 気に入った引用: 「プチプチMMOみたいですごく満足感がある」、「世界向けの手遊びおもちゃ」、「素晴らしい！ WebSocketサーバーが brrr してそう」
    https://x.com/itseieio/status/1805986839058079896

  • Tampermonkey用のチェック自動化ユーザースクリプトを作った。https://onemillioncheckboxes.com/ですべてのチェックボックスを探し、未チェックの項目をチェックし、MutationObserverでDOM変更のたびに再実行する方式だ

    • 正直、これだとサイトの目的そのものを壊している感じがする
    • この方式はチェックボックス1,000,000個には効かなそうだ。requestAnimationFrameを使うか、querySelectorAll('input[type="checkbox"]:not(:checked)')で未チェックのものだけ探すか、すべての変更ごとにcheckAllCheckboxesを呼ばないほうがいい
      あるいはquerySelector('input[type="checkbox"]:not(:checked)')で一つずつ探して、while(true)のようなループで処理すればいい

  • チェックボックスのグリッドは特定の幅に固定すべきだった気がする。人々が絵を描こうとしているのは見えるが、自分の画面では歪んで見える

    • サイトを作った側としては、あえてそうした。固定キャンバスで簡単に描ける協力型インターネットお絵描き実験はすでに十分多いので、少し違うことをしたら何が出てくるのか知りたかった
      もちろんバカなアイデアかもしれないが、一度試してみたかった
    • 残念だ。自分が描いた巨大な男根は、まさに自分が合わせた幅でしか見えない。自分が見逃しているランダムな絵がどれほど多いのか気になる
      再配置にも時間がかかるので、ウィンドウサイズを調整しながら人々が何をしているのかリアルタイムで見るのも簡単ではない
    • 画像を認識しようと「スキャン」しなければならない点が、むしろ面白い。そして作者が自分の作品の幅を自分で選べるという意味でもある
      多くの人が似た画面幅を使うので、思ったほど組み合わせも多くない

  • 素晴らしい仕事だ。こういう実験がどれだけ多くの人に使われるかを見ながら素早くスケールさせる仕事をしてみたいので、少しうらやましい。だが会社のくだらないことに頭を焼かれすぎて、創造力は地下室にある
    会議と文書に時間の90%を浪費せずに働ける会社を、今でもどこで見つけられるのだろうと思う
    クリックしすぎたせいか、静かに苦しみながら死ぬ代わりに、頭の中がここへ流れ出している :D

    • その感情は非常によくあるもので、私もそのどん底感について書き始めた
      答えは、それがあなたにとって答えでないなら、単に違うということだ。人は二種類に分かれる。仕事に心を支配されない人と、支配される人。支配されると、仕事をおろそかにしない限りほかのことをするのが難しくなる
      ほとんどの職場は会議と文書が90%だ。おおよそそれが職場の定義に近い。スタートアップは例外だが、そちらは確実に心を支配する
      私の創造力もこの1年ほど地下室にあった。そういう時期はある。無理に戦わず、幸せになろうとしてみるほうがいい。私の経験では、それが創造力を取り戻す唯一の道だった
    • 最近は初期スタートアップか、いっそ最初から自分の会社を作るくらいが、それに近いように見える。私も同じ境遇だが、サイドプロジェクトが持ちこたえる助けになっている
    • 自分で作ればいいのでは？

  • これらすべてのボックスのチェックを外す作業は、誰にも認められない仕事だ