Thinkcentre M71z というものを 1 万円で入手したので開発はそれで行うようにしたい。今となっては若干古めの、第 2 世代 Core i3 ではあるが、今開発に使ってるマシンよりベンチマークの数値は 5 倍くらいアップする。そんなに。
というわけで、ぼちぼち環境を整えないといけないのだけど。
めんどくさいなあ。
「」がうちに来て代わりにやってくれればいいのに。
おっぱいくらい触らせてあげるから。
ちなみにその 1 万円のうちの幾ばくかは投げ銭で頂いたお金を使わせてもらった。この場を借りて感謝したい。
Firefox の拡張は本格的に WebExtensions ベースへの移行が始まっていて、一応のロードマップでは来年の 11 月には Firefox 57 において WebExtensions ベースではない旧来の拡張の読み込みをしないようになるという。
拙作について考えてみると、あべアニの拡張の Firefox 版は WebExtensions で新規に書いたのだけど、既存の Addon SDK ベースの拡張は移行作業というものをしないといけない。具体的には赤福プラスと wasavi だ。あとは Webliopane だけど…これはどうかな。そもそも人様のものだし。
で、赤福プラスと wasavi に関しては SDK ベースではあるが、もともと Kosian という Chrome の拡張に近づけて書くためのラッパをかましているので、それぞれの拡張自身のコードに関しては大掛かりに書き換える必要はない。Firefox においてはただ単に動作の基盤を WebExtensions に差し替えればいい、はず、だ。たぶん。
というわけで、とりあえず赤福プラスをちまちまといじり始めたのだが。実際アプリケーションとしてのコードの修正よりむしろ WebExtensions の微妙な発展途上さに振り回されている。
function handlePortMessage (message, port) {
;
;
}
で、それを Firefox の WebExtensions で動かすと、第 2 引数である port が渡されてこないのであった。これはきっとバグだろう
箇条書きにした割に 1 つしか書いてないが、きっと開発を進めるごとにいろいろ出てくる。
ところで web-ext ツールというものがあり、これは従来の cfx とか jpm に相当する。これで [cci]web-ext run[/cci] とすると一時的なプロファイルによって Firefox が起動する。開発中の拡張は自動的に読み込まれている。そして面白いことに、その状態でソースファイルを更新すると拡張が自動的にリロードされる。これはちょっと便利。
虹裏でアナウンスした際に Vivaldi で動かした時、お気に入りのチャンネルを定義する場合のドラッグ&ドロップが正常に動作しないという報告を受けた。
調べてみると、ドラッグ&ドロップのためにはいくつかのイベントを処理しないといけないわけだが、その中でドロップされた際の drop イベントと、ドラッグプロセスが完全に終了した際の dragend イベントの発行される順番の問題のようだ。
仕様では、常に drop -> dragend の順番であり、あべアニもそういう前提で組んであり、実際 Chrome、Opera、Firefox、Edge でテストした際もそういうふうに動作した。Vivaldi ではテストしなかったのだが、これは Vivaldi は結局 Chrome ファミリーであり、Chrome で動けばきっと多分 Vivaldi でも同様のはず…という判断なのだが、びっくりすることに Vivaldi では drop イベントが最後に発行するようなのである。
なんで…？
前述の通り drop -> dragend なのはそういう規格だし、Chrome 自体がそういうふうに動作するのに、何を意図して変更したんだろう？ 分からないがとにかく、いずれの順番でも正しくドラッグ&ドロップが動作するように修正。
Firefox 版は AMO に置くのを諦め、ここでホストすることにした。
Chrome 版のソースを Firefox の WebExtensions のシステムで動かす際、以下の点が Chrome と異なる。
'onInstalled' in chrome.runtime && chrome.runtime.onInstalled.addListener(function () { });
"applications": {
"gecko": {
"id": "abeani-extension@appsweets.net",
"strict_min_version": "42.0",
"update_url": "https://appsweets.net/abeani/updates.json"
}
},
{
"addons": {
"abeani-extension@appsweets.net": {
"updates": [
{
"version": "1.0.8",
"update_link": "https://appsweets.net/abeani/extension/AbeaniExtension.xpi"
}
]
}
}
}
調子に乗って Edge でも動かしてみたのだが、まず Edge は chrome.alarms がないので普通のタイマーで代替しないといけないのだが、それは代替手段があるのだから別にいい。だがなんと、content script から chrome.runtime.sendMessage() でバックグラウンドにメッセージを送る機能がまだ実装されていない。これがないとどうにもならない。ひどい。というわけで Edge 版はしばらくペンディングだ。MS さん真面目にやってくださいよ。
というわけでなんか書こうかと wordpress にログインしようとしたら、ログインページでログインボタンを押した途端に 403 Forbidden と書かれただけのページに飛ばされてログインできない。
どうもそのページは Apache 備え付けのエラーページのようだ。そこで、wp-login.php で適当にログを吐かせてみたところ、確かに GET でアクセスされた際はログが追記されるが、POST では何も書かれない。php の実行に入る前に Apache によって弾かれているようだ。
wp-login.php をバックアップして、wp-login.php の名前でもっとシンプルな、単に POST するだけのページを書き、試してみたところやはり 403 になる。どうも、Apache の静的な設定の段階で wp-login.php への POST アクセスを弾いているようだ。なんか、海外からのクラッキングを防ぐ的なアレなんだろうか。障害情報やメンテ情報の最近のエントリにはそれっぽいものは見つからなかったが…。
とりあえず .htaccess でアクセス制御を上書きすることで解決。解決…なのかどうか。いやまあ wp-login.php に対して Basic 認証くらいはかけているのだが。
あべアニで番組開始の通知をする際「のんのんびより 開始1分前です」的な読み上げを行わせることができる。PhoneticNews に引き続き、この読み上げは voicetext を利用している。ただまあ仕方ないことだとは思うが、たまに正しく読み上げないことがある。忍ペンまん丸をしのぶぺんまんまるなどと読み上げたりする。これをなんとかできないだろうか。
アニメ作品のデータベースとしては animedb というプロジェクトがあり、その中で作品名のふりがなも管理されている。これを利用できるかもしれない。
ただ、
$ grep "鷹の爪" google-ime-dict.txt
ザフロッグマンショーヒミツケッシャタカノツメ THE FROGMAN SHOW「秘密結社鷹の爪」 固有名詞
ヒミツケッシャタカノツメザムービーソウトウハニドシヌ 秘密結社 鷹の爪 THE MOVIE ～総統は二度死ぬ～ 固有名詞
ヒミツケッシャタカノツメザムービーツーワタシヲアイシタクロウーロンチャ 秘密結社 鷹の爪 THE MOVIEⅡ ～私を愛した黒烏龍茶～ 固有名詞
ヒミツケッシャタカノツメカウントダウン 秘密結社鷹の爪カウントダウン 固有名詞
ヒミツケッシャタカノツメ 秘密結社鷹の爪 固有名詞
ヒミツケッシャタカノツメザムービースリータカノツメジェイピーハエイエンニ 秘密結社 鷹の爪 THE MOVIE 3 http://鷹の爪.jpは永遠に 固有名詞
ヒミツケッシャタカノツメザムービーフォーカスベルスキーヲモツオトコ 秘密結社鷹の爪 THE MOVIE 4 カスベルスキーを持つ男 固有名詞
タカノツメネオ 鷹の爪 NEO 固有名詞
ヒミツケッシャタカノツメジェーピー 秘密結社鷹の爪.jp 固有名詞
タカノツメマックス 鷹の爪 MAX 固有名詞
タカノツメゴーウツクシキエリエールショウシュウプラス 鷹の爪GO 美しきエリエール消臭プラス 固有名詞
ヒミツケッシャタカノツメドットジェイピーブルーレイボックスジョウカンカンゼンシンサクエイゾウ 秘密結社 鷹の爪.jp Blu-ray BOX上巻［完全新作映像］ 固有名詞
シネマトラベルタカノツメタカノツメダンシネマトラベルヘイクノマキ シネマ・トラベル × 鷹の爪 鷹の爪団！ シネマ・トラベルへ行くの巻！ 固有名詞
ヒミツケッシャタカノツメドゥー 秘密結社鷹の爪 DO 固有名詞
というわけで、作品名の正規化に用いるには若干難しいかもしれない。しかし膨大なデータなのは確かなので何かに利用したいなあ。
設定機能及び番組開始時の通知機能を実装した。
番組枠のポップアップに「通知」というボタンが追加されており、それを押すと予約される。時間になると自動的に Abema.tv の該当チャンネルを開いたり、音声でガイドしたり、OS が持つ通知機能を通してメッセージを表示したりする。これらの組み合わせは設定パネルで好きにできる。
その他、
といった特徴がある。
このような機能を実装するとして、最も単純なのは当然、あべアニのページで [cci]setTimeout()[/cci] することだ。これなら何も実装上で難易度の高いものはない。しかしやはり当然ながら、この方法だとあべアニのページをずっと開きっぱなしじゃないといけないのである。もしも実際のユーザの使用状況が、いったんあべアニを開いたらずっと開きっぱなしであるならこの方法で実装してもいいが、そうではないなら別の方法を考えないといけない。
というわけでアクセス解析を見てみたところ、だいたいあべアニを開いて閉じるまでが5分以内のユーザが62.37%、1時間以内なのが17.8%とかそんな感じだった。つまり、setTimeout 作戦ではダメなのである。
そこで、今流行りの Push API という規格を検討してみた。これは setTimeout 作戦との比較で言えば、ここの Web サーバが setTimeout の役目を肩代わりする。そして通知をすべき時間になったら、Push サーバというものを通してブラウザに通知を送る…という仕組みだ。かつてはブラウザへの Push といえばブラウザ側から接続をかけて long polling という手法がとられた。この規格を実現している Google と Mozilla の Push サーバが未だそういう手法なのかは知らないが、いずれにしても単純な http ではない特殊な接続方法でブラウザと通信する必要があるようなので、Push サーバが必要になる。
しかし検討した結果、これも実装したい機能にはちょっと力不足だった。
というわけで、現実的な解としてブラウザの拡張機能との組み合わせで実現することにしてちょちょっと作った。
ナウいブラウザの拡張機能といえば、なんと言っても Firefox の WebExtensions である。この際なので WebExtensions で作ってみた。実際は作ってみたというほどのことではなくて、単純に Chrome 版のソースディレクトリを与えたらだいたい動いた、すごい！ という程度のものだが。
それから当然ながら Chrome 版は Opera でもだいたい動くので Opera 版も作った。
だいたい動くというのは、例えば [cci]chrome.storage.sync[/cci] や [cci]chrome.runtime.onInstalled[/cci] など Firefox や Opera では微妙に実装されていないものがあるのでそういうものを使うのは避けないといけないということだ。このせいで拡張機能をインストールしたあといったんあべアニをリロードしないといけない。
ちなみに Chrome の拡張をパク…大いに参考にしたという意味では Edge でも動くはずだが、なんと Edge の場合 [cci]chrome.alarms[/cci] すら実装されていないそうな。もうちょっとがんばってくださいよ MS さん。
いくつか、ユーザごとにカスタマイズできる項目を作りたい。そのためにとりあえず歯車アイコンを配置した。
ところで最近はこの手のページ全体に対する設定やらアクションやらを担当するリンクとしていわゆるハンバーガーアイコンがよく用いられるのだが、あれすごくダサいと思う。ダサいしそれを押すことで何が起きるのか連想できないという機能上の問題も抱えている。早くこの世からなくなって欲しい。
それはさておき、設定可能な項目をつらつらと挙げてみると:
このうち 3. と 4. はどういう仕様にしたものかいろいろと考えることが必要だ。