技術ブログ
Web開発・アルゴリズム・パフォーマンス最適化など、ソフトウェア開発の現場で得た知見を発信します。
URLエンコードとは — パーセントエンコードの仕組みと使いどころ
URLで使える文字と予約文字、パーセントエンコードの仕組み（UTF-8バイト単位）、encodeURIとencodeURIComponentの違いまでを実例で解説します。
続きを読む →Unix時間とは — エポック秒・タイムゾーン・2038年問題
1970年起点のエポック秒とは何か、秒とミリ秒、タイムゾーンとUTC、うるう秒、そして2038年問題までをやさしく解説します。
続きを読む →ハッシュ関数とは — SHA-256の仕組みと用途（暗号化との違い）
一方向で復号できないハッシュ関数の性質、暗号化との違い、SHA-256の用途、パスワード保存の正しい考え方（ソルト/ストレッチング）を解説します。
続きを読む →差分（diff）の仕組み — LCSで違いを見つける
2つの文章の違いを見つけるdiffの仕組みを、最長共通部分列（LCS）と動的計画法の観点から具体例つきで解説します。
続きを読む →JWTとは — 構造・署名・使いどころ
JWTの3部構造（ヘッダー・ペイロード・署名）、登録クレーム、HMAC/公開鍵署名、ペイロードが暗号化でない点とセキュリティ注意点を解説します。
続きを読む →HTMLエスケープとXSS — なぜ特殊文字を変換するのか
HTMLエスケープがなぜ必要か、XSS（クロスサイトスクリプティング）の仕組みと種類、出力文脈ごとの対策を解説します。
続きを読む →命名規則とケース — camelCase/snake_case/kebab-case/PascalCaseの違い
camelCase・snake_case・kebab-case・PascalCaseなどの違いと、言語・文脈ごとの命名の慣習、一貫性を保つコツを解説します。
続きを読む →2進数・16進数入門 — コンピュータが数を扱うしくみ
2進数・16進数の仕組みと、コンピュータが数を扱う理由、10進との相互変換を0〜15の対応表と具体例でやさしく解説します。
続きを読む →Lorem ipsumとは — ダミーテキストの由来と使い方
意味を持たないダミーテキスト「Lorem ipsum」の由来と、なぜデザインで使うのか、使う際の注意点を解説します。
続きを読む →正規表現入門 — よく使うパターンと書き方
文字クラス・量指定子・グループ・アンカー・フラグといった正規表現の基本要素を、メール/URL/日付などの実例とともに解説します。
続きを読む →CSVとJSON — 違いと相互変換のポイント
CSVとJSONの違い（ネスト・型・サイズ・用途）と、相互変換のポイント（ヘッダー・クオート・平坦化）を比較表つきで解説します。
続きを読む →テキスト整形のコツ — 重複削除・ソート・トリムを使いこなす
行のソート（辞書順/数値順）、重複削除、空行・空白の除去（trim）など、日々のテキスト整形のコツをコマンドライン対応とあわせて解説します。
続きを読む →UUIDとは — v4の仕組み・衝突確率・使いどころ
128ビットの一意識別子UUIDの表記と各バージョン（v1/v4/v5/v7）、v4の乱数構造、誕生日問題から見た衝突確率、分散システムでの使いどころまでをRFCに沿って解説します。生成ツールへのリンク付き。
続きを読む →カラーコード入門 — HEX・RGB・HSLの違いと相互変換
Webの色表現であるHEX・RGB・HSLの違いと、それぞれの相互変換アルゴリズムを具体例つきで解説。3桁HEXやアルファ、HSLが直感的な理由、コントラストの考え方まで。変換ツールへのリンク付き。
続きを読む →文字数の数え方とUTF-8 — 文字・バイト・書記素の違い
「文字数」が数え方で変わる理由を、Unicodeのコードポイント、UTF-8のバイト数、JSのlength（UTF-16）、書記素クラスタの観点から整理。絵文字や結合文字の数え方も具体例で解説します。カウントツールへのリンク付き。
続きを読む →サブネットとCIDRの基礎 — IPアドレスの分割をゼロから理解する
IPv4の32ビット構造から、サブネットマスクとプレフィックス長（CIDR /24 など）、ネットワーク／ブロードキャストアドレス、使用可能ホスト数、プライベートアドレスとIPクラス、サブネット分割の計算例までを基礎から解説します。計算ツールへのリンク付き。
続きを読む →JSONとは — 構文・データ型・よくあるエラーと整形/検証のコツ
JSONの6つのデータ型と構文ルール、末尾カンマやシングルクオートなど「よくあるエラー」、整形（Pretty）と最小化（Minify）の使い分け、バリデーションの考え方をRFC 8259に沿って解説します。整形・検証ツールへのリンク付き。
続きを読む →Base64とは — 仕組み・用途・UTF-8とURLセーフを理解する
3バイトを4文字に変換する仕組みとパディング、メールやData URLなどの用途、日本語・絵文字をUTF-8で扱う注意点、URLセーフBase64（RFC 4648 §5）まで。暗号化ではない点も明確にし、変換ツールへのリンク付きで解説します。
続きを読む →QRコードの仕様を完全理解する（サンプルQR付き）
バージョン(1〜40)とモジュール数、データ容量、4つの符号化モード、誤り訂正、構造、マスクまで。実際に生成したサンプルQRコードを見ながら仕様を解説します。生成ツールへのリンク付き。
続きを読む →バーコードの仕様を完全理解する（サンプルバーコード付き）
EAN-13/JAN・EAN-8・UPC・CODE39・CODE128・ITF・Codabar の特徴と構造、チェックディジットの仕組みを、実際に生成したサンプルとともに解説します。生成ツールへのリンク付き。
続きを読む →著名エンジニアに学ぶ Claude Code（Claude CLI）の使い方
Armin Ronacher、Simon Willison、Mitchell Hashimoto、Boris Cherny ら海外の第一線エンジニアが実践する Claude Code の使い方を、元記事を参照しながら紹介します。
続きを読む →Flask作者 Armin Ronacher の Claude Code 活用法【具体例つき】
claude-yolo×Docker、ログをファイルに残す運用、エージェントが読みやすいコード設計、MCPよりCLI。Flask作者の実践を元記事の引用つきで深掘りします。
続きを読む →Django共同作者 Simon Willison の Claude Code 活用法【具体例つき】
「エージェントループの設計」という考え方、YOLOモードとサンドボックス、Fly.ioの$5使い捨て組織、テストを検証手段にする方法を引用つきで解説します。
続きを読む →Claude Code開発者 Boris Cherny 本人の使い方【具体例つき】
複数Claudeの並列実行、ミスをCLAUDE.mdに刻む習慣、/commit-push-pr、プランモードから自動モードへの移行、「検証で品質2〜3倍」を出典つきで紹介します。
続きを読む →Ghostty作者 Mitchell Hashimoto の AIエージェント活用法【具体例つき】
リサーチの委譲、ハーネスエンジニアリング（AGENTS.md）、Ghosttyでの実例と費用、「エージェント精神病」という戒めを、本人のブログ引用つきで解説します。
続きを読む →Claude Code（Claude CLI）によるプロジェクトの進め方
Explore→Plan→Code→Commit のループ、spec.md/plan.md、CLAUDE.md、git worktree、TDD など、公式と実践者のブログ調査から再現性の高い進め方を整理します。
続きを読む →Claude Code（Claude CLI）でのテストシナリオ構築
検証ループ、TDD の RED-GREEN-REFACTOR、ブラウザ自動化による E2E 検証、サブエージェントによる相互検証など、テスト戦略の組み立て方を海外ブログの調査をもとに解説します。
続きを読む →Claude Code（Claude CLI）でのチームコミュニケーション構築
CLAUDE.md の共有、.claude/ ディレクトリのコミット、GitHub Actions 連携、MCP サーバー（Slack/Linear）、オンボーディングなど、チーム協働の仕組みづくりを紹介します。
続きを読む →Claude Code（Claude CLI）でのドキュメント管理
CLAUDE.md と自動メモリ、/init による初期化、コードからの JSDoc/OpenAPI 生成、Hook と CI による同期維持など、ドキュメントを陳腐化させない管理術を解説します。
続きを読む →QRコードの誤り訂正レベルを理解する — なぜ汚れても読めるのか
QRコードがロゴで一部を隠しても、汚れても読み取れる仕組みを、誤り訂正レベル（L/M/Q/H）とリード・ソロモン符号の観点からわかりやすく解説します。
続きを読む →ソートアルゴリズム入門 — 計算量で選ぶ7つの並べ替え手法
バブルソートからクイックソート、マージソートまで。代表的なソートアルゴリズムの仕組みと計算量（オーダー記法）を整理し、用途に応じた選び方を解説します。
続きを読む →Core Web Vitals 実践ガイド — 表示速度と体感を改善する
LCP・INP・CLS の3指標を軸に、Webサイトの表示速度とユーザー体験を改善するための具体的な施策を、計測から実装まで実務目線でまとめます。
続きを読む →