PR
3 分で読めます

サイトリニューアルしました

記事内に広告が含まれています

サイトリニューアルしました!\(^o^)/

旧サイトは既に閉じているので比較できませんが結構変わってます。 自作してCloudflareで動かすことでランニングコストを低く抑えてます。

すごく自己満足度が高い! ↓↓↓↓以下リニューアル箇所です。

Astroで実装しました

Astroでイチから実装しました。こんなすごいWebフロントフレームワークあるの知らなかったよ。 デザインはTailwind CSSも使ってます。 いい世の中になったものだ。

旧サイトからの移植

旧サイトはWordPressを使ってました。移植は旧サイト全体をxml出力して、記事をmdファイルにバラして、いろいろ置換するスクリプト挟んで持ってきてます。 最終的に記事はmdxファイルにしてます。リンクカードとか独自のタグを入れたかったので。

これからはマークダウン記法でブログを書けるぞ\(^o^)/

旧サイトのリンクは生きてます

旧サイトは『?p=XXXX』というURLだったので、対応表を用意してリダイレクトさせてます。

補足

私はWebのエンジニアではないのですが、Geminiに聞いてなんとかなりました。ありがとうGemini。

Cloudflareで動いてます

git push するだけでデプロイされるのすごすぎる〜! と思いつつ怖い気もする。

CloudflareとGitHubのリポジトリを結びつければ自動でビルドしてデプロイまでする。 こういうの疎いので感動してます……(涙)

Cloudflare R2(Webのストレージ。画像とかを置く場所)は10GBまで無料。今のところ10GBの1.5%しか使ってないので私には十分すぎた。

ちなみにブログの画像はwebpに変換して、サイズは今までの半分以下になったよ。

ランニングコスト

たぶんドメインの維持費だけでOKになってしまった。ざっくり年間2,000円以下かも。

節約できてうれしい。

まとめ

ブログのデザインや維持費のことなどGeminiに相談してたら、

Gemini:一方的に情報発信するだけの静的サイトならAstroがあるよ。Cloudflare使えば無料だよ。エンジニアなら自分で作れるでしょ

という感じで、試しにAstro触ったら楽しくなってGeminiに聞きながら一気にやりました。

Astroは学習コストが低くてとてもいいです。少しHTMLと何かしらのプログラミングが分かればすぐ使えます。

Tailwind CSSはclass名を書くだけで見た目を変えてくれて便利(といってもstyleタグでcss書いてる箇所もありますが)。

Cloudflareはgit pushするだけでデプロイまでしてくれて感動。

趣味をゆるく発信するのみですが、引き続きよろしくおねがいします。

関連記事

次へ

前へ

同じカテゴリー記事の最新