JavaScript

"JavaScript" でひとこと

37 fans

書き込むには、ログインまたはユーザー登録を行ってください。 初めての方へ

a-kuma3

JavaScript

http://b.hatena.ne.jp/entry/s/togetter.com/li/1258398
電子申請の辺りは、ICカードの読み取りがあるからなあ。
- 規格を決めて、各ブラウザが実装する
- browser.runtime.connectNative を使う
の二択か。

後者はインストールが面倒か。
ネイティブな方のインストーラでブラウザのアドオンもインストールしちゃうという手もあるけど、Google Chrome はストアを経由しないアドオンを締め出しにかかったんだったか(うろ覚え

それに、標準入出力でブラウザと別のプロセスがやり取りできるところまでしか実装されてないから、ソースを読める人が見ちゃうと、ICカードの中を見放題になっちゃうしなあ。
公開鍵をネイティブなプロセスに渡して暗号化したデータをそのままサーバに転送して、サーバサイドで秘密鍵で復号とかやれば大丈夫かな。
でも、経産省が主体になって規格を決めてくれないと、環境をあまり選ばずというのは無理っぽいかなあ...
noromanba
a-kuma3

JavaScript

返信先a-kuma3

http://www.nasaki.jp/04_Oto/01/09/oto_01_09.html
font の size 属性を削除して、body に font-size を指定しても、font の内容が大きくならない。
FireFox の inspector でルールを見ても、BODY を継承とある。
どうやら、table タグが font-size の継承を切ってるらしく、table の style に font-size: inherit を指定したら BODY の指定が有効になった。

これって、どこかに明文化されてるのかなあ?
https://www.w3.org/TR/CSS22/propidx.html
a-kuma3

JavaScript

返信先のろまんば

リーダービューモードの存在を忘れてた。
サンプルで使ってるページのほとんどは大きくなる。
もう少し、元の体裁が残ってくれると良いのだけれど...
noromanba

JavaScript

返信先のろまんば
補足すると<font>とか<small>とかインライン天国になってるし、Firefox でも reader-view 効かないので泣くしかない
http://syarecowa.moo.jp/enigma/93/38.html
noromanba

JavaScript

返信先a-kuma3
「はやくHTML5になりた〜い」昔のやつはきついですね。CSS disable のもだめだし。なんかそういうのに限って reader-view/mode で読みたいテキストだったりする…こういうの
http://syarecowa.moo.jp/enigma/1/1.html
http://syarecowa.moo.jp/top.html
# reader-view/mode もヘボいから normalize 的な patch js 書いてる
a-kuma3

JavaScript

返信先a-kuma3

人力検索がらみで、ちょっと古めの情報を探してたら、とあるブログでこんな構成になってるのがあった。
<div id="entryBody" class="articleText">
 <p>
  <font size="3">
   ...

.articleText には、ブログのテンプレートと思しき css で font-size が指定されているという。
noromanba

JavaScript

返信先のろまんば
話戻すと CSS で本文小さい問題、2012-2013位に surrender した模様。CSS 切ればいいやっていう。手元でダークモードにイジってる
ZEN-mode - Hatena::Let
バーバリアン
a-kuma3

JavaScript

返信先a-kuma3

なんとなく方針が見えてきた。

指定した要素から親にたどって、記事っぽい要素の style 属性に font-size を指定
 指定した要素の getComputedStyle でチェック → 大きくなってたら終了
記事っぽい要素の子供を TreeWalker でたどって、style 属性で font-size を指定してたら削除
 指定した要素の getComputedStyle でチェック → 大きくなってたら終了
CSS の Rule を javascript で触れるようにしてから、指定した要素を親にたどって、適用されるルールを特定して、そのルールを上書きするような style を追加(優先度の特定も必要?)


# reading glass を装着する、という手段もあるのだけれど
noromanba

JavaScript

返信先のろまんば
確か "width だけ見て画面の 1/2 - 2/3" みたいなやつだったような記憶
a-kuma3

JavaScript

返信先のろまんば

手詰まり感があったので、こちらも試してみました。
面積がデカいのは、html か body に決まってるので、
- element.offsetWidth > window.innerWidth * 0.5
- element.offsetHeight >= window.innerHeight
の両方の条件を満たす要素を、親の方にたどって行くという。
条件を満たした要素の style 属性に font-size を指定する。

コードもすっきりしてるし、まあまあ、良い感じではあるのですけれど、
article p {
 font-size: **;
}
みたいなことをやられると、根っこの style 属性が負けちゃうので、むー、という感じ。

個人の使い方としては、ある程度のサイトで効いてくれれば良いので、inspector で分かりづらい根っこの要素の style 属性で指定するよりは、css でルールを追加する方が良いかなという感じがしなくもなく。

# めんどい :-) (続きを読む)
noromanba

JavaScript

返信先a-kuma3
なんで CSS 重み付け/優先入れたのか呪ってる
a-kuma3

JavaScript

返信先a-kuma3

div とか p に font-size を設定しているページに遭遇してしまった。
セレクタなんかの優先度も考慮しなきゃいけないのか。
https://www.w3.org/TR/CSS22/cascade.html#cascading-order
https://www.w3.org/TR/CSS22/cascade.html#specificity

(´・ω・`) プー
a-kuma3

JavaScript

返信先a-kuma3

>css のリクエストから、URL.search (? 以降) を削除すると動作する。
>なんか、fetch のバグっぽい。
全く違った。
エラーになってるのは、uBO がブロックしてたから。
見た目が崩れるのは CORS じゃないスタイルで、@import の展開ができてない(オブジェクトが入れ子になってる)ことだった。

むずい。
noromanba

JavaScript

面白いけど懐かしさがつらい
https://github.com/shogo82148/web-jjy/blob/gh-pages/jjy.js
リファクタ出来るかなー
# いきなり矩形波出せるのね
noromanba

JavaScript

Map/Set に math な set が無いのなんで
noromanba
noromanba

JavaScript

返信先a-kuma3
まだ全サイトで効けばいいけど気まぐれでツラいのと、XUL で出来てた about:reader?url= の強制利用が Quantum で 出来なくなったのが致命的っす。Extension でもダメ(なので入れる意味無い)、通常コンテキストは権限なし
:reader! - Hatena::Let
Autopagerize 系拡張は先にめくる必要あり、はてなスター困るとか、ZENにする特徴が欠点てのもあります。デザインもいじれなくなったので、Scratchpad から normalize js 流すしかない。どのみち規格化されないとつらいっすね。Safari / Edge / Firefox でみんなバラバラ、名前もバラバラ
# Firefox 内すら view/mode が統一されてないの勘弁してほしい
noromanba
noromanba

JavaScript

返信先のろまんば
2016 に darkmode あげてた。Hatena::Let に置くのやめてた頃。こっち使ってる
open reader-view/mode aggressively for UserScript
https://gist.github.com/noromanba/baa3c522a81fe2bed2577381bc6b5091#file-zen-mode-user-js-L136
▼はてなハイクの今月のスポンサー

規約違反を通報

非表示設定

表示内容を選択