# PixelGrid Inc. > PixelGrid Inc. is a Japanese web development company that specializes in modern web technologies, Jamstack, edge computing, and consulting services for web development projects. PixelGrid focuses on creating high-quality web applications and websites using modern approaches and technologies. The company shares insights about web development and offers various services related to web development. ピクセルグリッドは、モダンなアプローチと技術を用いて高品質なウェブアプリケーションとウェブサイトの制作に注力しています。ウェブ開発に関する知見を共有し、ウェブ開発に関連する様々なサービスを提供しています。 ## Services - [Web開発](https://www.pxgrid.com/webdev/): ビジネス要件から、プロジェクトで解決したいことまで丁寧にヒアリングし、最適な技術での開発をご提案します。また、実際の開発だけではなく、その後の運用までお手伝いできます。 - [直接取引のすすめ](https://www.pxgrid.com/webdev/directly/): ピクセルグリッドでは、大企業を含め、多くの会社さまと直接取引しています。 - [保守サービス](https://www.pxgrid.com/webdev/maintenance/): 開発後のWebを保守するサービスを提供しています。万が一のトラブル対応や、定例ミーティング、ライブラリアップデートを通じて継続的にサポートします。 - [お引き受けしないこと](https://www.pxgrid.com/webdev/non-offerings/): どのような開発を行っているのか、わかりやすく理解していただくためにお引き受けしていないことを説明させていただきます。 - [開発ポリシー](https://www.pxgrid.com/webdev/policy/): ピクセルグリッドは、8つのポリシーで開発しています。 - [得意とする開発](https://www.pxgrid.com/webdev/strengths/): ピクセルグリッドが得意とする開発の種類を紹介します。 - [UIデザインの指針](https://www.pxgrid.com/webdev/ui-design/): より良い実装には、設計されたUIデザインが欠かせません。 - [モダンフロントエンド](https://www.pxgrid.com/modern-frontend/): ピクセルグリッドが“モダン”と定義する、フロントエンド技術や手法を解説します。 - [AI活用開発](https://www.pxgrid.com/modern-frontend/ai-driven-development/): ピクセルグリッドではAIを積極的に活用し、開発の効率と品質を高めています。利用しているAIサービスと活用方針を紹介します。 - [コンポーネントベース設計](https://www.pxgrid.com/modern-frontend/component-based/): UIを小さな部品として分割・再利用する設計手法を解説します。Astro、Svelte、Solid、Reactなどのモダンなフレームワークで採用されており、保守性・再利用性・拡張性を高める重要な考え方です。 - [Git連携型ホスティング](https://www.pxgrid.com/modern-frontend/git-based-hosting/): Webホスティングの変遷をたどりながら、従来型アーキテクチャの課題と、それを解決する「Git連携型ホスティング」について解説します。 - [ヘッドレスCMS](https://www.pxgrid.com/modern-frontend/headless-cms/): モダンフロントエンド開発における、ヘッドレスCMSによるコンテンツ管理手法を解説します。 - [Jamstack](https://www.pxgrid.com/modern-frontend/jamstack/): ピクセルグリッドがオススメするJamstackについて解説します。 - [ページの事前生成](https://www.pxgrid.com/modern-frontend/prerendering/): 頻繁に更新されないコンテンツであれば、アクセスのたびにデータを読み込んでページを生成するのではなく、ビルド時にあらかじめページを生成しておくことで、多くのメリットが得られます。 - [CMSを使わないサイト](https://www.pxgrid.com/modern-frontend/without-cms/): CMSを使わずにMarkdownやCSVなどのテキストファイルをGitで管理することで、AIを活用してWebサイトを構築・運用する方法を紹介します。 - [エッジサーバーレスとは？](https://www.pxgrid.com/edge-serverless/): ピクセルグリッドが採用するCDNエッジでJavaScriptを実行する環境とそのメリット・利用場面を説明します。 - [高速でスケールするAPI](https://www.pxgrid.com/edge-serverless/api/): エッジサーバーレスでAPIを構築する利点について他の方法と比較します。 - [WebフレームワークのSSR](https://www.pxgrid.com/edge-serverless/ssr/): WebフレームワークのSSRを利用すると、パフォーマンスを維持しながらユーザーごとにコンテンツを出し分けたり、最新の情報を表示できます。 ## Works - [開発事例](https://www.pxgrid.com/works/): ピクセルグリッドがこれまで行ってきたWeb開発の事例をご紹介します。 - [あきばれホームページ](https://www.pxgrid.com/works/akibare/): HTMLがわからない人でも自由にコンテンツを制御できる、CMS管理画面のGUI実装を担当しました。 - [致知電子版](https://www.pxgrid.com/works/chichi/): Jamstack構成により、素早くユーザーにコンテンツを届けられるメディアサイトを、ランニングコストを抑えて実現しました。 - [CodeGrid](https://www.pxgrid.com/works/codegrid/): ピクセルグリッドで執筆・開発・運営をする、オンラインメディアCodeGrid。高速なメディアサイトとしてリニューアルしました。 - [FONTPLUS アドバンスト・プラン](https://www.pxgrid.com/works/fontplus/): 静的サブセッティング方式のWebフォント配信システムを開発しました。Webフォント配信サービスは、配信の速度が重要であり、また、大量のアクセスが見込まれるサービスです。 - [セゾンカード](https://www.pxgrid.com/works/saisoncard/): リニューアル時のフロントエンド開発を担当。Jamstack構成で情報を整理し、更新しやすく、高速でセキュリティを考慮したWebサイトを実現しました。 - [SARF CMS](https://www.pxgrid.com/works/sarf/): 情報設計、画面UI設計、画面デザインとフロントエンド開発を担当。開発時のスムーズな状況共有とコミュニケーションを実現する仕組みも構築しました。 - [SmartHR Design System](https://www.pxgrid.com/works/smarthr/): SmartHRで運営しているデザインシステムのWebサイトのリニューアルを技術面でお手伝いしました。より良くなるよう継続的にサポートをしています。 - [STAFF START ウィジェット開発](https://www.pxgrid.com/works/vanish-standard/): ECサイトへの手軽な導入と安定した運用を両立するJavaScriptウィジェットの設計・開発を担当しました。ECサイトへの機能追加は一般に大がかりな開発を伴いますが、必要な情報をAPIで取得するアーキテクチャにより、JavaScriptタグを1行埋め込むだけで既存サイトへ導入できる形を実現しています。 - [VRoid Hub](https://www.pxgrid.com/works/vroid/): 3Dモデルデータをアップロードするだけで、キャラクターが動くプロフィールページが作れるpixivのサービス。VRMのWebGL実装とそのビューア部分を担当しました。 - [www.pxgrid.com](https://www.pxgrid.com/works/www-pxgrid/): 株式会社ピクセルグリッドのコーポレートサイトは、デザインから設計、実装まで、技術的な妥協なく作られています。 ## About - [会社情報](https://www.pxgrid.com/about/): 株式会社ピクセルグリッドは、東京都港区にオフィスがあるWeb開発会社です。CodeGridを運営し、新しいWeb技術の普及を目指しています。 - [アクセス](https://www.pxgrid.com/about/access/): ピクセルグリッドのオフィスは、表参道駅より徒歩4分です。 - [会社概要](https://www.pxgrid.com/about/company/): ピクセルグリッドの会社概要をご紹介します。 - [ロゴのガイドライン](https://www.pxgrid.com/about/logo/): ピクセルグリッドロゴの利用ルール確認とロゴデータのダウンロードができます。 - [プレスキット](https://www.pxgrid.com/about/presskit/): プレスおよび個人の方がピクセルグリッドを紹介される際にお使いいただけるロゴデータや紹介文を掲載しています。 - [スタッフ](https://www.pxgrid.com/about/staff/): 多くは技術関連の著書があり、技術者向けの講演などをこなすフロントエンド・エンジニアです。 ## Careers - [求人](https://www.pxgrid.com/careers/): ピクセルグリッドの求人情報です。 - [環境と制度](https://www.pxgrid.com/careers/environment/): ピクセルグリッドはエンジニアが働きやすい環境やスタッフにうれしい福利厚生が充実しています。 - [よくある質問](https://www.pxgrid.com/careers/faq/): 求人に関する質問と回答をまとめました。 - [スタッフの出入り](https://www.pxgrid.com/careers/graph/): これまでのスタッフの入退社を図でまとめてご紹介します。 - [募集職種](https://www.pxgrid.com/careers/jobs/): 現在の募集職種を紹介します。 - [UIデザイナー](https://www.pxgrid.com/careers/jobs/designer/): プロジェクト要件をもとに、Webアプリの情報設計、UI設計、デザインを行います。 - [編集](https://www.pxgrid.com/careers/jobs/editor/): 社内外のエンジニアである執筆者と協力しながら、Web媒体の記事企画、進行管理、編集、執筆を行います。 - [Webエンジニア](https://www.pxgrid.com/careers/jobs/engineer/): Webフレームワークを使って、クライアント、もしくは自社のためのWebアプリケーションの開発を行います。 - [採用基準と採用までの流れ](https://www.pxgrid.com/careers/process/): 応募される方に向けて、どういった採用判断しているのか、その採用基準と応募から採用までのステップを説明します。 - [給料とボーナス](https://www.pxgrid.com/careers/salary/): 給料をしっかり払うのはもちろんのこと、利益が出たらみんなで分けられる仕組みにしています。 - [自由を大事にするワークスタイル](https://www.pxgrid.com/careers/workstyle/): ピクセルグリッドが「自由に働ける環境」のために行っているさまざまな取り組みについて、ご紹介します。 ## News and Insights - [ニュース](https://www.pxgrid.com/news/): ピクセルグリッドのスタッフによるイベント等での活動や、メディアへの寄稿・紹介、そのほか会社からのお知らせを掲載しています。 - [イベント](https://www.pxgrid.com/news/events/): 技術者向けのイベント等でのスタッフの活動をご紹介します。 - [メディア](https://www.pxgrid.com/news/media/): スタッフが執筆した技術関連の書籍や、メディアへの掲載情報をご紹介します。 - [会社からのお知らせ](https://www.pxgrid.com/news/topics/): ピクセルグリッドのお知らせやこのWebサイトの更新情報をお届けします。 - [オフィス移転のお知らせ](https://www.pxgrid.com/news/topics/2017/relocation/): 2017年10月の新オフィスへの移転についてご案内します。 - [感染拡大防止に向けた当社の対応](https://www.pxgrid.com/news/topics/2020/covid-19/): 新型コロナウイルス感染拡大防止についての取り組みと現在の状況をご案内します。 - [「モダンフロントエンドをリードする会社」へ](https://www.pxgrid.com/news/topics/2025/new-catchphrase/): ピクセルグリッドは、モダンフロントエンドをリードする会社になりました。 - [情報発信](https://www.pxgrid.com/insights/): インターネットに広く新しい技術が使われるように、Web技術情報を整理し、実際の開発で得たノウハウを情報としてまとめ、発信しています。 - [AstroでのWebサイト開発](https://www.pxgrid.com/insights/astro/): Webフレームワーク、Astroの特徴や使いどころ、ピクセルグリッドの事例、Astroへの貢献、技術情報公開などを紹介します。 - [Cloudflare Pages](https://www.pxgrid.com/insights/cloudflare-pages/): ホスティングサービスCloudflare Pagesの特徴や使いどころ、ピクセルグリッドの事例、技術情報公開などを紹介します。 ## Optional - [アンチハラスメントポリシー](https://www.pxgrid.com/policy/anti-harassment/): ピクセルグリッドのハラスメント防止に関する基本方針を紹介します。 - [採用活動におけるプライバシーポリシー](https://www.pxgrid.com/policy/careers-privacy/): ピクセルグリッドが採用活動において収集するプライバシー情報とその利用目的、個人情報の開示や利用停止の方法について説明します。 - [プライバシーポリシー](https://www.pxgrid.com/policy/privacy/): ピクセルグリッドが収集するプライバシー情報とその利用目的、個人情報の開示や利用停止の方法について説明します。 - [情報セキュリティポリシー](https://www.pxgrid.com/policy/security/): ピクセルグリッドの情報セキュリティに関する基本方針を紹介します。 - [お問い合わせ](https://www.pxgrid.com/contact/): Web開発に関するご相談やご依頼、その他ピクセルグリッドへのお問い合わせを承ります。 - [商談・提案・相談のための有料打ち合わせ](https://www.pxgrid.com/contact/paid-meeting/): 商談、提案、情報交換、各種ご相談のためのオンライン打ち合わせを、有料で承っています。 - [お支払いありがとうございます](https://www.pxgrid.com/contact/paid-meeting-thanks/): 有料打ち合わせのお支払いが完了しました。今後の流れをご案内します。