艦これタイマー for Firefox

ちなみに自分はウィンドウで使っています(のでサイドバーでの動作チェックはおざなりになりがち)。

最新版のダウンロードはこちら→http://miku39.jp/dists/software/kancolle/kancolletimer_0.30.xpi
過去のバージョンが必要な場合は、こちらから漁っていってください。
アドオンの自動更新の設定するのがめんどいので常に手動インストール(アップデート)です。バージョンアップなどは各人でこのページをチェックしてください。

取扱説明ではない補足記事はこちら→http://miku39.jp/blog/wp/?p=1867
艦これタイマーについての今までのブログ記事はこちら→http://miku39.jp/blog/wp/?cat=54

要望や不具合などはこちらの記事にでもコメントしておいてください。
掲示板立てました。 http://jbbs.shitaraba.net/netgame/13241/
派生版とか適当にスレ立ててやってください。

艦これのページを開きGAME STARTの画面になる時、すでにゲームは始まっています。タイマーはその時までに開いておきましょう。

更新履歴

  • Version 0.30 (2014/03/14 23:03)
    追加された遠征のデータをちょっと追加しました。
    第1艦隊HPゲージのチェックボックス表示をアレンジしました。
    資源グラフで項目毎の表示ON/OFFチェックボックスを追加しました。
  • Version 0.29 (2014/03/05 19:54)
    艦娘コンプ記念。
    遠征収支バランス表を追加修正しています。
    大破表示の判定をゲーム側と同じように変更しました。
  • Version 0.28 (2014/02/26 22:57)
    新遠征のデータを一部追加しているのと、その他調整程度などしています。
  • Version 0.27 (2014/02/19 21:09)
    Stylishでデコレーションしやすくなるように要素に少しclassを追加しました。
    フィルタリングとソートの処理順をソート→フィルタリングの順にしました。
    疲労回復タイマーを付けました(第一艦隊のみ)。3回復/3分となる基準点がはっきりできないため、0分起点の3分刻みで回復することを前提に決めていますので、最大3分ずれる場合があります。
    サイドバーへの修正を加えてなかったのを修正(0.27.1)
