AI
webiny-jsとは?AWSサーバーレスCMSの使い方・ライセンス・導入時の注意点

webiny-jsとは?AWSサーバーレスCMSの使い方・ライセンス・導入時の注意点

オープンソースラボ編集部 ・ 2026年10月6日

Webiny-jsの概要

Webiny-jsは、AWS のサーバーレスサービス上で動作するオープンソースのエンタープライズCMSです。単なる設定型のツールではなく、TypeScriptフレームワークとして設計されており、コードで機能を拡張できます。

READMEの説明では「AI-programmable CMS for enterprises hosting on AWS」とされ、Lambda、DynamoDB、S3、CloudFrontを組み合わせた独自のアーキテクチャで、サーバー管理なしに自動スケーリングする環境を提供します。GitHub上の累計スター数は8,048(2026年10月6日確認)です。

主な機能と特徴

ヘッドレスCMS

カスタムコンテンツモデルの定義、GraphQL APIの提供、フィールドレベルの権限管理、多言語対応、バージョン管理が組み込まれています。コンテンツモデルは管理UI画面または코드で定義でき、業務に応じた柔軟な設計が可能です。

ウェブサイトビルダー

ドラッグ&ドロップの操作感で、コーディングなしにページを作成できるビジュアルエディタです。Next.js SDKを通じて独自フロントエンド(Vercel、CloudFront など)で렌더링でき、Reactコンポーネントで要素をカスタマイズできます。

ファイルマネージャー

デジタルアセット管理(DAM)機能として、CDN配信、フォルダ構造、タグ付け、検索に対応しており、CMSとウェブサイトビルダーに統合されています。

公開ワークフローと権限管理

複数ステップの承認フロー、下書き状態の管理、レビュアー割り当て、スケジュール公開、監査ログが組み込まれています。

マルチテナント機能

単一デプロイから数千のテナントをホストでき、テナント間はデータ、ユーザー、アセット、権限が分離されます。テナントの作成・管理はGraphQL APIで自動化でき、階層的な構造( Root → Brand → Market など)にも対応しています。

Webinyフレームワーク

TypeScriptベースのフレームワークとして、ライフサイクルフック、依存性注入、GraphQLスキーマ拡張、管理UI拡張、インフラ拡張の機能が提供されます。つまり、UIで設定するだけでなく、コードで挙動を制御できることが、商用CMSとの大きな違いです。

AI支援開発

WebinyはMCPサーバーとAIスキルを提供し、Claude Code、Cursor、Kiro などのAIコーディング・エージェントに対し、プラットフォームのアーキテクチャと拡張ポイントに関する深い文脈を与えます。AIが生成したコードは、強い型システムと明示的な拡張ポイントによって、コンパイル時に正確性が担保されます。

技術スタックとアーキテクチャ

Webiny-jsはTypeScript、React、GraphQL、Node.js、Pulumi、AWSサーバーレスサービスで構成されています。

インフラストラクチャはPulumiを使った Infrastructure as Code(IaC)で自動化され、単一の deploy コマンドでプロビジョニングされます。Lambda メモリの調整、CloudWatch アラームの追加、VPC 設定の変更、カスタムAWSリソースの追加など、すべてを手動で操作できます。IaCテンプレートはオープンソースなので、内容を確認・変更することが可能です。

サーバー管理、パッチ適用、スケーリング、キャパシティプランニングはAWSが担当するため、開発チームはビジネスロジックに集中できます。

導入方法と初期構築

必須環境

Node.js 22以上、Yarn、AWS アカウント(プログラムによるアクセス権限)が必要です。

クイックスタート

公式ドキュメントに記載されたコマンドで、プロジェクトを初期化できます。

npx create-webiny-project my-project
cd my-project
yarn webiny deploy

初回デプロイには5~15分かかり(AWSリソースのプロビジョニング時間)、完了後に管理パネルのURLが提供されます。最初の管理者アカウントを作成すれば、すぐに利用開始できます。

ローカル開発環境

yarn webiny watch admin  # React開発サーバー(localhost:3001)
yarn webiny watch api    # ローカルLambda実行環境

これにより、クラウドへのデプロイなしに、ローカルマシン上で機能を確認・テストできます。

チームへのオンボーディング

新しいチームメンバーは、リポジトリのクローン後、yarn を実行するだけで開発を始められます。環境セットアップが最小限で済むため、素早いチーム拡大が可能です。

ライセンスと利用形態

Webiny-jsはMITライセンスで公開されています。GitHub LICENSE ファイル↗から確認できます。MITライセンスは商用利用、改変、配布が許可される極めて許容性の高いライセンスです。

料金に関して、READMEやReleases ページに料金情報の記載がないため、公式ドキュメントまたは問い合わせで確認が必要です。自社AWSアカウント上でのセルフホスティングのため、AWSの利用料に応じたコストが発生することは明らかです。

活用シーン

大規模エンタープライズの導入実績

READMEでは、Amazon、Emirates、Fortune 500企業、政府機関、自社製品内にWebinyをホワイトラベルで組み込むSaaSプラットフォームが本番環境で利用していると記載されています。数億件のコンテンツレコード、ペタバイト規模のアセット、数千人のエディタを管理するチームが使用しているため、エンタープライズ規模の要求に対応できる実績があります。

