リリオの日記型倉庫3

ゲームが好きな人のためのブログ

Steamの積みゲー消化ルーレットブックマークレットを作ってみた

f:id:ririo08:20190728233826p:plain

積みゲーは消化するものだ。


 

 

はいどうも。リリオです。

今回はJavascriptを使用して、積みゲーを消化するのを進めるためのブックマークレットを作ってみました。

 

Javascript自体は初心者のため、色々改善できる場所があるのが見え見えではありますが、まぁ生暖かい目でコメントをしていただけるととても改善できると思います。ハイ。

 

追記(2019-07-31):Github Pagesを立ち上げてみました。こちらからご利用すると登録が正確にできると思います。
Steam積みゲー消化ルーレット

 

Steam積みゲー消化ブックマークレット ver1.0

(これをブックマークバーにドラッグアンドドロップすると登録できます。)

 

 

使い方

Steamの自分のゲーム一覧ページに移動します。

f:id:ririo08:20190728235622p:plain

上記の場合、右のゲーム165となっているところをクリックすると飛びます。

 

そこで登録をしたブックマークレットを起動すると、ランダムに設定されたゲームがハイライトされそこに移動します。
 

 

ソースコード

javascript: (
    function () {
        classCount = document.getElementsByClassName('gameListRow').length;
        var random = Math.floor(Math.random() * classCount) + 1;
        var gameList = document.querySelectorAll('.gameListRow');
        gameList[random].id = 'thisgameiscool';
        document.getElementById('thisgameiscool').style.backgroundColor = '#2d1616';
        window.location.hash = '';
        window.location.hash = 'thisgameiscool';
    }
)();

 

処理内容はとても単純だと思うんですが、一部無理やりなところがあります。

まず、プレイ済みのゲームかどうかの判定がありません。

一応Steamのソースを読むとインストールされているかどうかのクラスなどがありはするのですが、めんどいので入れませんでした。

あと、他の方も書いていたhashでジャンプしない場合があるというものの解決法が上の2個書きのゴリ押しでやっているので、そこも改善点があるような気がします。

 

とりあえず、これで動くと思うので、ぜひゲームが溜まってるけど何をプレイしようか迷っている方はこれを参考に遊んでみるのもありではないでしょうか。

 

そして改善点がありましたら教えて下さい。コメントで!

 

では。

追記(2019-07-31):Githubを立ち上げました。ソースのあれこれが見やすくなっていると思います。よろしくお願いします。
github.com


追記:

ブックマークレットの配置がはてなブログだとクソ面倒くさい仕様になっていましたので、こちらのサイトを参考に配置させていただきました。ありがとうございます。

kwixilvr.hatenablog.com

はてな記法むずかしい。助けて。