より古い履歴

  • Version 0.26 (2014/02/16 14:45)
    yoshfuji ver.とのマージが進んでいます。
    艦娘一覧で簡単にフィルタリング機能を付けました。
    一部Lv150までの対応を行っています。一部色の輝度を若干落としています。
  • Version 0.25 (2014/02/11 12:48)
    yoshfuji ver.とのマージを進めているのと、練習がてらにいろいろ適当に機能追加しているのと、艦これのゲームページを開いたときに自動で艦これタイマーのウィンドウを開く設定を追加したりしています。
  • Version 0.24 (2014/01/25 15:54)
    蓄財計画と予測のために資源グラフを追加しました。設定で有効にしてください。
    今のところ、直近の1ヶ月分の資源量を記録します。
  • Version 0.23.1 (2014/01/05 21:02)
    省スペース表示時用の表示が、チェック不足で思ったより思ったとおりの動作していなかったので、調整を元に戻しました。
  • Version 0.23 (2013/12/30 19:42)
    省スペース表示時用に表示を調整しました。
    午前5時で一旦任務のデータを消去するようにしました。5時をまたぐプレイをしないので動作未確認。これ以上の修正はパッチください。
    スクリーンショット撮影時に提督名のある左上の一部分を黒塗りでマスクできるようにしました。
    艦隊のコンディションと第2~第3艦隊の情報を加えました。
  • Version 0.22.2 (2013/12/24 23:23)
    サイドバーでの第1艦隊表示ができなくなっていたのを修正しました。
  • Version 0.22.1 (2013/12/24 22:52)
    耐久値ゲージ表示のチェックを付けました。
  • Version 0.22 (2013/12/24 21:02)
    新種の艦種データを追加しておきました。
    第1艦隊の耐久値を棒グラフ化しました。
  • Version 0.21 (2013/12/23 15:10)
    ログのテキストボックスをリサイズ可能なHTML textareaに変更しました。
    艦隊に所属している未補給艦に警告アイコンがつくようになりました。
    第1艦隊情報の入渠中の艦艇に赤十字っぽいアイコンがつくようになりました。未補給アイコンよりこちらの表示が優先されます。
    フォント設定を追加しました。
    Twitterへの投稿画像はJPEGに変更しました(やっぱりアップロードするサイズは小さい方がいい)。
  • Version 0.20.1
    音声設定ができなくなっていたのを修正しました。
  • Version 0.20
    好きな項目を選んで表示できるダッシュボードなる機能を追加しました。
    汎用タイマーでポップアップ通知の設定を追加しました。
    ダッシュボード機能のためログ用のテキストボックスのサイズが変更になりました。
  • Version 0.19.2
    オーバーフローの設定が入ってなかったのでウィンドウサイズの縮小に限界があったので、追加。
  • Version 0.19.1
    出撃から帰ってきたときの第1艦隊の反映をちょっと修正。
  • Version 0.19
    サイドバーまわりを修正・整理しました。
    編成・任務表示、その他を追加しました。
    汎用タイマー1個増えました。再生する音声設定は設定画面で行います。
  • Version 0.18
    残資源が30000割るようになっちまったなぁ…と資源獲得計画を立てていたときにWikiを見ながらどの遠征をまわしていくか考えるのが面倒になったので、収支表のうち必要分だけ取り込みました。
    今までウィンドウとサイドバーで微妙に異なる挙動をさせていたのを、両方の修正が面倒なのでウィンドウ表示での挙動に合わせて一本化しました。
    メニューバーからツールバーに変えて、アイコン主体になりました。
  • Version 0.17
    艦艇リストに入渠時間とそのソートを追加しました。入渠計画立案にどうぞ。
  • Version 0.16
    艦艇リストに所属艦隊番号を付与。Aboutダイアログにバージョン番号とこのページへのリンクを付与。
  • Version 0.15.1
    11/27のバージョンアップ対応の第二弾。ちなみに横鎮所属なので横鎮がメンテ終わってくれないと対応は進まないです。
  • Version 0.15
    11/27のバージョンアップに対応しただけ。
  • Version 0.14
    艦艇一覧でいくつかの項目で降順ソートを行えるようにしたのと、キラキラ艦艇をハイライトするようにしました。一覧を開いた日時と艦艇数をタイトルバーに表示します(Windows以外だとどう出るだろうか)。
  • Version 0.13
    ちょっと、猫さぁぁぁぁん!ということで、艦艇の艤装や状態を確認するためにメニューをあちこち移動するとそれだけで多めの通信(艦これはちょっと通信が無駄に多い)が発生してサーバーの負担がかかるし、猫ったらやってられーんと、通信の負担を減らすことも合わせて目的にして、艦艇一覧や疲労度表示のウィンドウを追加しました。
  • Version 0.12.1
    秋のイベントの遠征データだけ追加しました。
  • Version 0.12
    バージョンアップによって追加された艦娘の建造データと遠征データを追加しました。
  • Version 0.11
    「1分前にもポップアップ通知を行う」にチェックがあると全てのシーンで1分前ポップアップ通知がかかってしまうのを修正しました。
    JPEGでスクリーンショットを保存できるようにしました。ツール→設定→撮影から「JPEGで保存する」をチェックしてください。
  • Version 0.10
    艦隊やドックの開放状況に合わせて、未開放分を非表示にするようにしました(自分の環境では建造ドック以外は全開放なので動作チェックしきれず、多分大丈夫だろうレベル)。
    スクリーンショット保存ダイアログの初期ディレクトリは無指定でいいかなとしていたのを、設定のスクリーンショット保存先を初期ディレクトリに指定するようにしました。
    サイドバーでも壁紙表示をするようにしました。
    アドオンバーにウィンドウを開くボタンを設置しました。
    文字色設定を追加しました。
    完了日時から年の表示をなくしました。
    1分前のポップアップ通知を追加しました。
    入渠している艦艇名を表示できるときには表示するようにしました。
  • Version 0.9
    Twitter投稿ウィンドウをモーダルダイアログにしないようにしました。
    Twitter投稿部分がコメントアウトされたままになっていたので修正しました(超間抜けだ…)。
    ツールバーボタンの機能を増やしました。
    スクリーンショット保存先を設定できるようにしました。連続撮影も可能になっています。
    サウンド再生方式をHTML5 audioかnsISoundの選択ができるようになりました。
  • Version 0.8
    ツールバーボタンの機能とスクリーンショット撮影、つぶやき機能を追加しました。
    ウィンドウとサイドバーのコード共通化を進めたため、サイドバー表示の内容に変更が行われました。基本的にウィンドウ表示での内容と同じになります。横幅を取り過ぎる問題は、設定から「省スペース表示にする」をチェックしてください。
  • Version 0.7
    サウンド再生方法を変更しました。WAVのみではなく、環境によってはmp3など他の音声フォーマットでも再生できるようになります。再生できるかどうかは、設定画面内の再生ボタンでテストしてみてください。
    また、今まで再生できた音声ファイルが再生できなくなる可能性もあります。ちょっと確認した範囲では、24bit PCMのWAVが再生できませんでした。
    再生方法についてはページ下部(艦これタイマー for Firefoxの技術)に記載しています。

 

