https://hashitosystem.com/blog/ Web開発・アルゴリズム・QR/バーコード・Claude Code など、ソフトウェア開発の知見を発信する技術ブログ。 ja Sun, 28 Jun 2026 00:00:00 +0900 https://hashitosystem.com/blog/binary-hex-explained/ https://hashitosystem.com/blog/binary-hex-explained/ Mon, 29 Jun 2026 00:00:00 +0900 位取り記数法から、なぜ2進数を使うのか、16進数が便利な理由、相互変換の手順、255=11111111=FF=377 の具体例までを正確に解説します。 https://hashitosystem.com/blog/character-count-and-encoding/ https://hashitosystem.com/blog/character-count-and-encoding/ Mon, 29 Jun 2026 00:00:00 +0900 「文字数」は数え方で変わります。Unicodeのコードポイント、UTF-8の可変長バイト、コードユニット・コードポイント・書記素クラスタの違いを実例で解説します。 https://hashitosystem.com/blog/color-codes-explained/ https://hashitosystem.com/blog/color-codes-explained/ Mon, 29 Jun 2026 00:00:00 +0900 HEX・RGB・HSL の違いと相互変換の手順を、検算した正しい例（#3366cc = rgb(51,102,204) = hsl(220,60%,50%)）とともにわかりやすく解説します。 https://hashitosystem.com/blog/csv-vs-json/ https://hashitosystem.com/blog/csv-vs-json/ Mon, 29 Jun 2026 00:00:00 +0900 表形式の CSV と、ネスト・型を持つ JSON の違い、CSV⇄JSON 変換の考え方、文字コード・BOM・区切り、用途別の使い分けを正確に解説します。 https://hashitosystem.com/blog/how-diff-works/ https://hashitosystem.com/blog/how-diff-works/ Mon, 29 Jun 2026 00:00:00 +0900 diff の正体である最長共通部分列（LCS）を、動的計画法による小さな例で具体的に追い、追加・削除の導き方、Myers アルゴリズム、実際の用途まで正確に解説します。 https://hashitosystem.com/blog/html-escaping-and-xss/ https://hashitosystem.com/blog/html-escaping-and-xss/ Mon, 29 Jun 2026 00:00:00 +0900 HTMLエスケープの対象文字、ユーザー入力がHTMLとして解釈される危険、XSSの反射型・格納型・DOM型、出力コンテキストに応じた対策、CSPまでを正確に解説します。 https://hashitosystem.com/blog/naming-conventions-case-styles/ https://hashitosystem.com/blog/naming-conventions-case-styles/ Mon, 29 Jun 2026 00:00:00 +0900 主要なケーススタイルの定義と例、言語・文脈ごとの慣習、単語境界の考え方、一貫性を保つ lint ツール、よくある誤りを正確に解説します。 https://hashitosystem.com/blog/regex-basics/ https://hashitosystem.com/blog/regex-basics/ Mon, 29 Jun 2026 00:00:00 +0900 文字クラスやメタ文字・量指定子・グループとキャプチャ・アンカー・フラグの基本から、メール／電話／URL／日付の簡易パターン、ReDoS の注意点までを正確に解説します。 https://hashitosystem.com/blog/subnet-cidr-basics/ https://hashitosystem.com/blog/subnet-cidr-basics/ Mon, 29 Jun 2026 00:00:00 +0900 IPv4アドレスの32ビット構造から、サブネットマスク・プレフィックス長（/24 など）、ネットワーク/ブロードキャストアドレス、使用可能ホスト数、プライベートアドレス、サブネット分割の計算までを表と例で解説します。 https://hashitosystem.com/blog/text-processing-tips/ https://hashitosystem.com/blog/text-processing-tips/ Mon, 29 Jun 2026 00:00:00 +0900 行のソート、重複行の削除、空行や前後空白の除去、逆順・シャッフルまで。コマンドラインの sort/uniq との対応とブラウザツールの手軽さを正確に解説します。 https://hashitosystem.com/blog/what-is-base64/ https://hashitosystem.com/blog/what-is-base64/ Mon, 29 Jun 2026 00:00:00 +0900 バイナリを64種の印字可能文字で表すBase64の仕組み（3バイト→4文字）、MIME・Data URLなどの用途、日本語のUTF-8注意点、URLセーフBase64をわかりやすく解説します。 https://hashitosystem.com/blog/what-is-hashing/ https://hashitosystem.com/blog/what-is-hashing/ Mon, 29 Jun 2026 00:00:00 +0900 ハッシュ関数の一方向・決定的な仕組み、衝突耐性・なだれ効果などの性質、暗号化との違い、SHA-256 が推奨される理由、パスワード保存や改ざん検知での正しい使い方を正確に解説します。 https://hashitosystem.com/blog/what-is-json/ https://hashitosystem.com/blog/what-is-json/ Mon, 29 Jun 2026 00:00:00 +0900 JSONの6つのデータ型と構文ルール、末尾カンマ・シングルクオート・全角スペースなどよくあるエラー、整形と最小化の使い分けを RFC 8259 準拠で解説します。 https://hashitosystem.com/blog/what-is-jwt/ https://hashitosystem.com/blog/what-is-jwt/ Mon, 29 Jun 2026 00:00:00 +0900 JWT の header.payload.signature の3部構成、登録クレーム、HMAC/RSA/ECDSA による署名と改ざん検知、ペイロードは暗号化ではない点、ステートレス認証での使いどころとセキュリティ注意を正確に解説します。 https://hashitosystem.com/blog/what-is-lorem-ipsum/ https://hashitosystem.com/blog/what-is-lorem-ipsum/ Mon, 29 Jun 2026 00:00:00 +0900 意味を持たないダミーテキスト Lorem ipsum の由来、なぜ意味のない文字を使うのか、モックアップや組版での使いどころ、本番に残さないなどの注意点を正確に解説します。 https://hashitosystem.com/blog/what-is-unix-time/ https://hashitosystem.com/blog/what-is-unix-time/ Mon, 29 Jun 2026 00:00:00 +0900 Unix時間の定義（1970-01-01 UTC からの経過秒）、秒とミリ秒、タイムゾーンと UTC、ISO 8601、うるう秒、2038年問題までを正確に解説します。 https://hashitosystem.com/blog/what-is-url-encoding/ https://hashitosystem.com/blog/what-is-url-encoding/ Mon, 29 Jun 2026 00:00:00 +0900 RFC 3986 の予約文字・非予約文字、なぜエンコードが必要か、%+16進でUTF-8バイト単位に符号化する仕組み、encodeURI と encodeURIComponent の違い、フォームでの扱いを正確に解説します。 https://hashitosystem.com/blog/what-is-uuid/ https://hashitosystem.com/blog/what-is-uuid/ Mon, 29 Jun 2026 00:00:00 +0900 UUID の36文字表記、バージョンの違い、v4 の構造（122ビットの乱数）、誕生日問題による衝突確率、分散システムでの使いどころを正確に解説します。 https://hashitosystem.com/blog/barcode-specifications/ https://hashitosystem.com/blog/barcode-specifications/ Fri, 26 Jun 2026 00:00:00 +0900 EAN/JAN・UPC・CODE39・CODE128・ITF・Codabar の特徴と構造、チェックディジットの仕組みを実物サンプルとともに解説します。 https://hashitosystem.com/blog/qr-code-specifications/ https://hashitosystem.com/blog/qr-code-specifications/ Fri, 26 Jun 2026 00:00:00 +0900 バージョン・データ容量・符号化モード・誤り訂正・構造・マスクまで、QRコードの仕様を実物サンプルとともに解説します。 https://hashitosystem.com/blog/claude-code-armin-ronacher/ https://hashitosystem.com/blog/claude-code-armin-ronacher/ Thu, 25 Jun 2026 00:00:00 +0900 claude-yolo×Docker、ログ運用、エージェントが読みやすいコード設計、MCPよりCLI。Armin Ronacher の実践を元記事の引用つきで解説します。 https://hashitosystem.com/blog/claude-code-boris-cherny/ https://hashitosystem.com/blog/claude-code-boris-cherny/ Thu, 25 Jun 2026 00:00:00 +0900 複数Claudeの並列、ミスをCLAUDE.mdに刻む習慣、/commit-push-pr、自動モードへの移行、「検証で品質2〜3倍」。開発者本人の実践を出典付きで解説します。 https://hashitosystem.com/blog/claude-code-documentation/ https://hashitosystem.com/blog/claude-code-documentation/ Thu, 25 Jun 2026 00:00:00 +0900 海外ブログの調査をもとに、Claude Code を使ったドキュメントの作成・同期・管理の方法を解説します。 https://hashitosystem.com/blog/claude-code-how-top-engineers-use/ https://hashitosystem.com/blog/claude-code-how-top-engineers-use/ Thu, 25 Jun 2026 00:00:00 +0900 海外の第一線エンジニアが実践する Claude Code の使い方を、元記事を参照しながら紹介します。 https://hashitosystem.com/blog/claude-code-mitchell-hashimoto/ https://hashitosystem.com/blog/claude-code-mitchell-hashimoto/ Thu, 25 Jun 2026 00:00:00 +0900 リサーチの委譲、ハーネスエンジニアリング、Ghosttyでの実例、「エージェント精神病」という戒め。Mitchell Hashimoto の実践を本人のブログ引用付きで解説します。 https://hashitosystem.com/blog/claude-code-project-workflow/ https://hashitosystem.com/blog/claude-code-project-workflow/ Thu, 25 Jun 2026 00:00:00 +0900 海外ブログの調査をもとに、Claude Code を使った計画・実装・検証のプロジェクトワークフローを解説します。 https://hashitosystem.com/blog/claude-code-simon-willison/ https://hashitosystem.com/blog/claude-code-simon-willison/ Thu, 25 Jun 2026 00:00:00 +0900 「エージェントループの設計」、YOLOモードとサンドボックス、Fly.ioの$5使い捨て組織。Simon Willison の実践を元記事の引用つきで解説します。 https://hashitosystem.com/blog/claude-code-team-collaboration/ https://hashitosystem.com/blog/claude-code-team-collaboration/ Thu, 25 Jun 2026 00:00:00 +0900 海外ブログの調査をもとに、Claude Code を中心としたチーム協働・知識共有・コミュニケーションの仕組みづくりを解説します。 https://hashitosystem.com/blog/claude-code-test-scenarios/ https://hashitosystem.com/blog/claude-code-test-scenarios/ Thu, 25 Jun 2026 00:00:00 +0900 海外ブログの調査をもとに、Claude Code を使ったテスト戦略・検証ループ・TDD・E2E検証の構築方法を解説します。 https://hashitosystem.com/blog/qr-code-error-correction/ https://hashitosystem.com/blog/qr-code-error-correction/ Thu, 25 Jun 2026 00:00:00 +0900 誤り訂正レベル（L/M/Q/H）とリード・ソロモン符号の観点から、QRコードが一部欠けても読める仕組みを解説します。 https://hashitosystem.com/blog/sorting-algorithms-visualized/ https://hashitosystem.com/blog/sorting-algorithms-visualized/ Thu, 25 Jun 2026 00:00:00 +0900 代表的なソートアルゴリズムの仕組みと計算量を整理し、用途に応じた選び方を解説します。 https://hashitosystem.com/blog/web-performance-core-web-vitals/ https://hashitosystem.com/blog/web-performance-core-web-vitals/ Thu, 25 Jun 2026 00:00:00 +0900 LCP・INP・CLS の3指標を軸に、表示速度とユーザー体験を改善する具体策を計測から実装まで解説します。