15:["$","div","5B0E",{"className":"Post_post__BuG2d","style":{"display":"flex","flexDirection":"column","alignItems":"center","gap":"8px","flex":"1","width":"calc(100% - 4vw)","padding":"12px","maxWidth":"920px"},"children":[["$","div",null,{"className":"$undefined","style":{"display":"flex","gap":"0.4rem","flexWrap":"wrap","width":"100%"},"children":[false,[["$","a","3E15",{"href":"/3E15","className":"Post_fg__6on_n","style":{},"children":"Fast Link"}],["$","a","72DE",{"href":"/72DE","className":"Post_fg__6on_n","style":{},"children":"Speculation Rules API"}],["$","a","FB8F",{"href":"/FB8F","className":"Post_fg__6on_n","style":{},"children":"先読み"}],["$","a","0DB9",{"href":"/0DB9","className":"Post_fg__6on_n","style":{},"children":"『僅かなJavaScriptでリンク先をホバーで先読みをする仕組みを実装する』"}],["$","a","446E",{"href":"/446E","className":"Post_fg__6on_n","style":{},"children":"prefetch"}]]]}],["$","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_bg__ejIUb","style":{"opacity":0},"children":"あれ"}],[]]}]]}]