読者です 読者をやめる 読者になる 読者になる

はりをきば

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


Caution!!
この日記はバカな私(はりを)が何かを忘れない為に、バカの一つ覚えの如く色んな記事を投稿しています。…が、
あくまでもただの備忘録のひと握りに過ぎず、情報の信憑性や真偽までは保証していません。
極力正しい情報をまとめているつもりですが、万一誤った記事の内容を実行しトラブル等が発生しても
当方は如何なる責任を負いません。自己責任でご利用ください。

以上に同意する方のみ、この雑記帳の閲覧をお願いします。

初めての方はこちらも併せてお読みください。このブログについて (About)


…ちゃ、ちゃんと予防線張ったからな!! ホント何があっても知らねーからな!!!(小学生並の言い訳)

予防線(☢Caution!!☢)の表示
テキスト全般の表示に使うフォント (大抵は「メイリオ」か「ヒラギノ角ゴ ProN W3」) (マルチバイト文字はSource Han Sansと同じ) (マルチバイト文字はNoto Sansと同じ)
ソースコードの表示に使うフォント
ピカマンロケットの効果音

設定を保存キャンセル

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

スマブラ スマブラX スマブラX:その他 JavaScript

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%対応する保証はないけど…)