アシスタントエンジニアの石垣です。先日の山岸の記事でもお伝えしましたが、この度コーポレートサイトのトップページやサービスページの内容をアップデートしました。Gaji-Laboは事業成長のためのUIを作る会社として、3つの領域を柱にサービスを提供しています今回の記事ではアップデートするにあたってGatsbyJSの実装を行った際、サイト上のデータを任意に選んで参照し、ページに表示する実装を行ったため、その方法についてまとめたいと思います。今回のアップデートで公開されたサービス詳細ページで、サービスの内容と対応したモデルケースへのリンクリストを掲載しています。このリンクリストは直接HTMLを書いて実装することも可能ですが、GraphQLでデータを取得して流し込んだ方が全てのリンクを書く必要がなく、リンクも簡単に差し替えできるため、そのように実装しました。