12:["$","div",null,{"className":"Post_post__BuG2d","style":{"display":"flex","flexDirection":"column","gap":"0.1rem","width":"100%","boxShadow":"0.2rem 0.2rem 0.4rem var(--shadow-color), inset 0.08rem 0.12rem 0.06rem var(--grow-color), inset -0.08rem -0.12rem 0.06rem var(--shade-color)","borderRadius":"none","padding":"1.4rem 8vw"},"children":[["$","div",null,{"className":"$undefined","style":{"display":"flex","gap":"0.4rem","flexWrap":"wrap"},"children":[false,[["$","a","446E",{"href":"/446E","style":{"border":"solid 1px var(--post-edge-color)","borderBottom":"none","borderRadius":"0.6rem 0.6rem 0 0","padding":"0.1rem 0.5rem"},"children":"prefetch"}],["$","a","72DE",{"href":"/72DE","style":{"border":"solid 1px var(--post-edge-color)","borderBottom":"none","borderRadius":"0.6rem 0.6rem 0 0","padding":"0.1rem 0.5rem"},"children":"Speculation Rules API"}],["$","a","FB8F",{"href":"/FB8F","style":{"border":"solid 1px var(--post-edge-color)","borderBottom":"none","borderRadius":"0.6rem 0.6rem 0 0","padding":"0.1rem 0.5rem"},"children":"先読み"}],["$","a","3E15",{"href":"/3E15","style":{"border":"solid 1px var(--post-edge-color)","borderBottom":"none","borderRadius":"0.6rem 0.6rem 0 0","padding":"0.1rem 0.5rem"},"children":"Fast Link"}],["$","a","0DB9",{"href":"/0DB9","style":{"border":"solid 1px var(--post-edge-color)","borderBottom":"none","borderRadius":"0.6rem 0.6rem 0 0","padding":"0.1rem 0.5rem"},"children":"『僅かなJavaScriptでリンク先をホバーで先読みをする仕組みを実装する』"}]]]}],["$","article",null,{"className":"article","children":[["$","div",null,{"className":"$undefined","style":{"display":"flex","justifyContent":"space-between","flexWrap":"wrap"},"children":[["$","h2",null,{"style":{"margin":"0.6rem"},"children":["$","a",null,{"href":"///5B0E","children":"あれ"}]}],["$","div",null,{"className":"$undefined","style":{"display":"flex","justifyContent":"end","alignItems":"center","flex":"1","textAlign":"right","whiteSpace":"nowrap"},"children":["$","div",null,{"children":"2024/2/12 16:58:00"}]}]]}],["$","div",null,{"className":"article_body","dangerouslySetInnerHTML":{"__html":"

mouse overしたリンク先を先読みするChrome拡張機能のFast Linkを作った。\n
現在審査中。\n

仕組みとしてはSpeculation Rules APIを使っており、コードは『僅かなJavaScriptでリンク先をホバーで先読みをする仕組みを実装する』を参考にした。\n

当初Firefox向けに作っていたが、Firefoxでは後から<link rel="prefetch" href="~~">を追加してもうまく動かなかった。\n

"}}]]}],["$","div",null,{"className":"$undefined","style":{"display":"flex","gap":"0.4rem","flexWrap":"wrap"},"children":[["$","a","",{"href":"/","style":{"border":"solid 1px var(--post-edge-color)","borderTop":"none","borderRadius":"0 0 0.6rem 0.6rem","padding":"0.1rem 0.5rem","opacity":0},"children":"あれ"}],[]]}]]}]