[{"data":1,"prerenderedAt":130},["ShallowReactive",2],{"legacy-question-27ba4a51d73a657df47f3cd4f47e4ea6":3,"legacy-question-author-koji-kadoma":104,"legacy-question-category-website-building":119},{"id":4,"title":5,"author":6,"body":7,"category":90,"date":91,"description":92,"extension":93,"locale":94,"meta":95,"navigation":96,"path":97,"seo":98,"slug":99,"stem":100,"tag":101,"updated":91,"__hash__":103},"legacyQuestions\u002F20210401000000-Gridsomeのpage-queryとstatic-queryの違いは？.md","Gridsomeのpage-queryとstatic-queryの違いは？","koji-kadoma",{"type":8,"value":9,"toc":85},"minimark",[10,14,18,28,31,82],[11,12,13],"h2",{"id":13},"違いは使う場所と変数を受け取れるか",[15,16,17],"p",{},"Gridsomeでは、GraphQLでデータを持ってくる方法として、",[19,20,21,25],"ol",{},[22,23,24],"li",{},"page-query",[22,26,27],{},"static-query",[15,29,30],{},"の二つがあります。大きな違いは変数を受け取れるかです。",[32,33,34,48],"table",{},[35,36,37],"thead",{},[38,39,40,43,46],"tr",{},[41,42],"th",{},[41,44,24],{"align":45},"center",[41,47,27],{"align":45},[49,50,51,63],"tbody",{},[38,52,53,57,60],{},[54,55,56],"td",{},"変数の受け取り",[54,58,59],{"align":45},"○",[54,61,62],{"align":45},"x",[38,64,65,68,75],{},[54,66,67],{},"使う場所",[54,69,70,71,74],{"align":45},"template",[72,73],"br",{},"page",[54,76,70,77,74,79,81],{"align":45},[72,78],{},[72,80],{},"component",[15,83,84],{},"templateとpageは両方を使えますが、componentではstatic-queryしか使えません。",{"title":86,"searchDepth":87,"depth":87,"links":88},"",2,[89],{"id":13,"depth":87,"text":13},"website-building","2021-04-01T00:00:00.000Z","Gridsomeでサイトを作成する","md","ja",{},true,"\u002F20210401000000-gridsomepage-querystatic-query",{"title":5,"description":92},"27ba4a51d73a657df47f3cd4f47e4ea6","20210401000000-Gridsomeのpage-queryとstatic-queryの違いは？",[102],"gridsome","72Wy-ofvgVrxSe-FKYEj-J9_OakhlHMmvUkEdFiItFw",{"id":105,"title":106,"body":107,"date":91,"description":111,"extension":93,"locale":94,"meta":112,"name":115,"navigation":96,"path":116,"seo":117,"slug":6,"stem":6,"updated":91,"__hash__":118},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":108,"toc":109},[],{"title":86,"searchDepth":87,"depth":87,"links":110},[],"Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":113,"url":114},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":106,"description":111},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":120,"title":121,"body":122,"date":91,"description":121,"extension":93,"locale":94,"meta":126,"navigation":96,"path":127,"seo":128,"slug":90,"stem":90,"updated":91,"__hash__":129},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":123,"toc":124},[],{"title":86,"searchDepth":87,"depth":87,"links":125},[],{},"\u002Fwebsite-building",{"title":121,"description":121},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320302071]