[{"data":1,"prerenderedAt":90},["ShallowReactive",2],{"legacy-question-474453d0e3fe2b851afe428908317836":3,"legacy-question-author-koji-kadoma":64,"legacy-question-category-website-building":79},{"id":4,"title":5,"author":6,"body":7,"category":50,"date":51,"description":52,"extension":53,"locale":54,"meta":55,"navigation":56,"path":57,"seo":58,"slug":59,"stem":60,"tag":61,"updated":51,"__hash__":63},"legacyQuestions\u002F20210401000000-Gridsomeでマークダウン内の変数でページを引きたい.md","Gridsomeでマークダウン内の変数でページを引きたい","koji-kadoma",{"type":8,"value":9,"toc":45},"minimark",[10,14,18,28,31,34,42],[11,12,13],"h2",{"id":13},"基本的には難しい",[15,16,17],"p",{},"静的サイトジェネレータを使っていると、slugとか、dateとかでURLを決めて、データを受け取りたいケースがたくさんありますが、GridsomeではtemplateとpageでGraphQL用に受け取る変数は、",[19,20,21,25],"ol",{},[22,23,24],"li",{},"id",[22,26,27],{},"path",[15,29,30],{},"の二つだけでなので、オリジナルの変数でGprahQLからデータを絞り込むのはかなり難しいです。",[15,32,33],{},"ただ、自動生成される検索用の「allXxxxx」クエリでデータ自体を探すことは可能ですが、",[19,35,36,39],{},[22,37,38],{},"pathからURLの構造を解析",[22,40,41],{},"解析した引数を使って、検索用の「allXxxxx」クエリからデータを取得",[15,43,44],{},"という流れになるのでかなり面倒です。うまくpathを使ってデータを使った方が簡単です。",{"title":46,"searchDepth":47,"depth":47,"links":48},"",2,[49],{"id":13,"depth":47,"text":13},"website-building","2021-04-01T00:00:00.000Z","Gridsomeでサイトを作成する","md","ja",{},true,"\u002F20210401000000-gridsome",{"title":5,"description":52},"474453d0e3fe2b851afe428908317836","20210401000000-Gridsomeでマークダウン内の変数でページを引きたい",[62],"gridsome","W7l2ZdqCz3HkY7TYPWWzm_o-0JUQ47rmUKQDDd_ILEA",{"id":65,"title":66,"body":67,"date":51,"description":71,"extension":53,"locale":54,"meta":72,"name":75,"navigation":56,"path":76,"seo":77,"slug":6,"stem":6,"updated":51,"__hash__":78},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":68,"toc":69},[],{"title":46,"searchDepth":47,"depth":47,"links":70},[],"Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":73,"url":74},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":66,"description":71},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":80,"title":81,"body":82,"date":51,"description":81,"extension":53,"locale":54,"meta":86,"navigation":56,"path":87,"seo":88,"slug":50,"stem":50,"updated":51,"__hash__":89},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":83,"toc":84},[],{"title":46,"searchDepth":47,"depth":47,"links":85},[],{},"\u002Fwebsite-building",{"title":81,"description":81},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320301832]