コンテンツへスキップ
サイト制作 公開・運用中 2026年3月

技術ブログ CLVR(clvr.lol)

2026年3月から運営している技術ブログ。公開記事186本。ネオン・シンセウェイブの独自デザインで、Webツール6本とブラウザゲーム4本を併設。Astro 5 + Cloudflare Pagesで運用中。

Astro v5 TypeScript Cloudflare Pages
サイトを見る
https://clvr.lol
技術ブログ CLVR(clvr.lol)のスクリーンショット

デモではなく、実際に公開・運用している自主制作の技術ブログです。
2026年3月の開設から記事186本を公開し、サイト内にWebツール6本・ブラウザゲーム4本を併設しています。
設計・デザイン・実装・記事執筆・デプロイ運用まで、すべて一人で行っています。

デザインのポイント

ネオン・シンセウェイブを基調にした独自デザインです。テンプレートやUIキットは使わず、配色・タイポグラフィ・背景のグリッド演出まで自作しています。

トップページにはターミナル風のコマンド入力UIを置き、`play snake` のように打つとゲームが起動します。「技術ブログらしさ」を見た目と操作の両方で表現しました。

工夫した点

01

Webツール6本を併設

LLM API料金計算機・画像圧縮・JSON整形・正規表現テスター・cron式ジェネレータ・文字数カウント。すべてブラウザ内で完結し、データを外部に送信しません

02

ブラウザゲーム4本と実績システム

SNAKE・2048・タイピング・パスワード推理の4本。ハイスコアは自作のスコアAPI(Node.js製・自前VPSで運用)と連携します

03

構造化データを全ページに整備

FAQPage・WebApplication・BreadcrumbListを用途に応じて出し分け、検索流入を前提に設計

04

静的生成による高速表示

Astroの静的ビルド + Cloudflare Pages配信で、記事186本を抱えても表示は軽いままです

同じようなサイトを作りたい方へ

このページのURLを添えて送っていただければ、構成案と概算費用を返信します。相談は無料です。