-
指でなぞると凍る画像モザイク——端末内完結のプライバシー PWA を作った
写真やスクショの一部を隠したいけれど、画像を Web サービスにアップロードするのは不安。その課題を、全処理がブラウザ内で完結する画像モザイク PWA「Frost」で解きました。なぜ作ったか、何ができるか、どう端末内完結を担保しているかを紹介します。
-
Go の RE2 でストリーミングフィルタを安全に書く
Go 標準の regexp パッケージは RE2 実装で、計算量が入力長に対して線形に抑えられます。ReDoS を避けつつリアルタイムのログをフィルタする mask-pipe での実装パターンを例に、FindAllStringSubmatchIndex や bufio.Scanner の設計を解説します。
-
Cloudflare Workers とは何か:エッジ実行環境の基礎
Cloudflare Workers の仕組みを V8 Isolate モデル、リクエストライフサイクル、Bindings の観点から入門レベルで整理します。Node.js の Serverless Functions との違いや、KV / R2 / D1 / Queues とのつなぎ方がわかります。
-
Cloudflare Pages とは何か:静的サイトホスティングの実力
Cloudflare Pages の仕組みと特徴を入門レベルで解説します。ビルドパイプライン、プレビューデプロイ、カスタムドメイン、Pages Functions まで、静的サイトホスティングとしての全体像を把握できます。
-
uv で Python 環境構築を爆速にする
Rust 製の Python パッケージマネージャー uv を使って、仮想環境の作成からパッケージインストールまでを高速化する方法を紹介します。pip や poetry からの移行手順もカバーします。
-
Cloudflare を無料枠だけで運用する実践ガイド
Cloudflare の Pages, Workers, R2, D1, KV を無料枠だけで運用するための構成パターンを紹介します。各サービスの上限値と、個人開発で収まる設計のコツを具体的にまとめました。
-
ターミナル出力のシークレットをパイプで隠す CLI「mask-pipe」を作った
画面共有中に env や docker logs を映して API キーがよぎる「あの瞬間」を防ぐため、Go 製 CLI mask-pipe を作りました。8 種類の組み込みパターンと TOML 設定で、パイプに繋ぐだけで出力中のシークレットを伏せられます。設計判断と使い方を紹介します。
-
SQLite WASM + OPFS でブラウザにリレーショナル DB を持ち込む
ブラウザ上で SQLite を動かす SQLite WASM と、高速な永続化を実現する OPFS の組み合わせを解説します。IndexedDB との違い、導入手順、パフォーマンス特性、制約事項までカバーします。
-
Cloudflare Pages と Workers の違いと使い分け
Cloudflare Pages と Workers、どちらを使えばいいのか。静的サイトホスティングとエッジ関数という役割の違い、Pages Functions との境界、そして統合の方向性を踏まえた選定指針を解説します。
-
Dexie.js で IndexedDB をまともに使う
ブラウザ内蔵の IndexedDB を直接触るのはつらい。Dexie.js を使えば、型安全なクエリとスキーマ管理で IndexedDB を実用レベルに引き上げられます。導入・CRUD・バージョン管理・実践パターンまで解説します。
-
Claude Code を導入してターミナル中心の開発フローを作る
Claude Code をインストールし、ターミナルから AI エージェントとペアプログラミングする開発フローを構築する方法を初期設定から日常のワークフローまで解説します。
-
Astro の OGP 画像生成で日本語の改行を自然にする
Astro + Cloudflare Pages で OGP 画像を自動生成する際、sharp のランタイム非対応や日本語の不自然な改行に悩まされた。satori + resvg + budoux でビルド時完結の OGP 生成を実現した方法を、はまりポイントとともに解説します。
-
Claude Code にプロジェクト文脈を渡す 4 層構造
Claude Code で毎回プロジェクト文脈を説明するのが面倒? CLAUDE.md・コマンド・サブエージェント・スキルの 4 層構造で解決する方法を、実リポジトリの構成例とともに解説します。
-
Dockerコンテナ起動時に「address already in use」エラーが出た話
Dockerコンテナ起動時に「address already in use」エラーが出た際のトラブルシューティング
-
SEO と AEO の違い
検索エンジン最適化(SEO)と回答エンジン最適化(AEO)の違い
-
Astro をローカルで起動するまでの手順まとめ
Astro の公式テンプレートからローカル起動までの手順
-
REST Clientの使い方 - VSCodeで簡単にAPIリクエスト
REST Clientの使い方