[{"data":1,"prerenderedAt":105},["ShallowReactive",2],{"legacy-question-2d890f4ba879d5292228f8ce40ed8998":3,"legacy-question-author-koji-kadoma":78,"legacy-question-category-website-building":94},{"id":4,"title":5,"author":6,"body":7,"category":65,"date":66,"description":5,"extension":67,"locale":68,"meta":69,"navigation":70,"path":71,"seo":72,"slug":73,"stem":74,"tag":75,"updated":66,"__hash__":77},"legacyQuestions\u002F20210901010000-Gridsomeでunix-timestampを変換するには？.md","GridsomeでAPIから読み込んだデータにrefをつけるには？","koji-kadoma",{"type":8,"value":9,"toc":61},"minimark",[10,15,19,30,33,39,42,45,55,58],[11,12,14],"h2",{"id":13},"collectionにaddreferenceを付与すれば作成されます","CollectionにaddReferenceを付与すれば作成されます",[16,17,18],"p",{},"GridsomeにAPIからデータを挿入するときは、",[20,21,26],"pre",{"className":22,"code":24,"language":25},[23],"language-text","const articles = actions.addCollection\n","text",[27,28,24],"code",{"__ignoreMap":29},"",[16,31,32],{},"でコレクションを作成しますが、作成した後に、",[20,34,37],{"className":35,"code":36,"language":25},[23],"articles.addReference('tags', 'Tags')\narticles.addReference('category', 'Categories')\n\n",[27,38,36],{"__ignoreMap":29},[16,40,41],{},"という形でrefを付与します。これは、「@gridsome\u002Fsource-filesystem」のrefsに相当します。",[16,43,44],{},"addReferenceは、",[46,47,48,52],"ol",{},[49,50,51],"li",{},"第一引数：collection内のキー",[49,53,54],{},"第二引数：参照するCollection",[16,56,57],{},"を指定します。",[16,59,60],{},"refsが作成されているので、GraphQLのfilterやbelongsToで、記事の絞り込みが可能になります。",{"title":29,"searchDepth":62,"depth":62,"links":63},2,[64],{"id":13,"depth":62,"text":14},"website-building","2021-09-01T02:00:00.000Z","md","ja",{},true,"\u002F20210901010000-gridsomeunix-timestamp",{"title":5,"description":5},"2d890f4ba879d5292228f8ce40ed8998","20210901010000-Gridsomeでunix-timestampを変換するには？",[76],"gridsome","-vcuxkBFOZ_M2Q3_ToGtHc7qX-9Jtfnj2vg03-zJneE",{"id":79,"title":80,"body":81,"date":85,"description":86,"extension":67,"locale":68,"meta":87,"name":90,"navigation":70,"path":91,"seo":92,"slug":6,"stem":6,"updated":85,"__hash__":93},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":82,"toc":83},[],{"title":29,"searchDepth":62,"depth":62,"links":84},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":88,"url":89},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":80,"description":86},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":95,"title":96,"body":97,"date":85,"description":96,"extension":67,"locale":68,"meta":101,"navigation":70,"path":102,"seo":103,"slug":65,"stem":65,"updated":85,"__hash__":104},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":98,"toc":99},[],{"title":29,"searchDepth":62,"depth":62,"links":100},[],{},"\u002Fwebsite-building",{"title":96,"description":96},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320299788]