About
作っている人と、作ってきたもの
はじめまして、CleverLabです
ゲーム業界で7年間フロントエンドを担当したあと、現在はWeb業界のエンジニアとして働いています。 業務ではWordPressのテーマ・プラグイン開発と、Core Web Vitals改善などのWebサイトの高速化が日常です。
個人では技術ブログ clvr.lol を運営しています。公開記事は186本。 ブラウザ完結のWebツール6本と ブラウザゲーム4本も併設し、 すべて自分で設計・実装しました。
フロントだけではありません。ゲームのオンラインスコアAPIや、メールログインとAI日記生成つきの 日記サービス をNode.jsで自作し、自前のVPS（nginx + PM2）で常時運用しています。 サーバー設定・SSL・監視まで含めて、公開後に何が起きるかを知っている状態で作ります。
このサイトに載せているのは、そうした実際に動いているものと、正直にデモと明記した制作サンプルだけです。 品質は言葉ではなく実物で確認してください。
対応技術
各技術で実際に制作・実装した経験があります
HTML / CSS
セマンティックHTML、CSS Grid/Flexbox、アニメーション。アクセシビリティを意識したマークアップ。
JavaScript / TypeScript
DOM操作、非同期処理、API連携。TypeScriptでの型安全な開発。
React / Next.js
SPA・SSR・SSG対応。App Router、Server Components、状態管理の実装経験あり。
Astro
静的サイト生成、Islands Architecture、Content Collections。本サイトもAstroで構築。
Tailwind CSS
v3/v4両対応。カスタムテーマ設定、レスポンシブ設計、ダークモード実装。
SEO / Web分析
構造化データ、OGP最適化、Core Web Vitals改善。改善業務は本業でも日常的に担当。
WordPress
テーマ・プラグイン開発、既存サイトの高速化。業務での開発経験が中心。
N Node.js / サーバー運用
APIサーバー開発、VPSでのnginx + PM2運用。自作サービス2本を常時稼働中。
使用ツール
CleverLabの強み
実物で示す
運営中のブログ・ツール・サービスは、すべてその場でURLを開いて確認できます。実績を口頭ではなく実物で提示します。
現場の基準で作る
Core Web Vitals改善やWordPress開発が本業の日常業務です。個人制作でもLighthouse 90以上を同じ基準で守ります。
運用まで自分でやる
自作サービスをVPSで常時運用し、サーバー設定・SSL・監視も自分の手でやっています。公開して終わりにしません。