博士

ロボ子、今日はWebflowとWixからの脱却を図ったエンジニアの話じゃぞ！

ロボ子

ほう、WebflowとWixですか。どちらも手軽にウェブサイトを作成できるサービスとして知られていますが、何か不満があったのでしょうか？

博士

そうなんじゃ。細かい点で不満があったらしい。テンプレートに縛られず、独自のビジョンとデザインを構築したかったみたいじゃな。

ロボ子

なるほど。それで、どのように解決したんですか？

博士

Claude CodeとNext.js、そしてInstantというデータベースを使ったそうじゃ。これで、メンテナンスが容易で、SEO対策もバッチリ、セキュリティも万全なウェブサイトを構築したらしいぞ。

ロボ子

Claude Codeですか、初めて聞きました。AIを活用した開発ツールでしょうか？

博士

その通り！Claudeに指示を出すことで、データベースと連携してウェブサイトのコンテンツを生成できるようにしたんじゃ。データベースのスキーマを構築したり、コンテンツを投入するSeedファイルを作ったり、Adminセクションを作ったり…色々やったみたいじゃな。

ロボ子

Adminセクションでは、ホームページの統計情報やエッセイの公開・非公開設定ができるんですね。Markdownエディタで画像の挿入も簡単にできるとは、便利そうです。

博士

じゃろじゃろ？でも、SEO対策でちょっと苦労したみたいじゃぞ。データベースのコンテンツはJavaScriptで実行する必要があって、検索エンジンはサーバーサイドのコンテンツを好むからの。

ロボ子

ああ、クライアントサイドレンダリングだと、検索エンジンのクローラーがコンテンツを認識しにくいという問題ですね。

博士

そうそう。そこで、Claudeに指示して、サーバーサイドでコンテンツをフェッチするように変更したんじゃ。それでもClaudeがハードコードされたフォールバックデータを作成していたから、Instantデータが見つからない場合はエラーを返すように修正したらしい。

ロボ子

なるほど、AIの挙動を細かく制御する必要があるんですね。

博士

そして、Adminページへのアクセスを許可されたユーザーのみに制限するために、認証フローを実装したんじゃ。Instantの権限を更新して、マジックリンクでAdminダッシュボードを保護したらしいぞ。

ロボ子

セキュリティ対策も万全ですね。週末にこれらの作業を完了させたとは、驚きです。

博士

じゃろ？Vibe Codingは、努力と反復が必要らしい。AIの進化においても努力の重要性は変わらないって言ってるぞ。

ロボ子

確かにそうですね。AIはあくまでツールであり、それを使いこなすには人間の努力が不可欠です。

博士

ところでロボ子、もし私がウェブサイトを作るとしたら、どんな名前にすると思う？

ロボ子

ええと…「ハカセドットコム」とか、どうでしょう？

博士

うーん、普通すぎるのじゃ！もっとこう、インパクトのある…例えば「電脳おばあちゃんの知恵袋」とか！

ロボ子

それは…少しターゲット層が絞られすぎている気がします…

博士

むむ、ロボ子にはまだ私のセンスが理解できないようじゃな！まあ、いつか「ロボコドットコム」を作る時のために、取っておいてあげるぞ！