[{"data":1,"prerenderedAt":73},["ShallowReactive",2],{"legacy-question-2c448e5f023eece57af50359044170e4":3,"legacy-question-author-koji-kadoma":46,"legacy-question-category-website-building":62},{"id":4,"title":5,"author":6,"body":7,"category":33,"date":34,"description":5,"extension":35,"locale":36,"meta":37,"navigation":38,"path":39,"seo":40,"slug":41,"stem":42,"tag":43,"updated":34,"__hash__":45},"legacyQuestions\u002F20210409000000-GridsomeでWindow is not definedというエラーが出た.md","GridsomeでWindow is not definedというエラーが出た","koji-kadoma",{"type":8,"value":9,"toc":28},"minimark",[10,15,19,22,25],[11,12,14],"h2",{"id":13},"javascriptのwindowインターフェイスを使っているのが原因です","JavascriptのWindowインターフェイスを使っているのが原因です",[16,17,18],"p",{},"Gridsomeは、静的サイトにビルドする際にVue.jsのコードを実行してページを生成しているため、Windowインターフェースが使えません（ブラウザじゃないのでWindowがないので）。",[16,20,21],{},"Gridsomeのスクリプトでwindowを使っていなくても、インストールしたプラグインがwindowを使っているとエラーになります。",[16,23,24],{},"エラー画面に、エラーもとのプラグインが表示されるので、そのプラグインを止めればエラーは出なくなります。",[16,26,27],{},"Vue.jsのプラグインはブラウザで使う前提なので、比較的windowを使っていることが多いのです。Gridsome用のプラグインを使うか、自分でロジックを組むことになりますが、エラー対応を考えたら自分で組んだ方が楽だったりもします。",{"title":29,"searchDepth":30,"depth":30,"links":31},"",2,[32],{"id":13,"depth":30,"text":14},"website-building","2021-04-09T01:00:00.000Z","md","ja",{},true,"\u002F20210409000000-gridsomewindow-is-not-defined",{"title":5,"description":5},"2c448e5f023eece57af50359044170e4","20210409000000-GridsomeでWindow is not definedというエラーが出た",[44],"gridsome","Z2x0AbDycAMkOSBS2HaBt5z2iHFh47SufRqH9x67GpI",{"id":47,"title":48,"body":49,"date":53,"description":54,"extension":35,"locale":36,"meta":55,"name":58,"navigation":38,"path":59,"seo":60,"slug":6,"stem":6,"updated":53,"__hash__":61},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":50,"toc":51},[],{"title":29,"searchDepth":30,"depth":30,"links":52},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":56,"url":57},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":48,"description":54},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":63,"title":64,"body":65,"date":53,"description":64,"extension":35,"locale":36,"meta":69,"navigation":38,"path":70,"seo":71,"slug":33,"stem":33,"updated":53,"__hash__":72},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":66,"toc":67},[],{"title":29,"searchDepth":30,"depth":30,"links":68},[],{},"\u002Fwebsite-building",{"title":64,"description":64},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320300795]