フロントエンド・フレームワーク Next.jsでのOGP画像の自動生成
概要動的にOpen Graph（OG）画像の生成するための方法について、OG Image Generation – Vercel Docsに書いてあるような内容のメモです。Vercelの@vercel/ogライブラリとVercel Edge...
中級の学習
フロントエンド・フレームワーク 
TypeScript GraphQLからTypeScriptの型定義を生成
概要@apollo/client などの一般的なGraphQLクライアントを用いてGraphQL APIからデータを取得するTypeScriptのコードで用いる型定義を、GraphQLサーバーから取得する方法のメモです。インストール以下をロ...
中級の学習 Next.jsからGitHub GraphQL APIを使用
概要Next.js/TypeScriptのプロジェクトから、GitHubのGraphQL APIにアクセスする方法を簡単にメモします。Next.jsのapiルートからGraphQL Yogaとgraphql-requestを用い方法になりま...