艦これタイマーとは

艦これタイマーとは遠征や入渠、建造の残り時間を管理し、時間がくると通知してくれるアプリの総称(?)で、艦これタイマー for Firefoxはタイマーを自動設定するためにFirefoxアドオンとして作成した艦これタイマーです。

timer small-footprint

 

使い方

ゲームを始める前に、メニューの「ツール→艦これタイマー」で艦これタイマーのウィンドウを開くだけ。あとはゲームのプレイ(通信)を監視しながら自動でタイマー設定を行います。

手動でタイマー設定することはできないため、ラーメンタイマーなど他の用途では使用できません。

launch_kancolletimer

「表示→サイドバー→艦これタイマー」でサイドバーとしても表示することができます。ショートカットキーはCTRL+ALT+K (Windows)です。

sidebar

機能

toolbar

左から、タイマー表示、編成・任務、ダッシュボード、遠征収支表、艦艇リスト、スクリーンショット関連、設定関連、です。

ダッシュボード

設定のダッシュボードから、選んだ項目をダッシュボードにまとめて表示する機能です。

表示パーツは元々IDで管理されているので複数存在することができないため、ダッシュボードに表示させた項目は元の表示位置から移動することになります。

dashboarddashboardsetting

資源グラフ

大型艦建造のペースを計ったり、イベントに向けた蓄財ペースの確認など、どのくらいの速度で資源を貯めることが出来て、目標値までどのくらい時間がかかるのかを予測するために、資源の状態を記録するようにしました。

現状は、直近の1ヶ月分を記録します。1ヶ月分のグラフ表示がどうなるのか全然チェックしていないので、追々いろいろと変更していくと思います。

設定から有効にしてください。

screenshot-201401251519160664

メモ機能

ウィンドウ表示時、入渠ドックに対しては任意のメモをすることができます。
入渠ドック欄でコンテキストメニュー(右クリック)を表示し、メモを設定すると、ツールチップヘルプとしてメモを表示することができます。

スクリーンショットとTwitter

艦これの画面のスクリーンショットを撮影する機能と、スクリーンショットをTwitterに投稿する機能があります。それぞれ、メニューの「撮影」にあります。画像フォーマットはPNGになります。
※Twitter投稿はVersion 0.8で実装したものの、リリースの際に投稿処理部分をコメントアウトしたままでした…のでVersion 0.9以降での対応です。

スクリーンショット連続撮影時のファイル名は時間(ミリ秒)ベースに指定していますが、あまりに素早く撮影するとファイル名がかぶったりするかもしれません(ないかなー?)。

つぶやく際にはTwitterの認証が必要になりますので、画面の指示に従い認証を行ってください。

つぶやきが成功すると、Twitter投稿ウィンドウは自動で閉じます。

twitter

ツールバーのカスタマイズ

ツールバーに艦これタイマー for Firefoxのツールバーボタンを追加することができます。
ツールバーボタンからは、サイドバー表示のON/OFF切り替え、スクリーンショット撮影、つぶやきを行えます。

ツールバーをカスタマイズするには、ツールバーからメニューを開き、「カスタマイズ(C)…」を選択、

customize

ツールバーのカスタマイズ画面から「艦これタイマー」を探しだし、ツールバーまでドラッグ&ドロップしてボタンを追加します。

customize

ツールバーボタンの機能

ひとまず、これだけ(以下の画面)の機能を用意しました。
ツールバーボタンの動作を「スクリーンショットの撮影(連続撮影)」にして、設定で「スクリーンショットの保存先」を指定すれば、プレイ中の画面撮影が1ボタンで連続撮影が行えるようになるので便利じゃないかなーと思います。

toolbarbutton

アドオンバー

アドオンバーにあるアイコンをクリックすることで艦これタイマー(ウィンドウ)を開くことができます。
アドオンバーは CTRL+/ (Windows)で開きます。

addonbar

設定

