ブロック型・国産CMS

つくるのも、
直すのも、あなたの手で。

画面を見たまま、文字も画像もクリックで編集。豊富なデザインブロックを積み重ねるだけで、公開サイトも EC も思いどおりに。

共有サーバーで動く SSR対応で高速・SEOに強い カスタムコード対応(three.js もOK)
こんなこと、ありませんか?

サイト運用の「あるある」を、なくす。

?

プラグインの相性・更新・セキュリティが不安

?

「ちょっと直したい」たびに外注 → 時間もお金もかかる

?

テンプレは決まった見た目で、他社と同じに見える

?

スマホで崩れる/表示が遅い

BlockCMS とは

画面を見たまま編集できる、
ブロック積み上げ型の国産 CMS。

ブロックを積むだけでページが完成する概念図
1

見たまま編集

公開画面そのままの上で、クリックして文字・画像・並び順を変更。

2

積むだけで完成

ヒーロー・スライダー・地図・料金表など多彩なブロックを並べるだけ。

3

まるごと自分のもの

WordPressのように自己ホスト設置。プラットフォーム依存なし。

主要機能

できることの、中核。

専門知識ゼロで、プロのデザインを自分で動かせる。必要な機能はひととおり揃っています。

見たまま編集
ホバーして複製・編集・並替
豊富なブロック
数十種を選ぶだけ
動きの演出
パララックス・3D・登場
デザイン自由度
フォント・色・行間
スマホ最適化
スマホだけの調整も
レイアウト管理
ヘッダー/フッターも
デザインテーマ
可逆に切り替え
カスタム投稿
独自の種別を定義
フォーム
保存+通知/自動返信
ネットショップ
商品〜決済まで
AIアシスト
文章の下書き+画像生成
プラグイン
zipで機能追加
もう少し詳しく

「できること」を、具体的に。

見たまま編集

管理画面と公開画面を行き来せず、実際のページの上で直接編集。文字はクリック、画像はドラッグ&ドロップ。ホバーすればブロックの複製・削除・並べ替えもその場で。

クリック編集画像D&D複製・並べ替えすぐ公開

豊富なデザインブロック

用途に合わせて数十種のブロックから選ぶだけ。組み合わせるだけでプロの構成になり、「どう作るか」で悩みません。

ヒーロー(動画可)スライダー地図料金表ギャラリーSNSリンク外部フィードコラージュ

動きの演出

スクロールに合わせた登場、視差(パララックス)、カーソル追従の3Dチルトなど。動かしすぎない既定なので、上品で読みやすい仕上がりに。

登場アニメパララックス3Dチルト波の区切り

デザインの自由度

サイト全体でも、ブロック1つでも細かく調整。フォントは文字単位でも変えられ、色・行間・余白まで自分の世界観に寄せられます。

フォント多数文字単位の書体行間・文字サイズ背景色ホバー効果ボタン装飾

スマホ最適化

1つの編集で PC もスマホも自動対応。さらに、スマホのときだけ画像・余白・列数・文字サイズを変えるといった細かな出し分けもできます。

スマホ用画像余白・改行列数文字サイズPC/スマホ出し分け

カスタム投稿タイプ

「スタッフ」「導入事例」「メニュー」など、サイトに合わせた独自のコンテンツ種別を自分で定義。一覧ページも詳細ページも自動で用意され、商品ページと同じようにブロックで作り込めます。カテゴリ分けにも対応します。

種別を自由に定義一覧・詳細を自動生成カテゴリ分けブロックで本文

フォームビルダー

問い合わせ・予約・アンケートなどのフォームを、項目を並べるだけで作成。ページにはブロックとして差し込みます。送信内容はデータベースに保存され、管理者への通知メールと、送信者への自動返信メールも送れます。

項目を並べて作成ブロックで設置DBに保存通知メール自動返信

ネットショップ(EC)

商品の登録からカート、購入手続き、決済まで対応。EC専用のトップページも用意でき、通常ページと同じブロックで自由に作り込めます。「見せる」も「売る」も一つのサイトで完結します。

商品管理カート購入手続き決済連携EC専用トップ

AIアシスト

ご自身のAPIキーを設定すれば、文章の下書きと画像の生成の両方をAIに任せられます。文章は Claude / ChatGPT / Gemini、画像は DALL·E・GPT Image・Gemini から選択。写真の用意がなくても、まわりの文章に合った画像をその場で作れます。

文章用と画像用で別のキーを登録でき、モデルも選べます。鍵はご自身の管理下に置かれ、候補を確認して選んだものだけがページに入ります。

文章の下書きAI画像生成Claude / ChatGPT / Gemini候補から選んで反映自分のAPIキーモデルを選択

カスタムコード(HTML / CSS / JavaScript)対応

用意されたブロックに収まらない表現も、コードを貼り付けるだけで組み込めます。three.js のような高度な 3D・アニメーションも OK。このページのヒーローの立体も、その一例です。

