はりをきば

そこにピカマンがいる限り 私はテイッハットウッをやめない

Brawl Vaultを使いやすくカスタムしてみる

¯注意
この記事はを最後に更新されていない。
更新日が1年以上前の記事はリンク切れしていたり、情報としては役に立たなくなっている可能性あり。
ˆMixed Contentについて
この記事は投稿日が古い為、記事中の画像は非SSL(http://)で貼られている。(※投稿画像以外は全てSSL)
この件に関して詳しくはこちらを参照。

f:id:Gutyan:20131220214735p:plain


タイトル若干誇張気味だが、まぁ一応間違ってはいないし問題ないよね。

Brawl Vaultは作りが荒い

前々から思っていたが、コーティングが汚い。


色々ツッコミどころがあるが、一番不便なのは投稿されたファイルの個別紹介ページ。
f:id:Gutyan:20131220194134p:plain
知ってるか? これ、BV開設当時からずっとこのままなんだぜ…

問題点

ページタイトルがそのまま

個別ページにアクセスしてもタイトルが「Brawl Vault」のまま。
これの何がダメかって、ブラウザの履歴を検索する際
どのURLがどのファイルなのかわからなくなる。全部同じタイトルだし。

ツイートボタンがない

別に問題って程のもんでもないが、こういうのはTwitterの方が拡散に向いている。
ブックマークレットやら見ているページのツイート画面を開く拡張機能やらを使えば
そのページをツイートすることができるが、上述の通りタイトルが変わらないので
ツイート画面にファイル名が入力されない。実に不便だ。
f:id:Gutyan:20131220211645p:plain

いいね!ボタンが中途半端な所で途切れてる

中途半端なwidthが指定されているから。
どうせなら吹き出しごと見えなくすりゃいいのに、なんでこんなことに…。

検索フォームがズレとる

ズレるどころか、Chromium系ブラウザだと
フォーカスした際、オレンジの線が出て非常にダサい。
f:id:Gutyan:20131220220532p:plain



ってなわけで

上記の問題点を修正するユーザースクリプトを作った。

ダウンロード

http://file.gutyan.jp/wii/sbx/CustomBrawlVault.user.js

動作環境

留意点

このユーザースクリプトはBrawl Vaultで読み込まれるjQueryを使ってるんで
Chromium系ブラウザがデフォルトで搭載しているユーザースクリプト機能では動作しない。
(Chromium系ブラウザの標準ユーザースクリプト機能は使用するページと独立している為、使用するページで読み込まれている他のJavaScriptファイルを使用することができない。)

補足

知らない人の為に念の為説明するが、
Chromium系ブラウザとはオープンソースブラウザ「Chromium」本体及び
それらから派生して出来たブラウザ。
即ち Chromium、Google Chrome、新Opera、CoolNovo、Iron、RockMelt などを指す。
(Chromium派生ブラウザは数が多いんで全部挙げるとキリがない)



このユーザースクリプトを導入すると

☟のようになる。
f:id:Gutyan:20131220214103p:plain


個別ページを踏むとタイトルにちゃんとファイル名が入る。
f:id:Gutyan:20131220214224p:plain


ファイル名がタイトルに入ることで、履歴検索で見つけやすくなる。
f:id:Gutyan:20131220214426p:plain


ツイートボタンが搭載され、押すとファイル名付きで簡単につぶやける。
f:id:Gutyan:20131220214305p:plain


その他、検索フォームの位置が調整され
フォーカスしてもオレンジの線が出なくなる。

変更履歴

  • ver 1.0 (2013/12/20)
    • 公開
  • ver 1.01 (2013/12/22)
    • 些細な調整
  • ver 1.1 (2014/01/04)
    • Vault以外(KCMMのフォーラム)にアクセスした際、右上の検索フォームのズレが直らないのを修正。




まぁ、そんな感じ。
バグ報告とか要望とかあったらこの記事にコメント残すか
チャットに書置きでもしといて。
(バグはともかく要望に100%対応する保証はないけど…)