神戸ソフト株式会社(本社:兵庫県神戸市中央区、代表取締役:松岡 利昌)は、Astro で作ったWebサイトのための CMS「Cocoro CMS」の提供を開始しました。Astro のサイトのソースをそのまま読み取り、プレビューを押して文章や画像を直せます。直した内容は GitHub のプルリクエストになり、承認すると静的なサイトとして公開されます。フリープランは1サイト・2人まで、ずっと無料で利用できます。

Cocoro CMS:https://kobesoft.co.jp/products/cocoro-cms/

【画像 https://www.dreamnews.jp/press/367496/images/bodyimage1】

▲ 承認の画面。何が変わったかを行ごとに色分けして見せ、承認すると、確かめた中身のまま公開します(画面は見本のサイト「こころ写真館」のものです)

開発の背景

Astro で作ったサイトは、文章や画像がソースの中にあるため、お知らせ1本を直すにも開発者に頼むことになりがちです。一方、WordPress のようにサーバーで動く CMS は、担当の方が自分で更新できる代わりに、プラグインを足すほど、本体・テーマ・プラグインの更新と、そのたびの表示の確認が増えていきます。

Cocoro CMS は、開発者が作った Astro のサイトをそのまま使い、担当の方が直してよいところだけを画面で直せるようにしました。中身を独自のデータベースにしまい込まず、正本はお客様の GitHub のリポジトリです。公開されるのは Astro が作った HTML と画像だけで、公開しているサーバーには、動くプログラムもログインの入り口も置きません。

Cocoro CMS の特長

1. いつもの Astro のまま、見たまま編集
SDK を入れたり、独自の書き方に直したりする必要はありません。Cocoro CMS が .astro のページやコンポーネントの props、コンテンツコレクションの zod のスキーマを読み取り、編集の欄を作ります。プレビューの文字や画像を押すとその場所の編集の欄が開き、パソコン・タブレット・スマホの幅で見え方を確かめられます。プレビューは、お客様のサイトを隔離した環境の astro dev で動かしたものです。

2. 直したところだけを書き戻し、デザインは崩さない
担当の方が書き換えられるのは、文字・画像・リンクと、コンポーネントの props だけです。直した文字の範囲だけをソースに書き戻すので、インデントやコメントなど、ほかの行は変わりません。一覧を組み立てるコードなどはロックされ、データの出どころを示して、そちらで直すよう案内します。

3. 変更はプルリクエストに。承認してから公開
「確認を頼む」を押すと、変更は GitHub の枝へのコミットとプルリクエストになります。承認する人は、何が変わったかを行ごとの色分けで確かめて「承認して公開する」を押します。承認したあとに中身が書き換えられたら公開せず、自分の変更を自分ひとりで承認することもできません。承認してから公開する流れと、日時を決めた予約公開は、スターター以上のプランで使えます。

【画像 https://www.dreamnews.jp/press/367496/images/bodyimage2】

▲ 記事の編集画面。見たままの画面と Markdown を切り替えて書けます。右のタイトルや日付の欄は、サイトの定義から自動でできます(画面は見本のサイト「こころ写真館」のものです)

4. AI の「制作ライン」で、オウンドメディアを続ける
プロ・ビジネスプランでは、企画のリストから AI が下書きを作り、決めた基準で点検し、人が目を通したものを決めたペースで公開する「制作ライン」を使えます。AI が出すのは、いつも「案」です。自動での公開は、管理者が明示して有効にしたときだけ動きます。AI の利用に別の料金はかかりません。

5. フォームと、問い合わせの受け箱
お問い合わせ・資料請求・予約のフォームを、部品を並べて作れます。項目は40種類ほどです。届いたものは同じ画面で、状態・担当・ラベル・メモで管理できます。送った人への自動返信と担当への通知メールは、スターター以上のプランで使えます。回答は暗号化して保存し、既定で1年で消します。

【画像 https://www.dreamnews.jp/press/367496/images/bodyimage3】

▲ 問い合わせの受け箱。左に状態ごとの数、中央に届いた問い合わせ、右に中身と担当・メモが並びます(画面は見本のサイト「こころ写真館」のものです)

公開のしかたと、使いはじめるには

いまは、お客様の GitHub Actions でサイトを作って公開します。Cocoro CMS がワークフローのひな型を作り、FTPS・SFTP・rsync・Cloudflare Pages・S3 などへ送れます。いま使っているレンタルサーバーへも、FTPS か SFTP で公開できます。Cocoro CMS が自分でビルドしてレンタルサーバーへ送る形と、Cocoro CMS が配信する形は準備中です。

必要なのは、GitHub にある Astro のリポジトリと、npm の lockfile(package-lock.json)です。フリープランなら、メールアドレスと組織の名前だけで始められます。

WordPress からの移行

WordPress からの移行は、神戸ソフトのエンジニアがお手伝いします。記事・固定ページ・画像を Astro のコンテンツコレクションへ移し、いまの URL もなるべく同じ形のまま引き継ぎます。移した記事はふつうの Markdown のファイルになるため、Cocoro CMS をやめても手元に残ります。移行の費用は、いまのサイトを見てからお見積もりします。

WordPress から移る:https://kobesoft.co.jp/products/cocoro-cms/wordpress/

料金(月額・税込)

・フリー:0円(1サイト・2人まで・容量1GB、お支払いの登録は不要)
・スターター:1,180円(1サイト・3人まで・容量10GB)
・プロ:3,880円(3サイト・10人まで・容量50GB)
・ビジネス:9,800円(10サイト・30人まで・容量200GB、稼働率の保証 99.9%)

初期費用はかからず、契約の期間の縛りもありません。どのプランも転送量の上限はありません。有料のプランでは、利用者・サイト・容量などを必要なぶんだけ追加できます。

料金:https://kobesoft.co.jp/products/cocoro-cms/pricing/
導入ガイド:https://kobesoft.co.jp/products/cocoro-cms/guide/

会社概要

会社名:神戸ソフト株式会社
所在地:〒650-0031 兵庫県神戸市中央区東町123-1 6F
代表者:代表取締役 松岡 利昌
設立:2023年10月
事業内容:システム開発・アプリ開発の受託開発
URL:https://kobesoft.co.jp/



配信元企業:神戸ソフト株式会社
プレスリリース詳細へ

ドリームニューストップへ
情報提供元: Dream News
記事名:「 神戸ソフト、Astroで作ったサイトのためのCMS「Cocoro CMS」の提供を開始 ソースをそのまま読み取り、プレビューを押して直せる、フリープランは1サイト・2人まで無料 」