会社サイトリニューアルの検討と実際：実装編

OGP画像の生成に必要なデータをAstroの機能を活用して取得する方法と、OGP画像生成の工夫について解説します。画像生成は、ビルドのパフォーマンスを重視し、必要な処理に応じた複数のライブラリを組み合わせる構成になります。

菅野 亜実

フロントエンド・エンジニア

ピクセルグリッドの会社サイトでは、Astroの機能を組み合わせた独自の仕組みを構築することで、ページごとに異なるOGP画像の自動生成を実現しています。今回はその方法について解説します。

菅野 亜実

フロントエンド・エンジニア

今回のリニューアルではMDXファイルで各ページを管理しています。各MDXファイルのコンポーネントやデータの置き方がどのようになっているのかを解説します。

菅野 亜実

フロントエンド・エンジニア

2023年に行ったピクセルグリッドの会社サイトリニューアルでは、データの再利用性や、コンテンツ編集者にとっての可読性を大切に、内部のコード構造も大幅リニューアルしています。まずはどのような意図でデータ設計を行ったのかを紹介します。