複数サイト・マルチテナント運用

マルチテナント機能により、単一インスタンスで複数のクライアントや事業ブランドを管理でき、テナント間の完全な分離が保証されます。例えば、制作会社が複数のクライアント向けサイトを一元管理する場合や、企業グループが複数ブランドの情報発信を統括する場合に適しています。

ヘッドレスCMSとしての柔軟な運用

Next.js、Nuxt、Astroなど、任意のフロントエンドフレームワークとの組み合わせが可能です。GraphQL APIを経由した運用なので、バックエンドとフロントエンドを独立して進化させられます。

コンテンツ承認フロー導入が必要な組織

多段階のワークフロー、権限管理、監査ログが組み込まれているため、規制業界や大規模編集組織での導入に適しています。

デメリットと導入時の注意点

AWS専属とコスト管理

Webiny-jsはAWSに完全に依存しており、他のクラウドプロバイダ(GCP、Azure)やオンプレミス環境へのデプロイはサポートされていません。また、AWSの利用料に応じてコストが変動するため、トラフィック増加や大規模データ管理時のコスト予測が必要です。AWSの料金体系を十分理解した上で導入を検討してください。

学習コストとチーム技術レベルの要件

TypeScript、React、GraphQL、AWS サーバーレスの知識が前提となります。UIのみで完結するCMSと異なり、カスタマイズにはプログラミングが必須です。非エンジニアが完全に独立して運用することは困難なため、開発チームとの協働が必要です。

初回デプロイ時間

初回デプロイが5~15分かかるため、本番環境への即座の反映には向きません。テスト環境での事前確認が重要です。

実装・カスタマイズの手間

Strapiや他のマネージドCMS との比較では、インフラ構築・管理の工数がWebiny-jsに集約されます。既製のテンプレートやプラグインを活用したい場合は、別のツールの検討も視野に入れてください。

公式サポートの確認が必要

公開情報からは、商用サポートの有無や対応SLA が明記されていません。本番環理用途での導入前に、公式ドキュメントまたはコミュニティSlackで確認してください。

よくある質問

webiny-jsとStrapiの違いは何ですか?

StrapiはNode.js製のヘッドレスCMSで、自社サーバーやレンタルサーバーでのホスティングを想定しています。一方、Webiny-jsはAWSサーバーレスに最適化され、インフラ管理が自動化されている点が異なります。カスタマイズ性はWebiny-jsが高く、導入の簡便性はStrapiが優れています。

Webiny-jsで静的サイト生成は可能ですか?

HugoやAstroのような純粋な静的サイトジェネレーターとは異なりますが、GraphQL APIを経由して静的ビルド時にコンテンツを取得し、Next.jsやAstroで静的サイトを生成することは可能です。ただし、公式ドキュメントでの具体的な実装例は確認が必要です。

マルチテナント機能はどのくらいまでスケールしますか?

READMEでは「数千のテナント」のホスティングが可能と記載されていますが、具体的なテナント数上限やパフォーマンス特性については、公式ドキュメントで詳細を確認してください。

Webiny-jsをホワイトラベルで提供したい場合、可能ですか?

公式記載では、SaaSプラットフォームがWebinyを自社製品内にホワイトラベルで組み込んでいる例があります。ただし、実装方法や利用条件の詳細は、プロジェクト規模に応じて公式チームへの相談が必要です。

AIコーディングエージェントとの連携はすぐに使えますか?

WebinyはMCPサーバーを提供し、Claude Code、Cursor、Kiroなどと連携可能です。ただし、各ツールごとのセットアップ手順は公式ドキュメント(AI-Assisted Development Guide↗)で確認してください。

まとめ

Webiny-jsは、エンタープライズ向けのTypeScriptフレームワーク型ヘッドレスCMSです。AWSサーバーレスの自動スケーリング、マルチテナント対応、GraphQL API、ドラッグ&ドロップエディタ、AI支援開発などの豊富な機能を備えています。

Amazon や Fortune 500企業での本番利用実績があり、コンテンツ管理の規模と複雑さが高い組織向けに設計されています。ただし、AWSへの完全な依存、TypeScriptやAWSサーバーレスの技術スタックの学習、カスタマイズに要するエンジニアリングコストが必須条件です。

導入を検討する場合は、AWSコストの試算、チームの技術レベル、本来必要な機能範囲を慎重に検討し、公式ドキュメント(https://www.webiny.com/docs)とコミュニティSlack(https://www.webiny.com/slack)で事前に質問・相談することをお勧めします。↗


参考リンク

公式資料

関連リンク・公式情報

ここで紹介したツールの一次情報(公式サイト・ソースコード)と、オープンソースラボ内の関連ページをまとめました。導入検討の際にご活用ください。

公式サイト・ソースコード(外部リンク)

オープンソースラボの関連ページ(内部リンク)

この記事で紹介したOSS

他の記事も読む

Let's Build Together

OSS導入、自社だけで悩まない。

ツール選定から構築・運用・AI活用まで、オープンソースラボ運営元のClasslessが伴走します。初回のご相談は無料です。