新しいビジュアルエディタ "Kaleflower" をリリースしました

2025年7月29日、ファイルベースのPHP製CMS Pickles 2 に新しい編集体験をもたらすビジュアルエディタ "Kaleflower (ケールフラワー)" をリリースしました。

Kaleflower は、従来のブロックエディタ Broccoli では難しかったエレメント単位の細やかなデザイン調整を可能にし、より自由度の高いビジュアル編集を実現する新しいツールです。

Pickles 2 には、ドラッグ＆ドロップ操作が可能なブロックエディタ Broccoli が標準搭載されています。すでに Broccoli があるのに、なぜ Kaleflower が必要なのでしょうか？

Kaleflower は Broccoli の代替ではありません。それぞれを適材適所で使い分けることで、より豊かな表現力を得ることができます。

Broccoli は、均質で品質の高いコンテンツを大量かつ効率的に作成するために設計されています。しかし、テーマレイアウトや細部のスタイリングを伴うモジュール制作など、より自由度の高いデザインが求められる場面では、表現の柔軟性に課題がありました。

創造的なプロセスとは、新しい表現を生み出すことです。そのためには、自由で繊細なデザインコントロールが必要です。様々な表現の可能性を模索し、試し、最も優れたものを選び出す作業です。

そうして生み出された新しい創造物は、斬新なスタイルで素晴らしい気づきや感動、体験を与えてくれます。

しかし、すべての編集作業が創造的すぎると、困ることもあります。

繊細な分、創造的なプロセスは再現性が低く、そこから生まれる渾身の作は、同じものをもう一度作るのが難しい、一期一会の一点ものです。

創造的なプロセスの繰り返しは、連続した一貫した表現が求められる場面では苦労します。例えば、複数の担当者が別の日に制作すると、意図せず微妙に異なる色やサイズを選んでしまうことがあります。自由に詳細に編集できるツールほど、前とまったく同じように作るのは難しくなり、繰り返すほどサイト内のデザインの一貫性が損なわれやすくなります。

創造性を発揮したいのは最初の1回だけ、型を作る時だけで十分です。次に同じ表現をする時は、最初の型を再利用したい。つまり、その段階では創造性は小さいほうが良いのです。

創造性をあえて低く抑えるべきプロセスを 製造的プロセス と呼びます。

まず創造的なプロセスで型を作り、その後に再利用する製造的なプロセスが続く。これが多くのものづくりの基本的な流れです。

また、この違いは、効率にも大きく影響します。

創造的なプロセスの段階では、効率についてあまり考えません。1つを作るために多くの時間をかけて丁寧にこだわり抜きたいでしょう。速さよりも、品質に重点が置かれます。

対して、それを再利用する製造的なプロセスの段階では、一つ一つに時間をかけられません。品質は一定のままを維持し、それ以上は求めません。その分、失敗を減らして効率を良くすることに重点が移ります。

このように、シーンに応じてツールに求められる性質も異なることになり、使い分けが必要になります。

Broccoli が得意とするのは、創造性が小さい製造的なプロセスです。そして、もう一方の創造的なプロセスをサポートするのが、Kaleflower です。

Kaleflower は、以下のような編集ニーズに対応します。

• テーマ編集やモジュール開発、記事のスタイル微調整などの用途に対応
• レスポンシブデザインを前提とした柔軟なスタイリング機能
• カラーパレットによる一貫性のある配色管理
• ビジュアル編集に特化したレイアウトビューでのドラッグ＆ドロップ操作
• カスタムコンポーネントやカスタムフィールドによる独自要素の設計
• 編集内容はすべて拡張子 .kflow のXML形式ファイルに保存され、Gitなどのバージョン管理とも高い親和性

• Kaleflower：デザイナーによる細部調整や、独自スタイルを伴うテーマ・モジュール設計に最適です。直感的なUIで、エレメント単位のスタイリングが可能です。
• Broccoli：汎用性の高いブロック編集に強みがあり、全体の統一感を保ちながら大量のページを効率的に構築するタスクに最適です。

Kaleflower は、まだ新しいエディタです。今後も継続的な機能追加や改善を予定しています。ぜひ新しい Kaleflower をお試しください！

• ビジュアルエディタ "Kaleflower"
• ブロックエディタ "Broccoli"
• クイックスタート