Webflow

Webflowは、画面上でWebサイトを構成・設計し、CMSでコンテンツを管理して公開できるプラットフォームです。制作画面の操作と、サイトのHTMLやCSSが対応する仕組みを備えています。[1][2][3]

見た目を作る機能、繰り返し扱う情報を管理する機能、確認・公開する機能を分けて捉えると、製品の役割を整理できます。

制作画面では、ページ上の要素やレイアウトを配置し、スタイルを調整します。公式ヘルプは、画面での操作がサイトのHTMLやCSSに反映されると説明しています。[1]

画面で設計することは、内部にコードが存在しないという意味ではありません。たとえば、見出しや画像を並べてスタイルを整える場合も、要素の構造と見え方を対応させて考えます。

必要な拡張や設定の範囲は、制作するサイトに合わせて確認します。画面上で操作できることだけを理由に、すべての要件を追加実装なしで実現できるとは判断しません。

CMSでは、同じ構造を持つコンテンツをCollectionにまとめ、その中に個別のItemと項目を定めるFieldを用意します。各要素の関係は次のとおりです。[2]

公式ヘルプのブログの例でも、Collectionに記事の項目を定め、個々の記事をItemとして登録します。テンプレートやリストを通じて、その内容をサイトに表示します。[2]

製品内の「動的コンテンツ」という呼称だけで、サーバーが閲覧のたびにHTMLを生成する方式だとは判断しません。ここでの説明は、CMS内の情報構造と表示への接続に関するものです。

公開では、確認用のステージングと、本番ドメインへの反映を分けて扱えます。公式ヘルプでは、専用のステージング環境で確認してから公開する使い方を案内しています。[3]

公開できる人や対象は、プランや権限によって異なります。[3]どの環境へ反映するのか、誰が公開を判断するのかを確認し、編集中の内容と利用者へ見せる内容を区別します。