Contentful に移行したコンテンツを Astro で表示する
WordPress から Contentful に移行したコンテンツを Astro で表示するブログのプロジェクトを追加で作成をしました。基本的には WordPress のブログだけであれば、移行をしてしまえばこのプロジェクトで繋がるようになります。
WordPress から Contentful に移行したコンテンツを Astro で表示するブログのプロジェクトを追加で作成をしました。基本的には WordPress のブログだけであれば、移行をしてしまえばこのプロジェクトで繋がるようになります。
WordPress から Contentful に移行したコンテンツを Next.js で表示するブログのプロジェクトを追加で作成をしました。基本的には WordPress のブログだけであれば、移行をしてしまえばこのプロジェクトで繋がるようになります。
ここでは、WordPress の基本的なブログを Contentful に移行する方法についてまとめています。なお、手持ちの WordPress の環境を利用して移行した形のため、別の構造の場合は正しく移行できない可能性はあります。その点はご了承ください。
リニューアルですでにすべてのコンテンツは Haramizu.jp に移行が完了していましたが、haramizu.com はそのまま置いていました。折角なので、きれいに整理しつつ redirect することにしました。
今回は Astro を利用したWebサイトを GitHub Actions を利用して Cloudflare Pages で公開していきます。
このサイトのリニューアルに関しては、全面的に Antigravity を利用して作業自体も完了させることができました。使い始めた最初の頃は、これは便利や!とよく分からずあっというまにリミット声をしたわけですが、リミットのルールに関して頭に入れておく必要があると思って調べた内容です。
このドキュメントでは、Google が提供する Antigravity を利用して開発をするツール、Antigravity IDE を Linux の環境にインストールをする手順を紹介しています。
Haramizu.com で展開していた技術的な Tips の記事を、ブログサイトだった haramizu.jp にマージをしました。今回、以降をするにあたってすべて Markdown ファイルで記述できるようにして、手軽に変更できるようにした形です。
このサイトで展開していたブログですが、今年の初期の頃から毎日更新ということで進めていました。一方 haramizu.com の方は手付かずの状況で放置、という感じになってしまいました。ふと、AI で全部やったら統合するの楽にできるのでは?と思いまして、まずはブログのサイトだけリニューアルしてみました。
ずっと愛用していた GitHub Copilot が、利用したクレジット分を超えたら課金になってしまいました。まぁしかたないこれは、と思っていたのですが、わずか 2 日でほぼ 100% にたどり着いてしまいました。ということで、もう少し後に評価しようと思っていた Google Antigravity の環境を整えていきます。
どの AI のサブスクリプションが良いか、悩ましいところではあります。仕事ですごく利用するのが Claude Code ですが、ある意味仕事で使うという前提なので自分で契約する必要はなし。ということで、どのサブスクを利用するか検討した結果、しばらく Google AI Pro を利用しようと思った、そのお話です。
Sanity の Portable Text Editor は標準的な HTML を扱うところまで用意されています。また、カスタムコンポーネントを作成することで、例えば地図情報と合わせたお店の情報、という形の定型のコンテンツに関して簡単に扱えるようにしたいといったコンテンツを入れることも可能です。今回は Portable Text Editor にカスタムのコンテンツの項目を追加するための手順をまとめます。
Sanity Studio で表示するコンテンツの一覧に関して、表示のルールを適用して作業をしやすいようにすることが可能です。今回はこの部分を取り上げます。
Sanity でコンテンツの公開をした際に、今回は Cloudflare で展開しているサイトの更新を行うための Webhook の作成手順を紹介します。
今回は、Astro で作成をした Web サイトを Cloudflare Pages に展開します。これにより、CDN を利用した Web サイトのホスティングが実現でき、かつ小さな規模なので無料で利用できます。
この記事では、Web フレームワークの Astro を利用して Sanity のコンテンツを利用するブログを作るための最初のステップ、コンテンツの取得を紹介します。
このドキュメントでは、Let's Encrypt の証明書を macOS 上で作る手順を紹介しています。また作成した証明書の動作確認として、Windows Server 2025 に証明書をインストールして確認をします。