始めり
2025年12月26日、金曜日。ようやく、新しいデザインブログを公開することができました。感無量です。AIの活用技術もさらに深くまりました。
新しいブログは こちら です。これまでのブログも残しておきますが、 今後は新しいブログのみ更新していく予定です。ブックマークの変更をお願いします。
以前もお話ししたかもしれませんが、私はプログラマーで、デザインはあまり得意ではありません。前のブログも自作ではなく、 GitHubでフォークしたものでした。短文を投稿するスタイルが気に入ってそのデザインを選んだのですが、実際にはそれほど更新しませんでした。
ブログを開設してから三年ほど経ちますが、本格的に更新を始めたのは、実は今年の七月からです。
きっかけ
そのままでも良かったのですが、なんとなく心機一転, 新しいことに挑戦したくなったんです。
最近はAIを活用したコーディングやデザインがとても注目されています。私もAIの力を借りて、ブログのデザインを刷新しようと思っています。
「Vibe Coding」という言葉がありますが、最近よく耳にするものの、実はその意味をあまりよく分かっていませんでした。
「Vibe Coding」は、厳密なロジックよりも、AIとの対話を通じて「ノリ-Vibe」でコードを生成していくスタイルを指すことが多いですよね。
そういえば、私もVibe Coding をやってみました。といっても、プロジェクト全体ではなく、コードの一部（スニペット）を書くのに使ってみた程度ですが。
そして今回は、自分のプロジェクトでVibe Codingを本格的に活用してみようと思います。
本番
全ては先週の土曜日から始まりました。本当はYouTubeの動画を撮るつもりだったのですが。急にVibe Codingをやってみたくなったんです。それで、その日の夜から早速Vibe Codingを始めました。
実は、新しいデザインについては何のアイデアもありませんでした。これまで200記事ほど投稿してきたので、AIにそれらを分析してもらえば、良いデザイン案が出るかもしれないと思ったんです。
確かに、分析を経て、気に入ったデザイン案が出てきたのですね。
実は、ここに辿り着くまでに少し試行錯誤がありました。
最初はGeminiにデザイン画像を生成してもらったのですが、なんだか微妙だったんです。
そこで考えを変えて、ウエブサイトを作りたいのに、なぜ画像だけで済ませようとしているんだ」と思ったんです。直接コードを生成した方が早いですよね。実際にサイトのコードを生成してみたら、ちゃんとしたサイトが出来上がりました。
最新は完全なデモ版でした、こちら です。全てのデータや構造のダータを使って、やりたかった効果が表現さればそれで自分でした。
まさにPOC(概念実証)ですね。まずは自分の考えが形になるか、技術的に可能を確かめるの大事なステップです。
デモ版の作成に三日かかり、その後はいよいよ本番の実装に入りました。
もちろん、本番の実装もVibe Codingで行いました。今回はAstroという新しい技術を導入したのですが、実はこれまで全く触れたことがなく、完全な初心者からのスタードでした。
意外とスムーズに進みました。自分では一行のコードを書いていないのに、実際に動くものが出来上がったんです。実装には3日ほどかかりました。
まとめて
AIを活用することで、非常に役に立ちました。
「AIが将来、プログラマーという仕事を奪ってしまう」と言う人もいるかもしれません。確かにその通りかもしれませんが、重要なのはプログラマーという職業自体ではなく、その「考え方」です。AIを使いこなぜば、それはあなたの心強い「右腕」になってくるはずです。