chatGPTに言われるがまま11tyでヘッドレスCMSブログを作成する
WRITER
ヒカセン
イーガオでweb制作をしています。どちらかというとエンジニアよりもデザイナー寄り。自転車の交通マナーにうるさい。
もくじ
最近みんなWordPressのことを悪く言うじゃないですか……。
まぁわかるんですよ。運用でちゃんと面倒見ないと乗っ取られたりスパムコメントがめちゃくちゃ投稿されたりするケースもあるし、CDNで静的ページとして配信するキャッシュプラグインを使ったらほかのプラグインと競合してしまったり。
フルサイト編集めんどい!vs codeでcss書かせてくれ〜!とか、買い切りの有料プラグインがサブスク化したら買い切り時のアクティベーションコードが通らなくなったりね!(これはWordPressのせいではないが)
いろいろと思うところがあります、私も。
まぁ一番の問題はやっぱりセキュリティ関係だと思います。いろいろ対策しておいてもマイナーバージョンアップとか放置するわけにもいきませんし、手離れが良くないといいますかね。放置できないわけです。
放置しているブログがある
そういう状況下で、ずっと気掛かりなことがありました。それは以前SEOの実践勉強のためと思って個人的に開設したWordPressのブログです。
幸いなことに現在まで乗っ取り被害などにはあっていないのですが、放置しているくらいですしいちいちバージョンアップ対応する手間もかけたくないのです。じゃあ削除すれば、とも考えましたがgoogleアドセンスの承認が通っているドメインだから念の為残しておきたいんですね。あんまり意味ない気もしますけど。
とりあえずサーバー代金はもったいないなと思ったのでエックスサーバーからタダサーバーという無料のレンタルサーバーに引越し済みです。
chatGPTにヘッドレス化などを相談
で、せっかくなので自分の私財で実験することにしました。イーガオの受託チーム的にはstudioに力を入れよう〜という感じなんですけど、取れる選択肢は多いほうがいいですからヘッドレスCMSに置き換えてみようかと考えました。WordPressからヘッドレスCMSへの移行とか、ニーズもまぁまぁあるでしょう。


ちなみに自分はchatGPT相手でも人間相手の場合と同様の敬語を使うし、ちょっと楽しくなってくると砕けた感じで話しかけるようにしています。これは将来的にフィジカルAIが発展した社会に向けての倫理的な実験であり訓練です。孤独にならないために。
microCMSと併用する場合にEleventy(11ty)をやけに勧められる
以前Astro + microCMSで実験的にブログを作成してCloudflare Pagesで公開してみたことがあったので、Astroはどうなんだと聞いてみたらブログで使うにはオーバースペックだと言われました。ホンマか?
最初はGOをお勧めされていたのですが、JSフレームワークももっとちゃんと使えるようになりたいんだよねという話をしたら勉強の意味ではEleventyにしておけと言われました。ホンマか?
まぁどうせ導入時にchatGPTに頼るので言われた通りにしてやってみます!
とりあえずデプロイはできた
良い世の中になったもので、エラーが出たらエラー文をchatGPTに共有していくと大抵なんとかなる……。
中身はともかく、11tyで最小構成を作ってmicroCMSのコンテンツ(API)を取得してビルド、Github経由でNetlifyにデプロイという流れまでは実現できました。
ちょっとわかりにくかったポイント
Netlifyの管理画面での設定場所を探すのがちょっと面倒でした。
(1) Build & deploy settings で Build command と Publish directory を変更
(2) Environment variables に .envファイルに入れていたmicroCMSのAPIキーなどを入力
(1) は作り方で必要ないかも
(2) は.envファイルは.gitignoreに入れてるから設定しないと繋がらない
11tyへのwebデザイナーとしての所感
デプロイとかはともかくとして、テンプレートファイルの中はほとんどhtmlだしループの書き方も普通にfor文とかだったのでわりとすんなりデザインを当てていくことは出来そうだなと思いました。
お客さまのwebサイトをこれで作るか?と言われると、まだちょっとどうしようかな〜という感じではあります。イーガオで保守をさせてもらえる or 担当者の方がgithubを問題なく触れるなら良いんですけどね。
もうちょっといろいろやってみて考えましょう。