先日clusterというサービスを使ってVRで勉強会に参加してきました。リモート勉強会なのに写真撮影ができるって楽しいですね。イベントの場に来ている という感じがします。
さて、このcluster、「UI部品を非表示にして写真撮影を行う」という機能がついています。ただし、この写真はcluster上のインベントリに保存され、ローカルにダウンロードするには、Web画面からダウンロード操作を行う必要があります。
2020/04/23現在clusterの写真は「チェックした項目をすべてダウンロード」ということはできるんですが、「すべての写真にチェックを入れる」ということはできません。今回わたしは64枚の写真を撮影したので、これらを全部ダウンロードするのは疲れます。
そこでJavaScriptですよ
そこでJavaScriptです。最近のブラウザでは開発者コンソールでJavaScriptが利用できるので、それを使ってクリック操作を自動化させます。
clusterの場合、一個でもチェックが入っている項目がないとチェックボックス自体が表示されないので・・・。
どの写真でもいいのでひとつ、チェックを入れます。
そして、開発者コンソールを表示して、次のコードを入力します。
Array.from(document.getElementsByClassName("MuiCheckbox-root")).forEach(e => { if(!e.classList.contains("Mui-checked")) e.click(); });
すると、画面上に表示されているすべての項目にチェックが入ります。
2020/04/23現在のclusterでは、画面に表示されていない写真にはチェックボックスがレンダリングされていないようなので、すべての項目にチェックを入れることは残念ながらできないようです。
スクロールしながら何回か上記コードを実行する必要があります。
が、1個1個の写真にチェックを入れるよりはかなり楽になるのでは と思います。