HTML/CSS/JS を貼り付けサンドボックスで安全に実行three.js などの外部ライブラリ地図・SNS・動画の埋め込み
ブロック
見たまま編集実ページの上でホバー → 複製・編集・削除・並べ替え。
ページ
ここにドロップ
ブロック一覧
ヒーロー
画像+テキスト
料金プラン
画像+テキスト
ドラッグ&ドロップで組み立て右のブロックを左のページへ。積むだけでレイアウトが完成します。
1つの編集で、PC もスマホも。同じ内容が、画面幅に合わせて自動で最適化されます。
1画像の指示を書く
朝の光が入る、木のカウンター

まわりの文章も参考にするので、短い指示でも内容に合った絵になります。

2候補を見て選ぶ
✓

正方形・縦長・横長を選べます。気に入らなければ作り直しも自由。

3そのままブロックへ

選んだ1枚だけが画像欄に入ります。確認せずに公開されることはありません。

AIで、画像もつくれる。写真の手持ちがなくても大丈夫。ブロックの画像欄・投稿の画像・見たまま編集の紙面上、どこからでも生成できます。
選ばれる理由

他の CMS と、どう違う?

BlockCMS一般的なテンプレ型プラグイン依存型
編集のしやすさ◎
見たまま編集
△○
デザイン自由度◎
ブロック自由組み
△○
表示速度・SEO◎
SSR対応
○△
保守・安全◎
依存少・自己ホスト
○△

◎ 得意 / ○ 対応 / △ 弱い。共有サーバーでも動作します。

描画のしくみ

Vue なのに、速い・強い。

BlockCMS は Vue で作られていますが、ページはサーバー側で「完成した HTML」にしてから返す(SSR)ことができます。ブラウザで組み立てる従来の方式(CSR)と比べて、最初の表示が速く、検索エンジンにも AI にも中身が正しく伝わります。

従来(CSR)

ブラウザで組み立て

{ }
サーバーは
空のHTML+JS
→
ブラウザが
後から生成
→
🔍✕
クローラーは
本文が読めない

最初は空。表示までひと呼吸あり、検索・AIが中身を取りこぼすことも。

BlockCMS(SSR)

サーバーで完成HTML

完成したHTMLを
そのまま返す
→
すぐに表示
(待たせない)
→
クローラーが
本文まで読める

最初から中身がある。速く表示され、検索・AIにも正しく伝わります。

SEO
検索に強い

検索エンジンが JS の実行を待たずに本文を読めるので、正しくインデックスされやすくなります。

AEO
AIに引用されやすい

ChatGPT などの生成エンジン・AIクローラーにも、完成HTMLで内容が伝わり、要約・引用の対象になりやすくなります。

SPEED
初回表示が速い

最初から中身が入ったHTMLが届くので、体感の待ち時間が短く、離脱を抑えられます。

RESPONSE
応答が安定

サーバーが完成HTMLを返すため、端末や回線が非力でも表示が安定します。共有サーバーでも動作します。

※ AEO=Answer Engine Optimization(AI・回答エンジン向けの最適化)。SSR は用途に応じて有効化できます。

ユースケース

こんな用途に。

コーポレートサイト店舗・サロン士業・クリニック ネットショップブランドLP制作会社の量産・納品基盤
導入・運用

設置も更新も、かんたん。

1

ウィザードで設置

WordPressのようなインストールウィザードで初期設定。

2

ブロックで作る

画面を見たまま、積むだけ。すぐに公開できます。

3

ワンコマンド更新

app:upgrade でバージョンアップ。共有サーバーでも安定稼働。

B管理
3
新規受注
5
新規会員
0
品切れ商品
管理はシンプル受注・会員・コンテンツをひと目で。
FAQ

よくある質問

コードは書けなくても使えますか?

はい。すべて画面上の操作で完結します。文字はクリックで、画像はドラッグ&ドロップで編集できます。

スマホ対応は?

標準で対応しています。スマホだけの余白・改行・列数・文字サイズなど、細かい調整も可能です。

WordPress から乗り換えられますか?

自己ホスト型で移行しやすい設計です。設置は付属のインストールウィザードで行えます。

独自機能を足せますか?

zip をアップロードするプラグインの仕組みで拡張できます。

表示速度は速いですか?

Vue でもサーバーサイドレンダリング(SSR)に対応。高速でSEOにも有利です。

AI の利用料はかかりますか?

AI はご自身で発行したAPIキーで動くため、利用料は発行元(Anthropic・OpenAI・Google)から直接ご請求されます。BlockCMS 側での追加料金はありません。キーを設定しなければ AI の機能は現れず、これまでどおりお使いいただけます。

AI が作った文章や画像が、そのまま公開されませんか?

いいえ。AI が出すのはあくまで候補(下書き)です。画像は候補を見て選んだ1枚だけが画像欄に入り、文章も内容を確認してから保存します。確認を経ずに公開されることはありません。

デモ版のお申し込み

まずは、実際に触ってみてください。

下のフォームからお申し込みいただくと、デモ版のアカウントとパスワードを折り返しメールでお送りします。

  1. 1. 入力
  2. 2. 確認
  3. 3. 完了

お名前と、正しい形式のメールアドレスをご入力ください。

この時点では送信されません。次の画面で内容をご確認いただきます。