PixelGridコーポレートサイト

株式会社ピクセルグリッド

株式会社ピクセルグリッドのコーポレートサイト。自社のフラッグシップモデルといえるこのサイトはデザインから設計、実装まで、技術的な妥協なく作られています。また、定期的にリニューアルされ、常にメンテナンスされています。

https://www.pxgrid.com/

コーポレートサイト

Webフォントを採用しながら高速に表示

現在の構成は、WebフレームワークにAstro、ホスティングサービスにCloudflare Pagesを利用して高速に表示されるサイトに仕上げました。デザイン面ではWebフォントでNoto Sans JPのバリアブルフォントを利用し、場所に応じたウェイト指定をしても容量を抑えられています。また、重くなりがちなWebフォントは独自にサブセットを生成し、セルフホストすることでパフォーマンスにも気を遣っています。

CodeGrid: 会社サイトリニューアルデザイン編

ヘッドレスCMSを使わないコンテンツ管理

Jamstackでは、ヘッドレスCMSを使ってコンテンツを管理するサイトが多いですが、このサイトではMarkdownやMDX、YAMLを使ってGitベースでコンテンツを扱う設計にしました。依存するサービスを減らしビルドできる設計です。

SNSシェアに対応したOGPイメージ生成

SNSでシェアされた際に使われるOGP（Open Graph Protocol）とその画像は、シェアされたURLの情報を伝える大事な情報です。このサイトではページごとのタイトルや関連情報が含まれた、違うイメージ画像を自動生成し、設定されます。これにより、多くのサービスでシェアされた際にもわかりやすく情報とリンクが表示されます。