Storyblokコネクタを試す｜編集者がページを直感操作できるCMS

これは何？ Storyblokは『ページの見た目を見ながら編集できる』CMS。コネクタを繋ぐと、編集者が直感的にコンテンツを差し替えられます。

これで何ができるようになる？#

• 編集者がコードを触らずページレイアウトを更新できる企業サイト
• キャンペーンLPをマーケチームが自分で量産
• 多言語対応の記事メディア

こんな人にハマります / そうでない人#

• ✅ 向いている：非エンジニアの編集者がメインのチーム、LP量産が必要なマーケ組織
• ⚠️ 向いていない：編集者がいない個人開発（Notionで十分）

はじめての接続手順#

1. Connectors → Storyblok → Connect
2. Storyblokでスペース選択
3. プレビュートークンと公開トークンを区別して設定

そのままコピペできるプロンプト例#

Lovableのチャット欄に貼って試してみてください。1メッセージ1目的が成功率を上げるコツです。

【例1】Storyblokの『ホームページ』ストーリーを取得して、トップページのヒーロー部分・特長・CTAを動的に差し替えできるように。

【例2】Storyblokの『記事』カテゴリをスラッグ別ルートで /blog/[slug] に表示して。

【例3】Storyblokの多言語対応で、ja/enのコンテンツを /[locale]/... に分けて表示して。

よくある失敗とリカバリ#

裏側ではこうなっています（少しだけ技術の話）#

Storyblokとのやり取りは「サーバー関数」と呼ばれる安全な裏側のプログラムを通って行われます。あなたのブラウザに直接APIキーを置かないので、誰かにキーを盗まれる心配がありません。Lovableが自動でこの仕組みを作ってくれるので、構造を理解しなくても安全に使えます。

次の一歩#

編集者にとっての使いやすさが最大の魅力。最初の3コンポーネント（Hero/Feature/CTA）を丁寧に作るのが成功の鍵。