自分のポートフォリオサイトをNext.jsとmicroCMSで作りました。
microCMSは、管理画面から記事などのコンテンツを登録・管理できるヘッドレスCMSです。
今回のサイトでは、JOURNALというブログのようなページを設けて、日々の制作記録を書いています。
記事を登録して公開すると、サイトにも反映されます。
当たり前といえば当たり前なのですが、最初に記事を公開したときは、ちょっと嬉しくなりました。
WordPressとは違う仕組みで作ったサイトが、ちゃんと動いている。
それだけでも、なかなか楽しいものです。
ただ、記事をいくつか登録しているうちに、ひとつ気になることがありました。
そういえば、プレビュー機能を作っていません。
公開する前に確認したい
WordPressでは、記事を公開する前にプレビューで確認することができます。
文章の改行や見出し、画像の配置など、実際のページに近い状態で確認できる便利な機能です。
今回使用したmicroCMSにも、プレビューを実現するための仕組みが用意されています。
ただし、Next.jsなどで作ったWebサイトの場合、プレビュー用のページや下書きデータを取得する処理などを、自分で実装する必要があります。
今回のポートフォリオサイトでは、そこまで作っていませんでした。
記事の内容を確認してから公開することはできますが、公開前に完成したページの見た目を確認する仕組みはありません。
自分のサイトなので、今のところはそれでも運用できています。
もし公開後に気になるところがあれば、自分で修正すればいい。
もちろん、公開前に確認できる方が便利なのですが。
クライアントのサイトだったら？
でも、これがクライアントのWebサイトだったらどうでしょう。
企業サイトでは、担当者が記事を作成し、別の人が内容を確認してから公開することもあります。
公開する前に、実際のページがどのように表示されるのか確認したい、という要望もあるでしょう。
特に、お知らせやサービス情報などは、内容に間違いがないか確認することが大切です。
文章だけを見ていると気づかなかったことが、ページとして表示すると見つかる場合もあります。
見出しが長すぎたり、画像とのバランスが悪かったり。
そうしたことを公開前に確認できる仕組みは、運用する人にとって重要だと思います。
自分のサイトでは省略できる機能でも、クライアントのサイトでは必要になる。
同じ技術を使っていても、求められるものは違うのです。
作れることと、使いやすいこと
Web制作では、機能を実装することだけが目的ではありません。
そのサイトを、誰が、どのように使うのか。
公開したあと、誰が更新するのか。
どんな手順で確認し、公開するのか。
そうした運用の流れも考える必要があります。
管理画面があって、記事を登録できて、公開できる。
技術的には、それでひと通りの機能がそろったように見えます。
でも、実際に運用する人にとって使いやすいかどうかは、また別の話です。
これは、長くWordPressの制作や運用に携わってきた中でも感じていることです。
Webサイトは、制作した人だけが使うものではありません。
むしろ、公開してからの方が長いのです。
自分のサイトだから、試せること
今回のポートフォリオサイトは、自分で使うためのものです。
だからこそ、最初からすべての機能をそろえなくてもいいと思っています。
まずは必要なところまで作って、実際に使ってみる。
不便なところがあれば、あとから改善する。
そういう進め方ができるのも、自分のサイトならではです。
プレビュー機能も、今後必要になったら実装しようと思っています。
そのときには、下書きの管理や公開までの流れも、もう少し考えてみたいところです。
Next.jsとmicroCMSを使ったサイト制作は、まだ学ぶことがたくさんあります。
でも、こうして自分で作って運用してみると、単にコードを書いているだけでは気づかなかったことも見えてきます。
やっぱり、実際に使ってみることは大切ですね。
それにしても、自分のサイトというのは気楽です。
仕様を決めるのも自分。
公開を承認するのも自分。
修正を依頼するのも自分。
担当者が全員同じなので、打ち合わせだけは驚くほどスムーズです。:)