簡単にコンテンツを管理・公開できる
ヘッドレスCMSサービス

JavaScriptで簡単連携

ここだけCMSのAPIを使えば、JavaScriptを使って非同期にコンテンツを取得できます。埋め込みコードとは異なり、より柔軟にデータを表示できます。

• カスタムデザインでコンテンツを表示
• 動的なフィルタリングや検索が可能
• ページ遷移なしでコンテンツを更新

// クライアントを初期化
const client = new HeadlessCMSClient('YOUR_API_KEY', 'YOUR_API_SECRET');

// お知らせ一覧を取得
client.fetchNews({ limit: 5 })
  .then(response => {
    const newsItems = response.data;
    const newsContainer = document.getElementById('news-container');
    
    newsItems.forEach(news => {
      const newsElement = document.createElement('div');
      newsElement.innerHTML = `
        <h3>${news.title}</h3>
        <p>${news.published_at}</p>
        <a href="#" onclick="showDetail(${news.id})">詳細</a>
      `;
      newsContainer.appendChild(newsElement);
    });
  });