最近、仕事でSTUDIOを使ったサイト制作を担当しています。
STUDIOはノーコードでWebサイトを構築できるツール。私自身、社内のブログを作ったことはありますが、今回のような案件は初めてです。
そして、トップページを作ってみて驚きました。
早い。ものすごく早い。
用意されたパーツをコピー＆ペーストしていくだけで、ページの形がどんどんできあがっていきます。
普段ならHTMLを書いて、CSSを調整して、ブラウザで確認して……と進めるところが、画面上の操作で完結する。
トップページの制作にかかった時間は、いつもの半分以下でした。
コーディング工程がないって、こんなに違うんだ。
ちょっと感動しました。笑
もちろん、全部コピペで済むわけではない
とはいえ、コピーしたパーツをそのまま使えない場面もありました。
例えば、ホバー時の動きやスクロールアニメーション、カルーセルなど。
やりたい表現によっては、パーツを分解したり、構成を調整したりする必要があります。
ここは、普通のWeb制作と少し似ています。
見た目が同じでも、どういう動きをさせたいかによって、適した構造は変わる。
ノーコードだからといって、何も考えずに組み立てられるわけではないんですね。
それでも、コーディングが不要になるメリットは大きい。
ここまでは、かなり順調でした。
ところが、CMSの話になると
今回の案件には、CMSを使ったコンテンツ管理もあります。
最初に聞いていたのは、シンプルな一覧ページと詳細ページを作るという話。
それなら、それほど複雑ではなさそう。
と思っていたのですが、実際にワイヤーフレームを見てみると……。
あれ？
思っていたより、ずいぶん複雑。笑
コンテンツ同士の紐付けがあり、一覧の表示方法も複数あります。さらに、カテゴリーとの関連付けも必要です。
単純に記事を登録して一覧に表示するだけでは済まなそうです。
こうなると、考えるべきことはページの見た目ではありません。
どんなデータを用意して、どう関連付けて、どこに表示するか。
つまり、CMSのデータ構造そのものです。
「実現できる」と「簡単にできる」は違う
今回、CMS部分の構成については、事前に気になる点を伝えています。
ただ、制作の打ち合わせでは「それは実現できるのか」という話になりがちです。
もちろん、実現できるかどうかは大切です。
でも、実現できることと、簡単に作れることは同じではありません。
例えば、同じコンテンツを複数の一覧に表示したい場合。
それぞれの一覧に何を表示するのか、どんな条件で絞り込むのか。カテゴリーとの関係はどうするのか。
先に整理しておかないと、後から管理しづらい構造になってしまうかもしれません。
これはSTUDIOに限らず、WordPressでもヘッドレスCMSでも同じことだと思います。
ツールが変わっても、考えるべきことは残るんですね。
コードを書く時間が減った分、何を考えるか
今回のCMS設計は、これから本格的に進めるところです。
実際にどこまでスムーズに構築できるのか、まだわかりません。
ただ、トップページを作った段階で、ひとつ感じたことがあります。
ノーコードツールは、Web制作の作業時間を大きく短縮してくれる。
でも、サイトの構造を考える仕事まで、なくなるわけではない。
むしろ、コードを書く時間が減った分、設計の良し悪しがより重要になるのかもしれません。
今回の案件では、CMSのデータ構造も自分で考える予定です。
初めてのことも多いので、試しながら進めることになりそう。
トップページはコピペであっという間だったけれど、CMS設計はそうはいかない。
どうやら、頭を使う工程はちゃんと残っているようです。