www.pxgrid.com

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

株式会社ピクセルグリッドのコーポレートサイト。自社のフラッグシップモデルといえる本サイトは、デザインから設計・実装まで技術的な妥協なく仕上げています。新しい技術を試す場も兼ねており、定期的なリニューアルを重ね、継続的にメンテナンスしながら運用しています。WebフレームワークにAstro、ホスティングにCloudflare Workersを採用し、高速表示を実現しました。

https://www.pxgrid.com/

コーポレートサイト
Cloudflare

使っている文字だけを配信する日本語フォント

日本語のWebフォントは収録する文字が多く、ファイルが大きくなりがちです。このサイトでは、ビルドのたびにサイト内で使われている文字を集め、その文字だけを含むNoto Sans JPのフォントファイルを生成しています。フォントファイルは約300KBに収まり、外部のフォント配信サービスに頼らず自社サイトから配信しています。

特定のCMSやホスティングに縛られないコンテンツ管理

ページの内容はMarkdownやMDX、YAMLで書き、Gitで管理しています。ヘッドレスCMS（APIでコンテンツを管理する仕組み）のような外部サービスを使わないため、サイトを作る技術を替えてもコンテンツはそのまま引き継げます。実際にこのサイトは、WebフレームワークをEleventyからAstroへ移しました。ホスティングもCloudflare PagesからCloudflare Workersへ移しましたが、どちらもコンテンツはそのまま引き継いでいます。

お問い合わせの一次対応をAIで自動化

お問い合わせフォームと求人応募フォームから届いた内容は、AIが要約して種類を判定し、対応状況を管理するチケットとして登録します。種類に応じた返信メールも自動で送ります。判断が難しいお問い合わせは自動で返信せず、Slackで担当者に知らせて人が判断します。AIの判定は担当者がSlack上で訂正でき、対応の漏れを防ぎながら一次対応の手間を減らしています。

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

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