Xでおもしろいアプリケーションを見つけたので紹介します。 https://github.com/bgstaal/multipleWindow3dScene Three.jsとlocalStorageを使って、複数のブラウザウィンドウ間で3Dシーンを同期することで実現しています。 どのようにコードが書かれているか、重要な部分を抜粋して紹介していきます。 基本的な処理の流れ ウィンドウの初期化: 新しいウィンドウを作成し、既存のウィンドウと同期させます。 同期は、localStorageに保存された状態情報を共有することで行われます。 3Dシーンの初期化とレンダリング: 3Dシーンを設定し、レンダリングします。 ウィンドウのサイズが変更されると、シーンは自動的に更新されます。 状態の同期: localStorageを介して、ウィンドウ間で3Dシーンの状態（例えば、カメラの位置やシーンのオブジェ

はじめに この記事はHRBrain Advent Calendar 2022カレンダー2の7日目の記事です。 株式会社HRBrainでは毎週TypeChanllengeを行っています。 この取り組みを紹介した記事があるので興味がある方は御覧ください。 その中で「Permutation」という特段難しい問題に詰まったので紹介します。 復習がてら記事にしました。 type-challengesとは TypeScriptの型の問題集のようなリポジトリです。 Vue.js コアチームメンバーでVitest、Slidevの作成者である@antfu7さんという方が開発しています。 Permutation Union 型を Union 型の値の順列を含む配列に変換する順列型を実装する問題です。 type perm = Permutation<'A' | 'B' | 'C'>; // ['A', 'B',