本内容を利用した場合の一切の責任を私は負いません。
JSONにTwitterリストを列挙しておくと、自動的に一定間隔(10秒)で未読をチェックし、未読数をタイトル(リストNo.順に上位桁からで、1リストが1桁分に相当)に反映する。
(タイトルに反映すると、ブラウザのタブ自体に反映されるため、そのタブがアクティブでなくてもわかる。)
未読数は9までチェックし、超えると「*」になり、チェックされなくなる。
(リセットすれば再開される。)
未読のリセットはリストのリンクをクリックする。
チェック停止チェックボックスをチェック入りにするとチェックが停止し、チェック外れにすると再開する。
チェック間隔等はJSONに設定できる。
スナップ.PNGがスナップである。
- OS
OS 名: Microsoft Windows 10 Home
OS バージョン: 10.0.18362 N/A ビルド 18362
システムの種類: x64-based PC - Chrome
バージョン: 76.0.3809.132（Official Build） （64 ビット） - jquery
jquery-3.4.1.js - node.js
node-v10.16.0-win-x64
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
node.jsをインストールする。
(私の場合はインストーラではなくアーカイブ版を使用したため、使用時にパス(PATH、NODE_PATH)を通している。)
「バージョン」に列挙したnode.jsパッケージをnpmでインストールする。
Twitter公式の下記で取得する。
(writeする機能は無いことと、安全性から、権限はread属性のみにする。)
https://developer.twitter.com/en/apps
下記が参考になる。
https://qiita.com/y_ishihara/items/501bb6fddc785a56780e )
本リポジトリをダウンロードする。
ダウンロードしたものを展開する。
data/key.jsonファイルに「導入(Twitterのアプリ連携キーの取得)」で取得したキーを入力する。
(「""」で括る。)
data/list.jsonファイルにチェックするTwitterリストのid_str、リスト別名、URLを入力する。
(リスト別名はチェッカーの表示名であるため、リストの正式名でなくても構わない。
id_strはリストの識別子で、リストの値がわからない場合は、ツールに含まれるget_tw_list_id_str.jsファイルを使用する。
「node get_tw_list_id_str.js」を実行すると、自分のリストの一覧が表示される。)
チェック間隔等はdata/setting.jsonファイルが持っている。
「node tw_list_auto_checker.js」を実行する。
Chromeから「 http://localhost:8080/ 」を表示する。
node.jsの停止はCTRL+cで停止できる。
(引き数無しで実行した場合は「.exit」で停止できる。)
私の場合は10弱のリストをチェックしているため、まずChromeの1ウィンドウでこのツールを表示する。
ウィンドウの横幅を調節すれば、チェックしているリスト全てをそのウィンドウのタブで開いても、ツールのタブ自体の未読表示が欠けることはない。
タブ自体だけを確認し、未読が見たくなったらツールのタブ内のリンクを押す。
リンクの表示は識別子を指定しているので、いつも同じリストごとのタブに表示され、タブが増え続けることはない。
node.jsを使わず、オフライン(ローカルファイルからajaxでTwitterAPIを使用)で行おうと思ったが、OAuthが手間だったことと、リセット方法が暫定であるため、node.jsを使用した。
暫定とは、Javascript経由でボタンからリストを開く確実な方法の場合はCORSに阻まれたため、aタグのonclickハンドラの実働(ハンドラが終わった後にリンクが開かれる)を元にして実装している。
Chromeは.ejsファイルをHTMLと解釈しないがFireFoxは解釈するためプレビューに使える。
Twitterの「通知」チェックも行うつもりだったが、通知のAPIがないことと、いいねされたリストを取得するAPIが無いことから断念した。
おそらくだが、JSON.parse()は元の値を括っていた「""」を取り除く。
リストの識別子は、何故かは知らないがidではなくid_strが正しそう。
開発環境はVisual Studio Codeを使用した。
必要以上に同期化しているのは、JSON.parse()が非同期に見えることと、アクセス量を制御できるようにようにする(並行禁止。仕様上限は900アクセス/15分(=900秒)。)ため。
実働を見るとAPIのcountは完全な時系列の配列ではなく、スレッド分は階層になっているように見える。
このため未読数は厳密ではない。
(チェックは配列分のみに対して行っているため。)
ツールを別ウィンドウで開く。
(チェック対象が全てタブで開かれる。)
ツールのタブだけ別ウィンドウに出す。
(ツールのタブが大きくなるため、タブ自体のチェック内容がよく見れる。)
- 全般(HTML、CSS、Javascript、jquery、node.js)
http://www.tohoho-web.com/www.htm - リストAPI
https://developer.twitter.com/en/docs/accounts-and-users/create-manage-lists/api-reference/get-lists-statuses - twitter-node-clientパッケージ
https://github.com/BoyCook/TwitterJSClient - クエリ文字列処理
https://dev.classmethod.jp/server-side/node-js-server-side/q/ - ejs(node.jsのテンプレート機能。JSP、ASPのようなもの。)
https://ejs.co/ - ejsでモジュールを使用
https://qiita.com/SFPGMR/items/77a9a7a43d2f1ed181a8
https://github.com/mde/ejs - node.jsでファイル読み
https://www.sejuku.net/blog/71663 - 同期化
https://qiita.com/suin/items/97041d3e0691c12f4974 - JSONにコメント
https://www.nxworld.net/tips/use-comment-in-json.html
2019/10/29 通知リセットのクリアタイミングが一律ではないため更にわかりやすく変更
2019/10/24 リセットとエラーをわかりやすく変更
2019/10/21
通知(返信、RT、フォロー)チェックを追加
タイトルの通知分は「:」の後ろに返信、RT、フォローの順に表示される。
チェック間隔を、初回10秒後、以後2秒ごとに変更し、APIごとに制限ペースの判定を行う。
リストは1回で1つになるため、更新頻度が緩くなり、リセットがわかりにくくなる。
タイトルでフリーズを確認できるように、動作中はリストと通知間の「:」を、「|」と「-」が交互に変わる。
2019/10/09 小技(?)追加
2019/10/04 未読数を太字
2019/09/09 初期表示で全リンクを表示
2019/09/05 ソースにコメント追加
2019/09/04 公開