ヘッドレスCMS・API配信とは?
ヘッドレスCMS・API配信とは、同じ情報をサイトとアプリで二重管理しているという状態を、仕組みで解消することです。frontendsは、この用途に使えるオープンソースのひとつです。Shopware 6を用いたカスタムヘッドレスフロントエンド構築のためのフレームワークです。
- カスタムヘッドレスストアフロントの構築
- Shopware 6を利用したECサイト開発
- TypeScriptを用いたフロントエンド開発
- AstroやNext.jsとの統合
- 高度なカスタマイズが必要なECサイト制作
frontendsを使うと何が変わるのか
Shopware Frontendsは、Shopware 6を利用して独自のヘッドレスストアフロントを構築するためのフレームワークです。TypeScriptを主な言語として採用しており、モダンな開発環境を提供します。Astrojs、Next.js、Nuxtなどの主要なJavaScriptフレームワークとの連携が想定されています。このツールを活用することで、柔軟性の高いECサイトのフロントエンドを構築することが可能です。
すでに世界で使われている完成品を土台にするので、同じものをゼロから作るより短い期間で済みます。当社は、この土台に対して日本語化、画面や項目の変更、権限、帳票、既存システムとの連携を加えて、御社の業務に合う状態にします。
frontendsの日本語対応(実測)
frontendsには日本語のファイルがありません。日本語化から始める必要があります。
| ライセンス | MIT |
|---|---|
| 主な言語 | TypeScript |
| GitHubスター | 226 |
| 日本語ロケール | 日本語ファイルなし(0ファイル) |
GitHubの公開ファイル一覧から日本語ロケールの実ファイルを数えた結果です。配布用のビルド成果物は除いています。技術的な詳細はfrontendsのOSS情報にまとめています。
進め方は?
進め方とは、現場を見て対象を決め、動くものを見ていただきながら作り、御社の環境へ導入するまでの流れのことです。書類で仕様を固めてから作る進め方はしません。
1日目(無料)
現場に伺い、いまのやり方を見せていただきます。ヘッドレスCMS・API配信のどこから手を付けるかを決めます。
2〜4日目
frontendsを土台に、御社のPCで目の前で開発します。動くものを見ながらその場で直します。
5日目
御社の環境へ導入し、ソースコードと開発ノウハウをお渡しします。以後は自社で改造できます。
その後
追加の作り込みが必要なら、範囲を決めてあらためてお見積もりします。延長を前提にした進め方はしません。
この方法が向かないのは?
向かないのは、基幹システムの全面刷新や、複数部門にまたがる大規模な仕組みのことです。15時間という枠では作り切れません。また、決まった手順を正確に繰り返すだけの処理は、AIを使わないほうが速く確実です。当社ではその部分は普通のプログラムとして作ります。
ヘッドレスCMS・API配信を、まず15時間で試す
名古屋市内なら、1日3時間×5日間の計15時間・税別15万円で試せます。初日3時間のヒアリングと提案は無料です。御社のPCと御社名義のAIエージェントで目の前で開発するので、作り方ごと社内に残ります。成果物とソースコードはお客様のものです。
AI導入お試し実験を見る 動くデモを先に見る(110,000円〜) frontendsについて相談するヘッドレスCMS・API配信に使える他のオープンソース
同じ用途に使える土台は他にもあります。ライセンス、日本語対応、規模を比べて選べます。
| 名前 | できること | 日本語 |
|---|---|---|
| lunar | LaravelベースのモダンなヘッドレスEC機能を提供するオープンソースパッケージです。 | 日本語ファイルなし |
| svelte-commerce | MedusaやShopifyなどの主要プラットフォームに対応したヘッドレスECフロントエンドです。 | 日本語ファイルなし |
| squidex | コンテンツ管理と配信を統合するヘッドレスCMSです。 | 日本語ファイルなし |
| saleor | 高性能で拡張性の高いヘッドレスコマースAPIです。 | 日本語ファイルなし |
| builder | ReactやVueなどの主要フレームワークに対応したビジュアル開発ツールです。 | 日本語ファイルなし |