[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$ffsK1A2dBs84O_czk3hT9XkviDylFQP-kobiaCPYzkyI":3,"$feOxsyjYMtP_KmiOnGSQKAIoliuLayi8symdK-n9X6ho":2137,"$fGJO8QS5TAIey8mpRkvBaRXsg-MQ7G0u4Hm65ErIGhyw":2141,"$fU1nbp02MR4vmTHpQ6xYH0OsmvYYn7C6HrDfPFFcvScM":2145},{"id":4,"title":5,"body":6,"date":2122,"description":2123,"extension":2124,"icon":2125,"meta":2126,"navigation":370,"ogImage":2127,"path":2128,"published":370,"publishedAt":2129,"seo":2130,"stem":2131,"tags":2132,"updatedAt":2129,"__hash__":2136},"tech/tech/nuxt-scripts-introduce.md","Nuxt アプリケーションでサードパーティスクリプトを最適化する Nuxt Scripts の紹介",{"type":7,"value":8,"toc":2106},"minimark",[9,13,17,20,28,32,36,43,55,68,71,91,95,98,101,111,114,118,121,124,127,693,703,706,749,752,755,764,768,777,780,783,801,1959,1962,2078,2081,2084,2087,2093,2099,2102],[10,11,12],"h2",{"id":12},"はじめに",[14,15,16],"p",{},"Web サービスを開発する上で、計測タグや広告配信タグなどのサードパーティースクリプトの導入は避けては通れません。",[14,18,19],{},"しかし、これらのスクリプトはページ表示速度やユーザー体験を損なう原因になりがちで、特に複数のタグが混在する大規模なアプリケーションでは管理が煩雑になります。",[14,21,22,23,27],{},"本記事では、Nuxt.js アプリケーションにおける",[24,25,26],"strong",{},"サードパーティースクリプトの最適化をサポートするモジュール Nuxt Scripts"," について紹介します。",[29,30],"external-link-card-wrapper",{"url":31},"https://scripts.nuxt.com/",[10,33,35],{"id":34},"nuxt-scripts-では何ができるの","Nuxt Scripts では何ができるの？",[14,37,38,39,42],{},"Nuxt Scripts は、サードパーティースクリプトの",[24,40,41],{},"読み込み・管理・最適化","を行うための Nuxt モジュールです。",[14,44,45,46,50,51,54],{},"従来、",[47,48,49],"code",{},"\u003Cscript>"," タグを ",[47,52,53],{},"useHead()"," などで手動で挿入していた場合、以下のような課題がありました",[56,57,58,62,65],"ul",{},[59,60,61],"li",{},"読み込みの重複や順序管理が煩雑",[59,63,64],{},"SSR との相性問題（クライアント限定で読み込みたい場面など）",[59,66,67],{},"複数ページ間での再利用性の低さ",[14,69,70],{},"Nuxt Scripts を使うと、こうした課題を次のように解決できます",[56,72,73,79,82,88],{},[59,74,75,78],{},[47,76,77],{},"useRegistryScript()"," で script を一元管理",[59,80,81],{},"重複読み込みを自動で防止",[59,83,84,87],{},[47,85,86],{},"onLoaded()"," を使った読み込み完了後の処理",[59,89,90],{},"proxy 経由でグローバルオブジェクトを型安全に扱える",[92,93,94],"h3",{"id":94},"利用可能なサードパーティースクリプト",[29,96],{"url":97},"https://scripts.nuxt.com/scripts",[14,99,100],{},"こちらのページにすぐに使用できるコンポーザブルがまとまっています。",[14,102,103,104,107,108,110],{},"Google Analytics や X Pixel など、よく使うスクリプトはあらかじめコンポーザブルとして提供されています。",[105,106],"br",{},"\nよく使われるグローバルなスクリプトは概ね対応済みです。",[105,109],{},"\n日本のサービスが提供しているスクリプトは基本的にないです。",[14,112,113],{},"詳しくは公式ドキュメントをご覧ください。",[10,115,117],{"id":116},"youtube-player-で使ってみる","Youtube Player で使ってみる",[14,119,120],{},"今回は、用意されているスクリプトの中の Youtube Player を使ってみます。",[29,122],{"url":123},"https://scripts.nuxt.com/scripts/content/youtube-player",[92,125,126],{"id":126},"コンポーネント",[128,129,135],"pre",{"className":130,"code":131,"filename":132,"language":133,"meta":134,"style":134},"language-vue shiki shiki-themes material-theme-lighter github-dark-high-contrast github-dark","\u003Cscript setup lang=\"ts\">\ndefineProps\u003C{\n  videoId: string;\n}>();\nconst isLoaded = ref(false);\nconst isPlaying = ref(false);\nconst video = ref();\nconst stateChange = (state: { data: number }) => {\n  isPlaying.value = state.data === 1;\n};\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CScriptYouTubePlayer\n    ref=\"video\"\n    :video-id=\"videoId\"\n    @ready=\"isLoaded = true\"\n    @state-change=\"stateChange\"\n  >\n    \u003Ctemplate #awaitingLoad>\n      \u003Cdiv\n        class=\"absolute left-1/2 top-1/2 h-[48px] w-[68px] -translate-x-1/2 -translate-y-1/2 transform\"\n      >\n        \u003Csvg height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\">\n          \u003Cpath\n            d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\"\n            fill=\"#f00\"\n          />\n          \u003Cpath d=\"M 45,24 27,14 27,34\" fill=\"#fff\" />\n        \u003C/svg>\n      \u003C/div>\n    \u003C/template>\n  \u003C/ScriptYouTubePlayer>\n\u003C/template>\n","~/components/YouTubePlayer.vue","vue","",[47,136,137,173,183,201,213,242,262,278,318,349,355,365,372,382,391,407,422,437,452,458,474,483,498,504,562,571,586,601,607,642,652,663,673,684],{"__ignoreMap":134},[138,139,142,146,150,154,157,160,164,168,170],"span",{"class":140,"line":141},"line",1,[138,143,145],{"class":144},"seLpV","\u003C",[138,147,149],{"class":148},"siCa7","script",[138,151,153],{"class":152},"sOohs"," setup",[138,155,156],{"class":152}," lang",[138,158,159],{"class":144},"=",[138,161,163],{"class":162},"sPUPB","\"",[138,165,167],{"class":166},"sSIes","ts",[138,169,163],{"class":162},[138,171,172],{"class":144},">\n",[138,174,176,180],{"class":140,"line":175},2,[138,177,179],{"class":178},"s7KVs","defineProps",[138,181,182],{"class":144},"\u003C{\n",[138,184,186,190,194,198],{"class":140,"line":185},3,[138,187,189],{"class":188},"s-3tI","  videoId",[138,191,193],{"class":192},"sUBcA",":",[138,195,197],{"class":196},"snYqn"," string",[138,199,200],{"class":144},";\n",[138,202,204,207,211],{"class":140,"line":203},4,[138,205,206],{"class":144},"}>",[138,208,210],{"class":209},"sdyPO","()",[138,212,200],{"class":144},[138,214,216,220,224,227,230,233,237,240],{"class":140,"line":215},5,[138,217,219],{"class":218},"sGRfs","const",[138,221,223],{"class":222},"sSuNx"," isLoaded",[138,225,226],{"class":192}," =",[138,228,229],{"class":178}," ref",[138,231,232],{"class":209},"(",[138,234,236],{"class":235},"sBxIE","false",[138,238,239],{"class":209},")",[138,241,200],{"class":144},[138,243,245,247,250,252,254,256,258,260],{"class":140,"line":244},6,[138,246,219],{"class":218},[138,248,249],{"class":222}," isPlaying",[138,251,226],{"class":192},[138,253,229],{"class":178},[138,255,232],{"class":209},[138,257,236],{"class":235},[138,259,239],{"class":209},[138,261,200],{"class":144},[138,263,265,267,270,272,274,276],{"class":140,"line":264},7,[138,266,219],{"class":218},[138,268,269],{"class":222}," video",[138,271,226],{"class":192},[138,273,229],{"class":178},[138,275,210],{"class":209},[138,277,200],{"class":144},[138,279,281,283,287,289,292,296,298,301,304,306,309,312,315],{"class":140,"line":280},8,[138,282,219],{"class":218},[138,284,286],{"class":285},"s8Xov"," stateChange",[138,288,226],{"class":192},[138,290,291],{"class":144}," (",[138,293,295],{"class":294},"senS2","state",[138,297,193],{"class":192},[138,299,300],{"class":144}," {",[138,302,303],{"class":188}," data",[138,305,193],{"class":192},[138,307,308],{"class":196}," number",[138,310,311],{"class":144}," })",[138,313,314],{"class":218}," =>",[138,316,317],{"class":144}," {\n",[138,319,321,324,327,330,332,335,337,340,343,347],{"class":140,"line":320},9,[138,322,323],{"class":209},"  isPlaying",[138,325,326],{"class":144},".",[138,328,329],{"class":209},"value",[138,331,226],{"class":192},[138,333,334],{"class":209}," state",[138,336,326],{"class":144},[138,338,339],{"class":209},"data",[138,341,342],{"class":192}," ===",[138,344,346],{"class":345},"sFHE5"," 1",[138,348,200],{"class":144},[138,350,352],{"class":140,"line":351},10,[138,353,354],{"class":144},"};\n",[138,356,358,361,363],{"class":140,"line":357},11,[138,359,360],{"class":144},"\u003C/",[138,362,149],{"class":148},[138,364,172],{"class":144},[138,366,368],{"class":140,"line":367},12,[138,369,371],{"emptyLinePlaceholder":370},true,"\n",[138,373,375,377,380],{"class":140,"line":374},13,[138,376,145],{"class":144},[138,378,379],{"class":148},"template",[138,381,172],{"class":144},[138,383,385,388],{"class":140,"line":384},14,[138,386,387],{"class":144},"  \u003C",[138,389,390],{"class":148},"ScriptYouTubePlayer\n",[138,392,394,397,399,401,404],{"class":140,"line":393},15,[138,395,396],{"class":152},"    ref",[138,398,159],{"class":144},[138,400,163],{"class":162},[138,402,403],{"class":166},"video",[138,405,406],{"class":162},"\"\n",[138,408,410,413,415,417,420],{"class":140,"line":409},16,[138,411,412],{"class":152},"    :video-id",[138,414,159],{"class":144},[138,416,163],{"class":162},[138,418,419],{"class":166},"videoId",[138,421,406],{"class":162},[138,423,425,428,430,432,435],{"class":140,"line":424},17,[138,426,427],{"class":152},"    @ready",[138,429,159],{"class":144},[138,431,163],{"class":162},[138,433,434],{"class":166},"isLoaded = true",[138,436,406],{"class":162},[138,438,440,443,445,447,450],{"class":140,"line":439},18,[138,441,442],{"class":152},"    @state-change",[138,444,159],{"class":144},[138,446,163],{"class":162},[138,448,449],{"class":166},"stateChange",[138,451,406],{"class":162},[138,453,455],{"class":140,"line":454},19,[138,456,457],{"class":144},"  >\n",[138,459,461,464,466,469,472],{"class":140,"line":460},20,[138,462,463],{"class":144},"    \u003C",[138,465,379],{"class":148},[138,467,468],{"class":144}," #",[138,470,471],{"class":152},"awaitingLoad",[138,473,172],{"class":144},[138,475,477,480],{"class":140,"line":476},21,[138,478,479],{"class":144},"      \u003C",[138,481,482],{"class":148},"div\n",[138,484,486,489,491,493,496],{"class":140,"line":485},22,[138,487,488],{"class":152},"        class",[138,490,159],{"class":144},[138,492,163],{"class":162},[138,494,495],{"class":166},"absolute left-1/2 top-1/2 h-[48px] w-[68px] -translate-x-1/2 -translate-y-1/2 transform",[138,497,406],{"class":162},[138,499,501],{"class":140,"line":500},23,[138,502,503],{"class":144},"      >\n",[138,505,507,510,513,516,518,520,523,525,528,530,532,535,537,540,542,544,547,549,552,554,556,558,560],{"class":140,"line":506},24,[138,508,509],{"class":144},"        \u003C",[138,511,512],{"class":148},"svg",[138,514,515],{"class":152}," height",[138,517,159],{"class":144},[138,519,163],{"class":162},[138,521,522],{"class":166},"100%",[138,524,163],{"class":162},[138,526,527],{"class":152}," version",[138,529,159],{"class":144},[138,531,163],{"class":162},[138,533,534],{"class":166},"1.1",[138,536,163],{"class":162},[138,538,539],{"class":152}," viewBox",[138,541,159],{"class":144},[138,543,163],{"class":162},[138,545,546],{"class":166},"0 0 68 48",[138,548,163],{"class":162},[138,550,551],{"class":152}," width",[138,553,159],{"class":144},[138,555,163],{"class":162},[138,557,522],{"class":166},[138,559,163],{"class":162},[138,561,172],{"class":144},[138,563,565,568],{"class":140,"line":564},25,[138,566,567],{"class":144},"          \u003C",[138,569,570],{"class":148},"path\n",[138,572,574,577,579,581,584],{"class":140,"line":573},26,[138,575,576],{"class":152},"            d",[138,578,159],{"class":144},[138,580,163],{"class":162},[138,582,583],{"class":166},"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",[138,585,406],{"class":162},[138,587,589,592,594,596,599],{"class":140,"line":588},27,[138,590,591],{"class":152},"            fill",[138,593,159],{"class":144},[138,595,163],{"class":162},[138,597,598],{"class":166},"#f00",[138,600,406],{"class":162},[138,602,604],{"class":140,"line":603},28,[138,605,606],{"class":144},"          />\n",[138,608,610,612,615,618,620,622,625,627,630,632,634,637,639],{"class":140,"line":609},29,[138,611,567],{"class":144},[138,613,614],{"class":148},"path",[138,616,617],{"class":152}," d",[138,619,159],{"class":144},[138,621,163],{"class":162},[138,623,624],{"class":166},"M 45,24 27,14 27,34",[138,626,163],{"class":162},[138,628,629],{"class":152}," fill",[138,631,159],{"class":144},[138,633,163],{"class":162},[138,635,636],{"class":166},"#fff",[138,638,163],{"class":162},[138,640,641],{"class":144}," />\n",[138,643,645,648,650],{"class":140,"line":644},30,[138,646,647],{"class":144},"        \u003C/",[138,649,512],{"class":148},[138,651,172],{"class":144},[138,653,655,658,661],{"class":140,"line":654},31,[138,656,657],{"class":144},"      \u003C/",[138,659,660],{"class":148},"div",[138,662,172],{"class":144},[138,664,666,669,671],{"class":140,"line":665},32,[138,667,668],{"class":144},"    \u003C/",[138,670,379],{"class":148},[138,672,172],{"class":144},[138,674,676,679,682],{"class":140,"line":675},33,[138,677,678],{"class":144},"  \u003C/",[138,680,681],{"class":148},"ScriptYouTubePlayer",[138,683,172],{"class":144},[138,685,687,689,691],{"class":140,"line":686},34,[138,688,360],{"class":144},[138,690,379],{"class":148},[138,692,172],{"class":144},[14,694,695,698,699,702],{},[47,696,697],{},"\u003CScriptYouTubePlayer>"," を呼びつつ ",[47,700,701],{},"slot"," 内に再生ボタンをおきます。",[92,704,705],{"id":705},"テンプレート",[128,707,710],{"className":130,"code":708,"filename":709,"language":133,"meta":134,"style":134},"\u003Ctemplate>\n  \u003CYouTubePlayer video-id=\"xxx\" />\n\u003C/template>\n","~/pages/index.vue",[47,711,712,720,741],{"__ignoreMap":134},[138,713,714,716,718],{"class":140,"line":141},[138,715,145],{"class":144},[138,717,379],{"class":148},[138,719,172],{"class":144},[138,721,722,724,727,730,732,734,737,739],{"class":140,"line":175},[138,723,387],{"class":144},[138,725,726],{"class":148},"YouTubePlayer",[138,728,729],{"class":152}," video-id",[138,731,159],{"class":144},[138,733,163],{"class":162},[138,735,736],{"class":166},"xxx",[138,738,163],{"class":162},[138,740,641],{"class":144},[138,742,743,745,747],{"class":140,"line":185},[138,744,360],{"class":144},[138,746,379],{"class":148},[138,748,172],{"class":144},[14,750,751],{},"props として videoId を渡します。",[92,753,754],{"id":754},"表示はこんな感じ",[660,756,760],{"className":757},[758,759],"rounded-md","overflow-hidden",[761,762],"you-tube-player",{"video-id":763},"d_IFKP1Ofq0",[10,765,767],{"id":766},"script-registry-に登録されていないスクリプトの読み込み","Script Registry に登録されていないスクリプトの読み込み",[14,769,770,773,774,776],{},[47,771,772],{},"Script Registry"," に用意されていないスクリプトも ",[47,775,77],{}," を使うことで読み込めます。",[14,778,779],{},"今回は Tiktok Pixel タグの設定を例に進めていきます。",[92,781,782],{"id":782},"コンポーザブル",[14,784,785,788,789,791,792,800],{},[47,786,787],{},"ttq"," の Proxy オブジェクトを提供するコンポーザブルを作成します。",[105,790],{},"\n（※あくまでサンプル実装であり、実運用を保証するものではありません。正しく Tiktok Pixel タグを設定したいかたは",[793,794,799],"a",{"href":795,"rel":796,"target":798},"https://github.com/nuxt/scripts/discussions/177#discussioncomment-10128841",[797],"nofollow","_blank","こちらを参考","に実装してください",[128,802,806],{"className":803,"code":804,"filename":805,"language":167,"meta":134,"style":134},"language-ts shiki shiki-themes material-theme-lighter github-dark-high-contrast github-dark","export const useTiktokPixel = () => {\n  // runtimeConfig などで sdkId を管理する\n  const { sdkId } = useRuntimeConfig();\n  const { proxy, onLoaded } = useRegistryScript(\"karte\", () => ({\n    scriptInput: {\n      src: `https://analytics.tiktok.com/i18n/pixel/events.js?sdkid=${sdkId}&lib=ttq`,\n      crossorigin: false,\n    },\n    scriptOptions: {\n      use() {\n        return { ttq: window.ttq }\n      },\n    },\n    clientInit: () => {\n      // @ts-expect-error Tiktok提供スクリプトのため型エラーを許容している\n      // prettier-ignore\n      // eslint-disable-next-line\n      !function (w, d, t) {w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=[\"page\",\"track\",\"identify\",\"instances\",\"debug\",\"on\",\"off\",\"once\",\"ready\",\"alias\",\"group\",\"enableCookie\",\"disableCookie\", \"holdConsent\", \"revokeConsent\", \"grantConsent\"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i\u003Cttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n\u003Cttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i=\"https://analytics.tiktok.com/i18n/pixel/events.js\";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement(\"script\");o.type=\"text/javascript\",o.async=!0,o.src=i+\"?sdkid=\"+e+\"&lib=\"+t;var a=document.getElementsByTagName(\"script\")[0];a.parentNode.insertBefore(o,a)};ttq.load(sdkId)}(window, document, 'ttq');\n    }\n  }))\n\n  return {\n    proxy,\n    onLoaded,\n  }\n}\n","~/composables/analytics/tiktok.ts",[47,807,808,829,835,858,900,909,940,952,957,966,976,998,1003,1007,1020,1025,1030,1035,1911,1916,1924,1928,1935,1942,1949,1954],{"__ignoreMap":134},[138,809,810,814,817,820,822,825,827],{"class":140,"line":141},[138,811,813],{"class":812},"stP2V","export",[138,815,816],{"class":218}," const",[138,818,819],{"class":285}," useTiktokPixel",[138,821,226],{"class":192},[138,823,824],{"class":144}," ()",[138,826,314],{"class":218},[138,828,317],{"class":144},[138,830,831],{"class":140,"line":175},[138,832,834],{"class":833},"sZPSj","  // runtimeConfig などで sdkId を管理する\n",[138,836,837,840,842,845,848,850,853,856],{"class":140,"line":185},[138,838,839],{"class":218},"  const",[138,841,300],{"class":144},[138,843,844],{"class":222}," sdkId",[138,846,847],{"class":144}," }",[138,849,226],{"class":192},[138,851,852],{"class":178}," useRuntimeConfig",[138,854,210],{"class":855},"sLCpo",[138,857,200],{"class":144},[138,859,860,862,864,867,870,873,875,877,880,882,884,887,889,891,893,895,897],{"class":140,"line":203},[138,861,839],{"class":218},[138,863,300],{"class":144},[138,865,866],{"class":222}," proxy",[138,868,869],{"class":144},",",[138,871,872],{"class":222}," onLoaded",[138,874,847],{"class":144},[138,876,226],{"class":192},[138,878,879],{"class":178}," useRegistryScript",[138,881,232],{"class":855},[138,883,163],{"class":162},[138,885,886],{"class":166},"karte",[138,888,163],{"class":162},[138,890,869],{"class":144},[138,892,824],{"class":144},[138,894,314],{"class":218},[138,896,291],{"class":855},[138,898,899],{"class":144},"{\n",[138,901,902,905,907],{"class":140,"line":215},[138,903,904],{"class":855},"    scriptInput",[138,906,193],{"class":144},[138,908,317],{"class":144},[138,910,911,914,916,919,922,925,928,931,934,937],{"class":140,"line":244},[138,912,913],{"class":855},"      src",[138,915,193],{"class":144},[138,917,918],{"class":162}," `",[138,920,921],{"class":166},"https://analytics.tiktok.com/i18n/pixel/events.js?sdkid=",[138,923,924],{"class":162},"${",[138,926,927],{"class":209},"sdkId",[138,929,930],{"class":162},"}",[138,932,933],{"class":166},"&lib=ttq",[138,935,936],{"class":162},"`",[138,938,939],{"class":144},",\n",[138,941,942,945,947,950],{"class":140,"line":264},[138,943,944],{"class":855},"      crossorigin",[138,946,193],{"class":144},[138,948,949],{"class":235}," false",[138,951,939],{"class":144},[138,953,954],{"class":140,"line":280},[138,955,956],{"class":144},"    },\n",[138,958,959,962,964],{"class":140,"line":320},[138,960,961],{"class":855},"    scriptOptions",[138,963,193],{"class":144},[138,965,317],{"class":144},[138,967,968,972,974],{"class":140,"line":351},[138,969,971],{"class":970},"sDDeY","      use",[138,973,210],{"class":144},[138,975,317],{"class":144},[138,977,978,981,983,986,988,991,993,995],{"class":140,"line":357},[138,979,980],{"class":812},"        return",[138,982,300],{"class":144},[138,984,985],{"class":855}," ttq",[138,987,193],{"class":144},[138,989,990],{"class":209}," window",[138,992,326],{"class":144},[138,994,787],{"class":209},[138,996,997],{"class":144}," }\n",[138,999,1000],{"class":140,"line":367},[138,1001,1002],{"class":144},"      },\n",[138,1004,1005],{"class":140,"line":374},[138,1006,956],{"class":144},[138,1008,1009,1012,1014,1016,1018],{"class":140,"line":384},[138,1010,1011],{"class":178},"    clientInit",[138,1013,193],{"class":144},[138,1015,824],{"class":144},[138,1017,314],{"class":218},[138,1019,317],{"class":144},[138,1021,1022],{"class":140,"line":393},[138,1023,1024],{"class":833},"      // @ts-expect-error Tiktok提供スクリプトのため型エラーを許容している\n",[138,1026,1027],{"class":140,"line":409},[138,1028,1029],{"class":833},"      // prettier-ignore\n",[138,1031,1032],{"class":140,"line":424},[138,1033,1034],{"class":833},"      // eslint-disable-next-line\n",[138,1036,1037,1040,1043,1045,1048,1050,1052,1054,1057,1059,1061,1063,1065,1068,1070,1073,1076,1079,1081,1083,1085,1088,1090,1093,1095,1097,1099,1101,1103,1106,1109,1111,1113,1115,1118,1120,1122,1124,1127,1129,1131,1133,1136,1138,1140,1142,1145,1147,1149,1151,1154,1156,1158,1160,1163,1165,1167,1169,1172,1174,1176,1178,1181,1183,1185,1187,1190,1192,1194,1196,1199,1201,1203,1205,1208,1210,1212,1214,1217,1219,1221,1223,1226,1228,1230,1232,1235,1237,1239,1242,1245,1247,1249,1251,1254,1256,1258,1260,1263,1265,1267,1269,1271,1273,1276,1278,1280,1282,1284,1286,1289,1292,1294,1296,1298,1300,1302,1304,1307,1309,1311,1314,1317,1319,1321,1323,1326,1328,1331,1333,1336,1338,1341,1343,1346,1348,1351,1353,1356,1359,1362,1365,1367,1369,1372,1374,1376,1378,1381,1383,1385,1387,1389,1391,1394,1396,1398,1401,1403,1405,1407,1409,1411,1413,1415,1417,1419,1421,1423,1425,1428,1430,1432,1434,1437,1439,1441,1443,1445,1447,1449,1451,1453,1456,1458,1460,1462,1465,1467,1469,1471,1473,1475,1477,1480,1482,1484,1486,1488,1490,1492,1494,1496,1498,1500,1502,1504,1506,1508,1510,1512,1514,1516,1518,1520,1522,1524,1526,1528,1530,1532,1534,1537,1539,1542,1544,1546,1549,1551,1553,1555,1557,1559,1561,1563,1565,1567,1569,1571,1574,1576,1578,1580,1582,1584,1586,1588,1590,1592,1594,1597,1599,1601,1603,1605,1607,1609,1611,1613,1615,1617,1619,1621,1623,1625,1627,1629,1632,1634,1636,1638,1640,1642,1645,1647,1649,1651,1653,1655,1657,1659,1661,1663,1665,1667,1669,1672,1675,1677,1679,1681,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704,1706,1708,1710,1712,1714,1717,1719,1722,1724,1727,1729,1732,1734,1736,1738,1740,1742,1744,1747,1749,1752,1754,1756,1759,1761,1763,1765,1767,1770,1773,1775,1777,1779,1781,1784,1786,1788,1791,1793,1796,1798,1800,1802,1804,1806,1809,1811,1813,1815,1817,1819,1822,1824,1826,1828,1831,1833,1835,1837,1839,1842,1844,1846,1848,1850,1852,1855,1857,1860,1862,1864,1866,1868,1870,1873,1875,1877,1879,1881,1883,1885,1887,1889,1892,1894,1897,1899,1902,1904,1907,1909],{"class":140,"line":439},[138,1038,1039],{"class":192},"      !",[138,1041,1042],{"class":218},"function",[138,1044,291],{"class":144},[138,1046,1047],{"class":294},"w",[138,1049,869],{"class":144},[138,1051,617],{"class":294},[138,1053,869],{"class":144},[138,1055,1056],{"class":294}," t",[138,1058,239],{"class":144},[138,1060,300],{"class":144},[138,1062,1047],{"class":209},[138,1064,326],{"class":144},[138,1066,1067],{"class":209},"TiktokAnalyticsObject",[138,1069,159],{"class":192},[138,1071,1072],{"class":209},"t",[138,1074,1075],{"class":144},";",[138,1077,1078],{"class":218},"var",[138,1080,985],{"class":209},[138,1082,159],{"class":192},[138,1084,1047],{"class":209},[138,1086,1087],{"class":855},"[",[138,1089,1072],{"class":209},[138,1091,1092],{"class":855},"]",[138,1094,159],{"class":192},[138,1096,1047],{"class":209},[138,1098,1087],{"class":855},[138,1100,1072],{"class":209},[138,1102,1092],{"class":855},[138,1104,1105],{"class":192},"||",[138,1107,1108],{"class":855},"[]",[138,1110,1075],{"class":144},[138,1112,787],{"class":209},[138,1114,326],{"class":144},[138,1116,1117],{"class":209},"methods",[138,1119,159],{"class":192},[138,1121,1087],{"class":855},[138,1123,163],{"class":162},[138,1125,1126],{"class":166},"page",[138,1128,163],{"class":162},[138,1130,869],{"class":144},[138,1132,163],{"class":162},[138,1134,1135],{"class":166},"track",[138,1137,163],{"class":162},[138,1139,869],{"class":144},[138,1141,163],{"class":162},[138,1143,1144],{"class":166},"identify",[138,1146,163],{"class":162},[138,1148,869],{"class":144},[138,1150,163],{"class":162},[138,1152,1153],{"class":166},"instances",[138,1155,163],{"class":162},[138,1157,869],{"class":144},[138,1159,163],{"class":162},[138,1161,1162],{"class":166},"debug",[138,1164,163],{"class":162},[138,1166,869],{"class":144},[138,1168,163],{"class":162},[138,1170,1171],{"class":166},"on",[138,1173,163],{"class":162},[138,1175,869],{"class":144},[138,1177,163],{"class":162},[138,1179,1180],{"class":166},"off",[138,1182,163],{"class":162},[138,1184,869],{"class":144},[138,1186,163],{"class":162},[138,1188,1189],{"class":166},"once",[138,1191,163],{"class":162},[138,1193,869],{"class":144},[138,1195,163],{"class":162},[138,1197,1198],{"class":166},"ready",[138,1200,163],{"class":162},[138,1202,869],{"class":144},[138,1204,163],{"class":162},[138,1206,1207],{"class":166},"alias",[138,1209,163],{"class":162},[138,1211,869],{"class":144},[138,1213,163],{"class":162},[138,1215,1216],{"class":166},"group",[138,1218,163],{"class":162},[138,1220,869],{"class":144},[138,1222,163],{"class":162},[138,1224,1225],{"class":166},"enableCookie",[138,1227,163],{"class":162},[138,1229,869],{"class":144},[138,1231,163],{"class":162},[138,1233,1234],{"class":166},"disableCookie",[138,1236,163],{"class":162},[138,1238,869],{"class":144},[138,1240,1241],{"class":162}," \"",[138,1243,1244],{"class":166},"holdConsent",[138,1246,163],{"class":162},[138,1248,869],{"class":144},[138,1250,1241],{"class":162},[138,1252,1253],{"class":166},"revokeConsent",[138,1255,163],{"class":162},[138,1257,869],{"class":144},[138,1259,1241],{"class":162},[138,1261,1262],{"class":166},"grantConsent",[138,1264,163],{"class":162},[138,1266,1092],{"class":855},[138,1268,869],{"class":144},[138,1270,787],{"class":209},[138,1272,326],{"class":144},[138,1274,1275],{"class":178},"setAndDefer",[138,1277,159],{"class":192},[138,1279,1042],{"class":218},[138,1281,232],{"class":144},[138,1283,1072],{"class":294},[138,1285,869],{"class":144},[138,1287,1288],{"class":294},"e",[138,1290,1291],{"class":144},"){",[138,1293,1072],{"class":209},[138,1295,1087],{"class":855},[138,1297,1288],{"class":209},[138,1299,1092],{"class":855},[138,1301,159],{"class":192},[138,1303,1042],{"class":218},[138,1305,1306],{"class":144},"(){",[138,1308,1072],{"class":209},[138,1310,326],{"class":144},[138,1312,1313],{"class":178},"push",[138,1315,1316],{"class":855},"([",[138,1318,1288],{"class":209},[138,1320,1092],{"class":855},[138,1322,326],{"class":144},[138,1324,1325],{"class":178},"concat",[138,1327,232],{"class":855},[138,1329,1330],{"class":196},"Array",[138,1332,326],{"class":144},[138,1334,1335],{"class":222},"prototype",[138,1337,326],{"class":144},[138,1339,1340],{"class":209},"slice",[138,1342,326],{"class":144},[138,1344,1345],{"class":178},"call",[138,1347,232],{"class":855},[138,1349,1350],{"class":222},"arguments",[138,1352,869],{"class":144},[138,1354,1355],{"class":345},"0",[138,1357,1358],{"class":855},")))",[138,1360,1361],{"class":144},"}};",[138,1363,1364],{"class":812},"for",[138,1366,232],{"class":855},[138,1368,1078],{"class":218},[138,1370,1371],{"class":209}," i",[138,1373,159],{"class":192},[138,1375,1355],{"class":345},[138,1377,1075],{"class":144},[138,1379,1380],{"class":209},"i",[138,1382,145],{"class":192},[138,1384,787],{"class":209},[138,1386,326],{"class":144},[138,1388,1117],{"class":209},[138,1390,326],{"class":144},[138,1392,1393],{"class":222},"length",[138,1395,1075],{"class":144},[138,1397,1380],{"class":209},[138,1399,1400],{"class":192},"++",[138,1402,239],{"class":855},[138,1404,787],{"class":209},[138,1406,326],{"class":144},[138,1408,1275],{"class":178},[138,1410,232],{"class":855},[138,1412,787],{"class":209},[138,1414,869],{"class":144},[138,1416,787],{"class":209},[138,1418,326],{"class":144},[138,1420,1117],{"class":209},[138,1422,1087],{"class":855},[138,1424,1380],{"class":209},[138,1426,1427],{"class":855},"])",[138,1429,1075],{"class":144},[138,1431,787],{"class":209},[138,1433,326],{"class":144},[138,1435,1436],{"class":178},"instance",[138,1438,159],{"class":192},[138,1440,1042],{"class":218},[138,1442,232],{"class":144},[138,1444,1072],{"class":294},[138,1446,1291],{"class":144},[138,1448,1364],{"class":812},[138,1450,232],{"class":855},[138,1452,1078],{"class":218},[138,1454,1455],{"class":209}," e",[138,1457,159],{"class":192},[138,1459,787],{"class":209},[138,1461,326],{"class":144},[138,1463,1464],{"class":209},"_i",[138,1466,1087],{"class":855},[138,1468,1072],{"class":209},[138,1470,1092],{"class":855},[138,1472,1105],{"class":192},[138,1474,1108],{"class":855},[138,1476,869],{"class":144},[138,1478,1479],{"class":209},"n",[138,1481,159],{"class":192},[138,1483,1355],{"class":345},[138,1485,1075],{"class":144},[138,1487,1479],{"class":209},[138,1489,145],{"class":192},[138,1491,787],{"class":209},[138,1493,326],{"class":144},[138,1495,1117],{"class":209},[138,1497,326],{"class":144},[138,1499,1393],{"class":222},[138,1501,1075],{"class":144},[138,1503,1479],{"class":209},[138,1505,1400],{"class":192},[138,1507,239],{"class":855},[138,1509,787],{"class":209},[138,1511,326],{"class":144},[138,1513,1275],{"class":178},[138,1515,232],{"class":855},[138,1517,1288],{"class":209},[138,1519,869],{"class":144},[138,1521,787],{"class":209},[138,1523,326],{"class":144},[138,1525,1117],{"class":209},[138,1527,1087],{"class":855},[138,1529,1479],{"class":209},[138,1531,1427],{"class":855},[138,1533,1075],{"class":144},[138,1535,1536],{"class":812},"return",[138,1538,1455],{"class":209},[138,1540,1541],{"class":144},"},",[138,1543,787],{"class":209},[138,1545,326],{"class":144},[138,1547,1548],{"class":178},"load",[138,1550,159],{"class":192},[138,1552,1042],{"class":218},[138,1554,232],{"class":144},[138,1556,1288],{"class":294},[138,1558,869],{"class":144},[138,1560,1479],{"class":294},[138,1562,1291],{"class":144},[138,1564,1078],{"class":218},[138,1566,1371],{"class":209},[138,1568,159],{"class":192},[138,1570,163],{"class":162},[138,1572,1573],{"class":166},"https://analytics.tiktok.com/i18n/pixel/events.js",[138,1575,163],{"class":162},[138,1577,1075],{"class":144},[138,1579,787],{"class":209},[138,1581,326],{"class":144},[138,1583,1464],{"class":209},[138,1585,159],{"class":192},[138,1587,787],{"class":209},[138,1589,326],{"class":144},[138,1591,1464],{"class":209},[138,1593,1105],{"class":192},[138,1595,1596],{"class":144},"{},",[138,1598,787],{"class":209},[138,1600,326],{"class":144},[138,1602,1464],{"class":209},[138,1604,1087],{"class":855},[138,1606,1288],{"class":209},[138,1608,1092],{"class":855},[138,1610,159],{"class":192},[138,1612,1108],{"class":855},[138,1614,869],{"class":144},[138,1616,787],{"class":209},[138,1618,326],{"class":144},[138,1620,1464],{"class":209},[138,1622,1087],{"class":855},[138,1624,1288],{"class":209},[138,1626,1092],{"class":855},[138,1628,326],{"class":144},[138,1630,1631],{"class":209},"_u",[138,1633,159],{"class":192},[138,1635,1380],{"class":209},[138,1637,869],{"class":144},[138,1639,787],{"class":209},[138,1641,326],{"class":144},[138,1643,1644],{"class":209},"_t",[138,1646,159],{"class":192},[138,1648,787],{"class":209},[138,1650,326],{"class":144},[138,1652,1644],{"class":209},[138,1654,1105],{"class":192},[138,1656,1596],{"class":144},[138,1658,787],{"class":209},[138,1660,326],{"class":144},[138,1662,1644],{"class":209},[138,1664,1087],{"class":855},[138,1666,1288],{"class":209},[138,1668,1092],{"class":855},[138,1670,1671],{"class":192},"=+new",[138,1673,1674],{"class":209}," Date",[138,1676,869],{"class":144},[138,1678,787],{"class":209},[138,1680,326],{"class":144},[138,1682,1683],{"class":209},"_o",[138,1685,159],{"class":192},[138,1687,787],{"class":209},[138,1689,326],{"class":144},[138,1691,1683],{"class":209},[138,1693,1105],{"class":192},[138,1695,1596],{"class":144},[138,1697,787],{"class":209},[138,1699,326],{"class":144},[138,1701,1683],{"class":209},[138,1703,1087],{"class":855},[138,1705,1288],{"class":209},[138,1707,1092],{"class":855},[138,1709,159],{"class":192},[138,1711,1479],{"class":209},[138,1713,1105],{"class":192},[138,1715,1716],{"class":144},"{};",[138,1718,1078],{"class":218},[138,1720,1721],{"class":209}," o",[138,1723,159],{"class":192},[138,1725,1726],{"class":209},"document",[138,1728,326],{"class":144},[138,1730,1731],{"class":178},"createElement",[138,1733,232],{"class":855},[138,1735,163],{"class":162},[138,1737,149],{"class":166},[138,1739,163],{"class":162},[138,1741,239],{"class":855},[138,1743,1075],{"class":144},[138,1745,1746],{"class":209},"o",[138,1748,326],{"class":144},[138,1750,1751],{"class":209},"type",[138,1753,159],{"class":192},[138,1755,163],{"class":162},[138,1757,1758],{"class":166},"text/javascript",[138,1760,163],{"class":162},[138,1762,869],{"class":144},[138,1764,1746],{"class":209},[138,1766,326],{"class":144},[138,1768,1769],{"class":209},"async",[138,1771,1772],{"class":192},"=!",[138,1774,1355],{"class":345},[138,1776,869],{"class":144},[138,1778,1746],{"class":209},[138,1780,326],{"class":144},[138,1782,1783],{"class":209},"src",[138,1785,159],{"class":192},[138,1787,1380],{"class":209},[138,1789,1790],{"class":192},"+",[138,1792,163],{"class":162},[138,1794,1795],{"class":166},"?sdkid=",[138,1797,163],{"class":162},[138,1799,1790],{"class":192},[138,1801,1288],{"class":209},[138,1803,1790],{"class":192},[138,1805,163],{"class":162},[138,1807,1808],{"class":166},"&lib=",[138,1810,163],{"class":162},[138,1812,1790],{"class":192},[138,1814,1072],{"class":209},[138,1816,1075],{"class":144},[138,1818,1078],{"class":218},[138,1820,1821],{"class":209}," a",[138,1823,159],{"class":192},[138,1825,1726],{"class":209},[138,1827,326],{"class":144},[138,1829,1830],{"class":178},"getElementsByTagName",[138,1832,232],{"class":855},[138,1834,163],{"class":162},[138,1836,149],{"class":166},[138,1838,163],{"class":162},[138,1840,1841],{"class":855},")[",[138,1843,1355],{"class":345},[138,1845,1092],{"class":855},[138,1847,1075],{"class":144},[138,1849,793],{"class":209},[138,1851,326],{"class":144},[138,1853,1854],{"class":209},"parentNode",[138,1856,326],{"class":144},[138,1858,1859],{"class":178},"insertBefore",[138,1861,232],{"class":855},[138,1863,1746],{"class":209},[138,1865,869],{"class":144},[138,1867,793],{"class":209},[138,1869,239],{"class":855},[138,1871,1872],{"class":144},"};",[138,1874,787],{"class":209},[138,1876,326],{"class":144},[138,1878,1548],{"class":178},[138,1880,232],{"class":855},[138,1882,927],{"class":209},[138,1884,239],{"class":855},[138,1886,930],{"class":144},[138,1888,232],{"class":855},[138,1890,1891],{"class":209},"window",[138,1893,869],{"class":144},[138,1895,1896],{"class":209}," document",[138,1898,869],{"class":144},[138,1900,1901],{"class":162}," '",[138,1903,787],{"class":166},[138,1905,1906],{"class":162},"'",[138,1908,239],{"class":855},[138,1910,200],{"class":144},[138,1912,1913],{"class":140,"line":454},[138,1914,1915],{"class":144},"    }\n",[138,1917,1918,1921],{"class":140,"line":460},[138,1919,1920],{"class":144},"  }",[138,1922,1923],{"class":855},"))\n",[138,1925,1926],{"class":140,"line":476},[138,1927,371],{"emptyLinePlaceholder":370},[138,1929,1930,1933],{"class":140,"line":485},[138,1931,1932],{"class":812},"  return",[138,1934,317],{"class":144},[138,1936,1937,1940],{"class":140,"line":500},[138,1938,1939],{"class":209},"    proxy",[138,1941,939],{"class":144},[138,1943,1944,1947],{"class":140,"line":506},[138,1945,1946],{"class":209},"    onLoaded",[138,1948,939],{"class":144},[138,1950,1951],{"class":140,"line":564},[138,1952,1953],{"class":144},"  }\n",[138,1955,1956],{"class":140,"line":573},[138,1957,1958],{"class":144},"}\n",[92,1960,705],{"id":1961},"テンプレート-1",[128,1963,1965],{"className":130,"code":1964,"filename":709,"language":133,"meta":134,"style":134},"\u003Cscript setup lang=\"ts\">\nimport { useTiktokPixel } from '~/composables/analytics/tiktok'\n\n// Tiktok Pixelタグ\nconst { proxy } = useTiktokPixel()\nonMounted(() => {\n  proxy.ttq.page()\n})\n\u003C/script>\n\n",[47,1966,1967,1987,2009,2013,2018,2035,2048,2063,2070],{"__ignoreMap":134},[138,1968,1969,1971,1973,1975,1977,1979,1981,1983,1985],{"class":140,"line":141},[138,1970,145],{"class":144},[138,1972,149],{"class":148},[138,1974,153],{"class":152},[138,1976,156],{"class":152},[138,1978,159],{"class":144},[138,1980,163],{"class":162},[138,1982,167],{"class":166},[138,1984,163],{"class":162},[138,1986,172],{"class":144},[138,1988,1989,1992,1994,1996,1998,2001,2003,2006],{"class":140,"line":175},[138,1990,1991],{"class":812},"import",[138,1993,300],{"class":144},[138,1995,819],{"class":209},[138,1997,847],{"class":144},[138,1999,2000],{"class":812}," from",[138,2002,1901],{"class":162},[138,2004,2005],{"class":166},"~/composables/analytics/tiktok",[138,2007,2008],{"class":162},"'\n",[138,2010,2011],{"class":140,"line":185},[138,2012,371],{"emptyLinePlaceholder":370},[138,2014,2015],{"class":140,"line":203},[138,2016,2017],{"class":833},"// Tiktok Pixelタグ\n",[138,2019,2020,2022,2024,2026,2028,2030,2032],{"class":140,"line":215},[138,2021,219],{"class":218},[138,2023,300],{"class":144},[138,2025,866],{"class":222},[138,2027,847],{"class":144},[138,2029,226],{"class":192},[138,2031,819],{"class":178},[138,2033,2034],{"class":209},"()\n",[138,2036,2037,2040,2042,2044,2046],{"class":140,"line":244},[138,2038,2039],{"class":178},"onMounted",[138,2041,232],{"class":209},[138,2043,210],{"class":144},[138,2045,314],{"class":218},[138,2047,317],{"class":144},[138,2049,2050,2053,2055,2057,2059,2061],{"class":140,"line":264},[138,2051,2052],{"class":209},"  proxy",[138,2054,326],{"class":144},[138,2056,787],{"class":209},[138,2058,326],{"class":144},[138,2060,1126],{"class":178},[138,2062,2034],{"class":855},[138,2064,2065,2067],{"class":140,"line":280},[138,2066,930],{"class":144},[138,2068,2069],{"class":209},")\n",[138,2071,2072,2074,2076],{"class":140,"line":320},[138,2073,360],{"class":144},[138,2075,149],{"class":148},[138,2077,172],{"class":144},[14,2079,2080],{},"送信したいイベントを Proxy オブジェクトから呼べます。",[10,2082,2083],{"id":2083},"おわりに",[14,2085,2086],{},"今回は Nuxt Scripts の基本的な使い方について解説しました。",[14,2088,2089,2090,2092],{},"手前味噌ですが、私自身も Nuxt Scripts にコントリビュートしています。（軽微なバグ修正ですが、）",[105,2091],{},"\nまだドキュメントが整っていない部分や、改善の余地がある箇所もあるため、\nもし興味があれば、ぜひ皆さんも気軽に貢献してみてください！",[14,2094,2095],{},[2096,2097],"img",{"alt":134,"src":2098},"https://res.cloudinary.com/dyoyv8djx/image/upload/v1746967157/tsukiyama-blog/nuxt-scripts-introduce/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2025-05-11_21.37.34_ucbhoc.png",[14,2100,2101],{},"コントリビュートすると、公式ページにアイコンを掲載してもらえます。",[2103,2104,2105],"style",{},"html pre.shiki code .seLpV, html code.shiki .seLpV{--shiki-light:#39ADB5;--shiki-default:#F0F3F6;--shiki-dark:#E1E4E8}html pre.shiki code .siCa7, html code.shiki .siCa7{--shiki-light:#E53935;--shiki-default:#72F088;--shiki-dark:#85E89D}html pre.shiki code .sOohs, html code.shiki .sOohs{--shiki-light:#9C3EDA;--shiki-default:#91CBFF;--shiki-dark:#B392F0}html pre.shiki code .sPUPB, html code.shiki .sPUPB{--shiki-light:#39ADB5;--shiki-default:#ADDCFF;--shiki-dark:#9ECBFF}html pre.shiki code .sSIes, html code.shiki .sSIes{--shiki-light:#91B859;--shiki-default:#ADDCFF;--shiki-dark:#9ECBFF}html pre.shiki code .s7KVs, html code.shiki .s7KVs{--shiki-light:#6182B8;--shiki-default:#DBB7FF;--shiki-dark:#B392F0}html pre.shiki code .s-3tI, html code.shiki .s-3tI{--shiki-light:#E53935;--shiki-default:#FFB757;--shiki-dark:#FFAB70}html pre.shiki code .sUBcA, html code.shiki .sUBcA{--shiki-light:#39ADB5;--shiki-default:#FF9492;--shiki-dark:#F97583}html pre.shiki code .snYqn, html code.shiki .snYqn{--shiki-light:#E2931D;--shiki-default:#91CBFF;--shiki-dark:#79B8FF}html pre.shiki code .sdyPO, html code.shiki .sdyPO{--shiki-light:#90A4AE;--shiki-default:#F0F3F6;--shiki-dark:#E1E4E8}html pre.shiki code .sGRfs, html code.shiki .sGRfs{--shiki-light:#9C3EDA;--shiki-default:#FF9492;--shiki-dark:#F97583}html pre.shiki code .sSuNx, html code.shiki .sSuNx{--shiki-light:#90A4AE;--shiki-default:#91CBFF;--shiki-dark:#79B8FF}html pre.shiki code .sBxIE, html code.shiki .sBxIE{--shiki-light:#FF5370;--shiki-default:#91CBFF;--shiki-dark:#79B8FF}html pre.shiki code .s8Xov, html code.shiki .s8Xov{--shiki-light:#90A4AE;--shiki-default:#DBB7FF;--shiki-dark:#B392F0}html pre.shiki code .senS2, html code.shiki .senS2{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#FFB757;--shiki-default-font-style:inherit;--shiki-dark:#FFAB70;--shiki-dark-font-style:inherit}html pre.shiki code .sFHE5, html code.shiki .sFHE5{--shiki-light:#F76D47;--shiki-default:#91CBFF;--shiki-dark:#79B8FF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .stP2V, html code.shiki .stP2V{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#FF9492;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .sZPSj, html code.shiki .sZPSj{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#BDC4CC;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}html pre.shiki code .sLCpo, html code.shiki .sLCpo{--shiki-light:#E53935;--shiki-default:#F0F3F6;--shiki-dark:#E1E4E8}html pre.shiki code .sDDeY, html code.shiki .sDDeY{--shiki-light:#E53935;--shiki-default:#DBB7FF;--shiki-dark:#B392F0}",{"title":134,"searchDepth":185,"depth":185,"links":2107},[2108,2109,2112,2117,2121],{"id":12,"depth":175,"text":12},{"id":34,"depth":175,"text":35,"children":2110},[2111],{"id":94,"depth":185,"text":94},{"id":116,"depth":175,"text":117,"children":2113},[2114,2115,2116],{"id":126,"depth":185,"text":126},{"id":705,"depth":185,"text":705},{"id":754,"depth":185,"text":754},{"id":766,"depth":175,"text":767,"children":2118},[2119,2120],{"id":782,"depth":185,"text":782},{"id":1961,"depth":185,"text":705},{"id":2083,"depth":175,"text":2083},"2025-05-12T00:00:00.000Z","サードパーティスクリプトの最適化・遅延読み込みなど、Nuxt.js アプリケーションにおける高度なスクリプト管理を可能にする Nuxt Modules、 Nuxt Scripts の紹介です。","md","/avatar_green_oab8qx.webp",{},"https://res.cloudinary.com/dyoyv8djx/image/upload/v1747046645/tsukiyama-blog/nuxt-scripts-introduce/nuxt-scripts-introduce_lts8lo.webp","/tech/nuxt-scripts-introduce",null,{"title":5,"description":2123},"tech/nuxt-scripts-introduce",[2133,2134,2135],"JavaScript","Nuxt.js","Vue.js","lBrNCBgwvKi_533yZpmb7FQU3pad8LC9A_IpHtH6L4g",{"title":2138,"image":2139,"description":2140},"Script Registry · Nuxt Scripts","https://scripts.nuxt.com/_og/s/c_Docs,title_Script+Registry,description_Browse+third-party+scripts+with+out-of-the-box+composable+and+component+integrations.,headline_Scripts,p_Ii9zY3JpcHRzIg.png","The registry is a collection of third-party scripts with out-of-the-box composable and component integrations for Nuxt Scripts.",{"title":2142,"image":2143,"description":2144},"YouTube Player · Nuxt Scripts","https://scripts.nuxt.com/_og/s/c_Docs,title_YouTube+Player,description_Show+performance-optimized+YouTube+videos+in+your+Nuxt+app.,headline_Scripts,p_Ii9zY3JpcHRzL3lvdXR1YmUtcGxheWVyIg.png","Show performance-optimized YouTube videos in your Nuxt app.",{"title":2146,"image":2147,"description":2148},"Third-Party Scripts Meets Nuxt DX · Nuxt Scripts","https://scripts.nuxt.com/_og/s/c_Home,title_Nuxt+Scripts,description_Third-Party+Scripts+Meets+Nuxt+DX,headline_scripts.nuxt.com.png","Better performance, privacy, security and DX for third-party scripts."]