AI先生と一緒にヘッドレスCMS（microCMS＆Next.js）を学んでみる #1

こんにちは、デザイナーの内田です。

最近、14歳の長女がエレキギターを始めました。
中学入学から吹奏楽部に在籍していたんですが、高校にあがったら軽音楽部に入りたいと。
ストローク、運指。物事を教えるのが苦手な父親の雑な指導にも関わらず、若さというアドバンテージで凄まじいスピード吸収していきます。
同じ歳の頃にギターを始めた父を超えるのも、あっという間のことでしょう。
AIに作ってもらった女子中学生にギターを教えるオトン、添えた手がだいぶキモいですね。

娘たちの意欲や可能性を目の当たりにすると、50を目の前にした自分にも焦燥感。
生物として、現状維持＝淘汰ですからね。
人間としてもデザイナーとしても。

そこで、AIをメンターとした業務外活動をしてみることにしました。

現状のAIの活用状況

なぜAIをメンターとした業務外活動をすることにしてみたかというと。
6:30に起床して長女の送迎、業務時間が10:00-19:00。20時くらいまで再び子どもたちの送迎業務があり、22時前後に家事から解放。
8:00-10:00、22:00-26:00くらいまでが内田の自由時間です。
この時間を夫婦の時間にあてるみたいなのが理想の家庭像ではあるんですが

うちの奥様はソファでスマホを複数台握りしめてゲームに夢中。
シングルタスク傾向があり、熱中するあまり話しかけても反応は一切ありません。
ゲーム仲間と寝落ちするまで音声チャットをしています。
なので、YouTubeで都市伝説チャンネルなどを見て一人で日々ニヤニヤしていたのですが、これはもう時間の浪費でしかない。
並行世界の自分は夫婦仲睦まじく生活しているなんてことがあるんだろうか？なんてマジどうでもいい。
（ナオキマン氏とじゅじゅ氏が好きです）
要するに、余暇時間で自分がポジティブな方向に歩を進めている感覚を欲していたのです。

現在、複数のAI（chatGPT・Gemini等々）を使用していて。
長女のテスト結果を共有したうえで、次回テスト実施日までの教科別対策スケジュールを作ってもらったり。
運営に参加している地元イベントの運営メンバーの性格と得意分野を共有したうえで、タスクの洗い出しと担当割り当て、スケジュールをたててもらったり。
趣味のカメラのレンズ使用率を共有して、被写体嗜好別の撮影散歩ツアーを企画してもらったり。

マジで優秀で。
暗記系が強くて幾何が弱い傾向があるから、このスケジュールでコレやると記憶定着しやすいよとか。
この人はこれを割り振ると性格的に感情リスクがあるからこっちを割り振ろうとか。
あなたの好きな焦点距離からすると、ここでこれ撮り歩くのが楽しいと思うよとか。
思わずニヤッとしてしまうアウトプットを提案してくれます。あいつら。
ただまぁ、現状は低くない確率でとんちんかんなこと言い出すので付き合い方も大事ですね。

AIメンターの元でmicroCMS・Next.jsを使用したサイト構築にチャレンジ

現在、業務でWordPressを使っているものがいくつかあり。
・セキュリティリスク
・アップデート依存
・プラグイン依存
・パフォーマンス問題
などの観点から将来的にヘッドレスCMSへの移行という話が社内で以前から出ていました。
WordPress自体はホワイトハウスのWebサイトにも使われているし、きちんと管理されていれば良いのですが管理コストがかかるのがネックといったところでしょうか。

凌芸舎ではバックエンドエンジニアとデザイナーがフロント領域の業務を30:70、40:60くらいの割合で担当しています。
自分のフロントエンドスキルが前時代的であることを自覚しつつも、決して得意な分野ではないことから先延ばしにしていたところもあり。
AIをパートナーとして、ちょっと業務後の時間使って勉強してみるかと思い立ちました。

代替としての候補をあげてもらったところ
・microCMS + Next.js
・ノーコードCMS (STUDIO / Webflow)
・他ヘッドレスCMS（Strapi / Contentful）
といくつかの選択肢があるけど、スキルセット的に『microCMS + Next.js』がいいんじゃない？
という提案をもらいました。

そもそもフロントのコーディング自体をAIに投げられる時代になってきているのに自分で構築する意味があるのかってのもあるんですが、よくわかっていないことをわからないままにツールにぶん投げるってのはどうなんだと。
結局最後の調整は人がやるもんだとも思うので…たぶん。きっと。

おじさん頑張ってみることにしました。
業務後なので、対象サイトはプライベートでデザインしたまま放置していたイベントサイトLP。
・microCMS + Next.js + Vercelで構築
・React、BEMを意識したマークアップ
需要があるかどうかはわからないものの、進捗を書いていけたら。

…チャット系AIって、アレですよね。
「いいね！あとは◯◯すれば◯◯は◯◯！」
みたいな、一回持ち上げてからの言い回しが絶妙にイラッとしますね。別にいいんですけど。
俺の感情をコントロールしてやろう、手のひらで転がしてやろうみたいなのを感じて、しばらく口聞きたくなくなる感覚になります。
人間の根っこが腐り気味なので。

蛇足の無駄話

内田は趣味で写真を撮っています。
2月頃からソワソワと楽しみにしていた桜（ソメイヨシノ）の季節が終わってしまって、桜ロス真っ最中です。
次はなに撮るべかと悶々としています。これ撮るの面白いぜってのあったら教えてください。
要求スペックが高すぎるので、できれば鳥以外で。