このサイトについて
CLVR は私（matoshi）が一人で作って運営しているサイトです。 技術ブログと名乗っていますが、実態は「作ったものの置き場」に近い。 読むだけのサイトにはしたくなくて、ブラウザで動くツールやゲームを少しずつ増やしています。 ネオンとシンセウェイブのデザインも、既製テーマではなく自分で組みました。
記事は166本。テーマがWeb制作・AI活用・ゲーム開発に寄っているのは、 後述するとおり私の経歴がそのままこの3つだからです。
ここで作ってきたもの
ブラウザ完結のWebツール
仕事中、APIキー入りのJSONや顧客から預かった画像を素性の知れない外部サービスに貼りたくない場面が何度もあり、 自分用に作ったツールを公開しています。全部ブラウザ内で完結し、サーバーには何も送りません。 自分の事情がそのまま仕様になっています。
- LLM API 料金計算機 — Claude・GPT・Gemini のコストをトークン数から一括比較
- 画像圧縮・リサイズ — アップロード無しでWebP変換・ZIP一括保存まで
- JSON整形・検証 — 圧縮・CSV変換・ツリー表示つき
- 正規表現テスター — マッチ箇所をリアルタイムでハイライト
- cron式ジェネレータ — 式の日本語解説と次回実行日時つき
- 文字数カウント — SNSやメタディスクリプションの残り文字数ゲージつき
- つぶやき日記 — X感覚で残した断片ログをAIで日記にまとめる。データは端末内だけ
ターミナル風ブラウザゲーム
前職の癖で、気を抜くとゲームを作ってしまいます。 PLAY には SNAKE.EXE・CRACK.SH（パスワード推理）・type//storm（タイピングディフェンス）・2048.BIN の4本。 どれもターミナル画面を模したUIで、スコアはオンラインランキングに残ります。
サイト全体には実績システムも仕込んであります。 たまにページを横切るUFOを捕まえたり、由緒正しいあの隠しコマンドを入力したりすると解除される実績があるので、 記事に飽きたら探してみてください。
書いている記事
柱は3つ。仕事で毎日触っているWeb制作（WordPress・パフォーマンス最適化）、 開発の進め方を実際に変えたAI活用（Claude Code 中心）、 そして趣味と前職が混ざったゲーム開発です。 上のツールやゲームを作る過程で踏んだ地雷は、だいたいそのまま記事になっています。
運営者について
Web業界でエンジニアをしています。日常業務はWordPressのテーマ・プラグイン開発と、 Webサイトのパフォーマンス最適化。Lighthouseのスコアを1点単位で削る仕事です。
その前はゲーム業界に7年いて、コンシューマーとモバイルのUI/UX実装をやっていました。 このサイトのゲームや実績システム、無駄に光るデザインはその名残です。 仕事では表示速度のために装飾を削る側なので、自分のサイトでは好きなだけ光らせています。
お問い合わせ
記事の間違いの指摘や、お仕事の相談は ポートフォリオサイト（新しいタブで開く） か、X（@CLVR_mts）（新しいタブで開く）のDMからどうぞ。