マイリーディングモード：余計な情報をすべて取り除いてすっきり閲覧！
マイリーディングモードとは
独自の定義を作成することで、オリジナルのリーディングモードを表示できる、Chrome、Firefox、Microsoft Edgeに対応する拡張機能です。
このページについて
初期状態では、見出しの真下にダミー広告が表示されます。もし、広告ブロックツールを導入していて画像が表示できないのであれば、JavaScriptがそれを検知し、ページの右上に邪魔なメッセージを表示します。ほかにも、サブメニューやサイトからの告知など、記事以外の情報が盛りだくさんです。
ここを切り抜いてみましょう
mixamoなどからダウンロードできるFBXファイルや、モーションキャプチャーで用いられるBVHファイルなどから、ペイントソフト・Clip Studio Paintの3Dモデル人形のポーズデータに変換するBlenderアドオンを作ったよ！ #ClipStudioPaint #Blenderhttps://t.co/XvlYruknqa
— Tanaka Yusuke / TNK Software (@tnksoft) June 22, 2023
マイリーディングモードのオプションを開いたら、「対象のサイト」に「https://www.tnksoft.com/soft/internet/myreadingmode/demo/」を入力します。対象はデモページのみなので、ワイルドカードを指定する必要はありません。「定義名」は、後でリストから見つけやすいように、わかりやすい名前にしましょう。
また、広告ブロックツールを導入しているのであれば、このURLを例外に追加することで競合による不都合が減るでしょう。
ここの文章は「target」IDのタグで囲まれています。そこで、「定義の追加」ダイアログに以下のように記入します。ちなみに、タグとクラスは両方指定しておくと、要素の検索効率が若干高まります。
今回のページはブラウザが自動で「index.php」を読み込むため、特に編集しなくてもかまいませんが、ウィザードモードでは、必要に応じてURLの曖昧さを解決しなくてはいけません。ウィザードモードでは、このあたりの文章をクリックしてから、「IDが"target"の要素」という項目が出るまで「範囲の拡大」ボタンを押してみましょう。
「関連記事」から先の情報が不要なのであれば、「フィルターの追加」ボタンを押して表示されるダイアログで、以下のように指定します。これでtargetをIDにもつタグと、それ以降の文章や画像が表示されなくなります。
今回作成した定義をエクスポートした一例です。このテキストをコピーしてインポートダイアログに貼り付ければ、上記の作業はほぼすべて省くことができます。エクスポートしたテキストを一般に公開するかどうかは制作者の自由ですが、定義が知れ渡ってしまうと、相手がフィルタリングの対策をしてしまうかもしれないので、公開は慎重に。
[
{
"name": "ＴＮＫニュース速報",
"url": "https://www.tnksoft.com/soft/internet/myreadingmode/demo/",
"script": {
"remain": false,
"contextMenu": true,
"except": {
"inline": false,
"path": [],
"widget": []
}
},
"css": {
"remain": true,
"except": {
"inline": false,
"inTag": false,
"path": []
}
},
"layout": {
"column": "single",
"searchBar": false,
"searchUrl": "",
"encoding": "urlenc"
},
"targets": [
{
"filters": [
{
"filter": "removeThisAndNext",
"id": "others",
"place": 1
}
],
"id": "target",
"place": 1
}
]
}
]
- 記事その1
- 記事その2
- 記事その3
- 記事その4
- 記事その5