艦これタイマー for Firefox内の「tool」メニューから設定を行います。

  • 常に最前面に表示
    艦これタイマー for Firefoxのウィンドウを常に最前面に表示するようにします。
    Windows/Firefox 17以降でのみ効果があります。
  • 音声通知
    タイマーが 0 になったときに再生する音声ファイルを指定します。

    • 音声再生方式
      HTML5 audioとして再生するか、nsISound APIを使って再生するかを選択します。
      再生可能な音声ファイルフォーマットが異なるので、テスト再生しつつ良さそうな方を選びましょう。デフォルトはHTML5 audioです。
  • 1分前通知
    タイマーの残りが 1分を切ったときに再生する音声ファイルを指定します。
  • ポップアップ通知
    タイマーが 0 になったときに画面右下にポップアップ通知を行います。
    Macの場合は右上になります。

    • 1分前にもポップアップ通知を行うにチェックがあると、1分前にも通知を行います。
  • 表示
    • 艦これタイマー(ウィンドウ)を自動で開く
      艦これのページを開いたときに、一緒に艦これタイマーウィンドウを開きます。
    • 省スペース表示にする
      ウィンドウ表示時に、終了日時の表示を省略します。
    • 文字色
      FirefoxのColorpickerを使うので、選択肢はあまり多くありません。
    • 壁紙
      ウィンドウに表示する壁紙とその透過度を指定します。
      どのような壁紙でも文字が見やすいようにする配慮は行っていませんので、ほどほどの設定にしましょう。
  • 撮影
    • JPEGで保存する
      スクリーンショットをファイルに保存するとき、JPEGで保存します。
    • 提督名をマスクする
      今のところ、母港画面左上にある自分の提督名のマスクのみです。
    • スクリーンショット保存先
      スクリーンショット(連続撮影)のときに、このディレクトリに保存されます。保存先の指定がない場合は、ファイル保存ダイアログが開かれます。
  • 記録
    • 保有資源量の状態を記録する
      保有資源量の履歴を録り、資源グラフを表示できるようにします。

Bug(忘れないためのメモ)

  • 5時のデイリー任務更新時の対処を入れていない。
  • Barlesqueアドオンとの競合

TODO

  • アイコンのデザインを変える
  • ダイアログウィンドウでの通知
  • スクリーンショットのクリップボードへのコピー
  • Android版のタイマー作成と艦これタイマー for Firefoxとのタイマー同期。

Stylishによるデザイン変更

StylishアドオンによるCSSの変更をする場合は、以下をテンプレートに使ってください。

場所によってはプログラムによってスタイルの状態を見てるところがあるので、あまりやりすぎると誤動作するところもあるかもしれません。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url-prefix("chrome://kancolletimer/") {

}

セレクタ(メモ)

.fleet 遠征
.fleetname 遠征の艦隊名
.fleet-time 遠征の帰還時刻
.fleetremain 遠征の残り時間
.ndock-time 入渠の終了時刻
.ndockremain 入渠の残り時間
.kdock-time 建造の終了時刻
.kdockremain 建造の残り時間
.fleet-organization 艦隊編成
.fleet-list 艦隊編成一覧

https://bitbucket.org/amano_rox/kancolle-timer-for-firefox/src/35475c5a4f261b35e7e650d09bc0f3d63e9de63f/chrome/content/mainwindow.css?at=default などを参考に。

何々?横長に表示したいって?

    #id-dashboard {
        display: inline-block;
    }

inline-blockを指定するがよろし。

艦これタイマー for Firefoxの技術

nsIObserverService で http-on-examine-response (HTTPの受信)の通知を受け取り、艦これのURLであれば nsITraceableChannel で通信の内容をチェック、タイマーの設定を行っています。
残り時間の取得のためにサーバーに一切アクセスは行わないため、サーバーの負荷に優しい仕様です。また、オンラインゲーム利用規約を読んだ上でサーバーにアクセスを行わない実装にしたので問題はないと思います。
そんなわけで、サーバーとの通信仕様が変わると途端に使えなくなる可能性が高いものではありますが、そこはバージョンアップにて対応ということで。

サウンド再生については、nsISound を使っていましたが、MDNのリファレンスによるとモダンなコードなら<audio>使おうよってことなので、HTML5 audioとして再生するようにしています。ブラウザがサポートしているHTML5 audioフォーマットであれば再生できるのではないかなと思います(自分で作ったWAVファイルでしか試してないので)。

ソースコード

ソースはBitbucketに置いてあります。