10:["$","div",null,{"className":"Post-module__aBOVGG__post","style":{"display":"flex","flexDirection":"column","alignItems":"center","gap":"8px","flex":"1","width":"100%","padding":"12px"},"children":[["$","div",null,{"className":"$undefined","style":{"display":"flex","gap":"0.4rem","flexWrap":"wrap","width":"100%"},"children":[false,[["$","a","446E",{"href":"/446E","className":"Post-module__aBOVGG__fg","style":{},"children":"prefetch"}],["$","a","FB8F",{"href":"/FB8F","className":"Post-module__aBOVGG__fg","style":{},"children":"先読み"}],["$","a","72DE",{"href":"/72DE","className":"Post-module__aBOVGG__fg","style":{},"children":"Speculation Rules API"}],["$","a","3E15",{"href":"/3E15","className":"Post-module__aBOVGG__fg","style":{},"children":"Fast Link"}]]]}],["$","article",null,{"className":"article","children":[["$","div",null,{"className":"$undefined","style":{"display":"flex","justifyContent":"space-between","flexWrap":"wrap","width":"100%"},"children":[["$","h2",null,{"style":{"margin":"0.2rem"},"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 7: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","width":"100%"},"children":[["$","a","",{"href":"/","className":"Post-module__aBOVGG__bg","style":{"opacity":0},"children":"あれ"}],[]]}]]}]