Jamstack事例集： これだけあるぞ！ 厳選！ 世界と日本のJamstackサイト・アプリ、集めてみました

こんにちは。UPLIFT/合同会社 知的・自転車代表のしかたこうきです。

弊社は、動画制作と軽めのWeb開発の会社です。このnoteでは、弊社がWeb領域で注力しているJamstackについて説明しています。

近年、フロントエンド開発における新しいアーキテクチャの一つ、Jamstackが注目されています。

Jamstackは、高速でセキュアなWebサイトやWebアプリを構築することを可能にする技術です。

そのため、世界中で多くの企業や組織がJamstackを採用しています。

そこで、今回は、世界と日本で実際にJamstackを採用しているWebサイトやWebアプリを集めてみました。

なお、ここで紹介している各サイトの技術スタックは、すべてWappallyzrというChrome拡張機能で調査したものです。これらはすべて推定の情報になりますので、参考情報としてお読みいただければ幸いです。

Jamstackの事例（世界）

Audible

Audibleは、Amazonが運営する音楽や本、ラジオ番組などをダウンロードして聴けるサービスです。ユーザーは月額のサブスクリプション料金を支払うことで、1カ月に複数のタイトルを聴けるようになります。

Audibleは、Jamstack構成として、Next.jsを利用し、CMSにContentfulを利用しているようです。

Bang and Olfusen

Bang and Olufsenは、デンマークに本社を置くオーディオ製品やホームエンターテインメント製品の製造企業です。高品質でデザイン性に優れた製品を特徴としています。

Bang and Olfusenは、Jamstack構成として、Reactを利用し、CMSにContentfulを利用しているようです。

LEGO for Kids

LEGO for Kidsは、LEGOグループが子ども向けに運営するWebサイトです。このサイトでは、LEGOブロックやその他の製品の情報を発信しています。また、ゲームやコンテンツを提供しているため、子どもたちがLEGOに関する情報を楽しんで学ぶことができます。

LEGO for Kidsは、Jamstack構成として、Next.jsを利用し、ホスティング環境として、AWSを利用しているようです。

Canadian Cancer Society

Canadian Cancer Societyは、カナダにおけるがん患者やそのご家族のサポートや情報提供を行うNPOです。

Canadian Cancer Societyは、Jamstack構成として、Gatsbyを利用し、ホスティング環境として、AWSを利用しているようです。

JIMDO

JIMDOは、個人や小規模ビジネス向けのWebサイト作成プラットフォームです。Webサイトを作成するためのテンプレートやカスタマイズ機能を提供しており、専門の知識がなくても手軽にWebサイトを作成することができます。

JIMDOは、Jamstack構成として、Gatsbyを利用し、Webサーバー・リバースプロキシとして、nginxを利用しているようです。

Starbacks Reserve

Starbucks Reserveは、スターバックスが運営する高級コーヒーを提供するカフェのブランドです。このブランドのカフェでは、市場で手に入りにくい、または特殊な製法で製造された高品質なコーヒーを提供しています。

Starbucks Reserveは、Jamstack構成として、Next.jsを利用し、ホスティング環境としてMicrosoft Azureを利用しているようです。

Elton John

Elton Johnは、イギリスのシンガーソングライターです。彼は1970年代から活躍しており、多くのヒット曲をリリースしています。

Elton Johnは、Jamstack構成として、Next.jsを利用し、バックエンドにExpress.js、ホスティング環境として、Herokuを利用しているようです。

Jamstackの事例（日本）

クラウドワークス

クラウドワークスは、働き方改革を推進する企業です。Webサイト上では、フリーランスや個人事業主向けの仕事やツールの情報を提供しています。また、企業向けにも、リモートワークや働き方改革に関するコンサルティングやサポートを行っています。

クラウドワークスのコーポレートサイトは、Jamstack構成として、Nuxt.jsを採用し、ホスティング環境としてNetlify、ヘッドレスCMSとして、microCMSを採用しているようです。

マネックス・アセットマネジメント

マネックス・アセットマネジメントは、投資信託や株式、債券などの投資商品を取り扱う会社です。Webサイトでは、各種投資商品やサービスの情報を発信しています。また、投資に関する解説記事やカレンダーも掲載しています。

マネックス・アセットマネジメントのコーポレートサイトは、Jamstack構成として、Next.jsを採用し、ホスティング環境としてAWWS、ヘッドレスCMSとして、microCMSを採用しているようです。

クックパッド

クックパッドは、日本最大級の料理レシピサイトです。Webサイトでは、さまざまな料理のレシピを掲載しています。また、料理に関する情報や、料理教室の情報も提供しています。

クックパッドの採用サイトは、Jamstack構成として、Next.jsを採用し、バックエンドにNode.js、ホスティング環境としてAWSを利用しているようです。

バンダイナムコオンライン

バンダイナムコオンラインは、オンラインゲームの配信サイトです。Webサイトでは、自社が配信するゲームのダウンロードやプレイができるほか、各種イベントやキャンペーンの情報も発信しています。

バンダイナムコオンラインは、Jamstack構成として、CMSにmicroCMSを採用し、ホスティング環境としてAWSを利用しているようです。

note

今あなたが読んでいるこの記事を掲載してくれているnoteもそうです。noteは、ブログサービスを提供する会社です。

noteは、Jamstack構成としてNext.js/Nuxt.jsを採用し、ホスティング環境としてAWSを利用しているようです。

小田急ONE（オーネ）

小田急ONEは、小田急電鉄のWebサイトです。Webサイトでは、各種サービスや新しい情報を発信しています。

小田急ONEは、Jamstack構成として、Vue.jsを採用し、ホスティング環境として、AWSを利用しているようです。

まとめ: 急速に増え始めたJamstack製のサイトやアプリたち

Jamstackを採用することで、高速でセキュアなWebサイトやWebアプリを構築することができます。

本記事では、世界と日本で実際にJamstackを採用しているWebサイトやWebアプリを紹介しました。

世界では、日本でも知られているような世界的企業もJamstackを採用していることがわかりました。

また、日本でもWebやITに先進的な企業からJamstackの採用が始まっています。

特に日本はJamstack採用事例はこれから増えていくと思われます。確実に、Jamstackは今後のWeb業界の中で、確固たる地位を占めていくでしょう。

Jamstackの優位性についての詳細は別の記事に譲りますが、セキュリティ性能やページ表示速度、開発工数の効率化などを図りたい企業や組織の皆さんは、ぜひ弊社へご相談ください。