このサイトで展開していたブログですが、今年の初期の頃から毎日更新ということで進めていました。一方 haramizu.com の方は手付かずの状況で放置、という感じになってしまいました。ふと、AI で全部やったら統合するの楽にできるのでは？と思いまして、まずはブログのサイトだけリニューアルしてみました。
リニューアルの方針
リニューアルしよう、と思ったのはせっかく Antigravity が Google AI Pro を経由して気軽に使えるようになったので、これを徹底的に利用して作り直してみよう、と思ったのがきっかけです。
方針としてはこんな感じです。
- このサイトのブログのコンテンツは全て引き継ぐ
- haramizu.com のコンテンツは日本語のみ引き継ぐ
- あまり更新してないので、アクセス数もすくない
利用するのは
- Astro + Tailwind CSS + Markdown
- 久しぶりに CMS 無し
- 配信は引き続き Cloudflare
これにより、今 Vercel + Sanity の利用料を支払っている状況から離脱する予定です。あとはタイマーとかで公開ではなく、GitHub Actions で毎日 build して更新されるようにしちゃおう、って感じです。
ちなみに以前のデザインはこんな感じでした。
まずはブログのリニューアル
Sanity で管理しているデータを、ひとまず markdown で管理することができるようにします。この時、どういう風にデータを取るのか、を調べることもなく以下のように Antigravity に投げてみました。
Sanity の Project ID と organizationID は xxxx です。これを元に、Post のデータを markdown でダウンロードできるようにしてください。合わせて、画像に関しても /src/images/blog にダウンロードしてください
なんとこれだけで、Astro のプロジェクトの中に Markdown ファイル、画像がダウンロードをしてきました。ただ、markdown のダウンロードのルールと、合わせて画像に関してのダウンロードのルールなど、追加で作業をしていきます。Sanity のスキーマの定義を教えると、サクッとダウンロードしてくれました。すごいですね。
ちなみにサイトに関しては、とりあえずものがあればいいや、ということで以下のプロジェクトに追加していくことにしました。
Google Antigravity を試してみた
ずっと愛用していた GitHub Copilot が、利用したクレジット分を超えたら課金になってしまいました。まぁしかたないこれは、と思っていたのですが、わずか 2 日でほぼ 100% にたどり着いてしまいました。ということで、もう少し後に評価しようと思っていた Google Antigravity の環境を整えていきます。
その後、コンテンツの値として持っているものをなるべく frontmatter で定義することができるように、タグやカテゴリに関しても取得して、という形でデータを取ってきて、それを処理するという形で、ほぼ支持をするだけでデータが出来上がっていきます。
ページを作る指示を出したら、とりあえず作ってくれます。それに対して、コンポーネントとして持った方がいいものは別で持ってください、とかその部分は Tailwind CSS で処理するのがいいです、とか色々と指示をする形で、コードはなるべく、というか弄ると AI が状況を理解できなくなるので、文字の変更でさえも AI に指示をしていきました。
消費量の確認
大量に AI の処理をすると利用可能な枠がなくなってしまうことがあります。そういう場合は少し待つ形となります。これに関しては、画像のように警告が表示されます。
実際に確認をすると空っぽになっている状況です。
5 時間に一度リセットされる形となっています。なのでしばらくすると利用できるようになります。次の画面はまた少し消費してしまった状況です。
残りが大きく減ると以下のようにバーの色が変わるので、ある意味この状況になったら簡単なことをこなして、という感じでしょうか。
流石にブログのリニューアルとなると２回ほど一杯になってしまいましたが、しばらくすると使えるようになるという感じなので、その間別のことをするなどでした。
その後、５時間ごとのリセット、のつもりが 2 日ほど使えないというダイアログが表示されました。あれ、そうなの？
利用に関しての Tips は別で調べたので、また別の記事としてまとめて、このページからリンクを張りたいと思います。
ブログに関しては、ほぼ1日で入れ替えることができました。いいツールを手に入れた！という感じですね。