自分が何をしているのかを正しく理解したい開発者のためのツール。
サーバー通信なしで技術的な課題を解決。RFC仕様、プロトコルの動作原理、システムアーキテクチャの真の仕組みを探求。
Curious-Techieとは何ですか?
Curious-Techieは、Web技術の根本的な仕組みを深く理解したいソフトウェアエンジニアのために作られた、プライバシー第一の技術プラットフォームです。完全ローカル実行の開発ツールに加えて、RFC仕様の詳細解説、プロトコルリファレンス、実践的なインタラクティブ診断ラボ、エンジニア採用面接対策を提供します。すべてのツールはブラウザのメモリ内だけで実行され、サーバーへデータが送信されることは一切ありません。
人気の技術トピック
Webプロトコル、ブラウザセキュリティ境界、暗号アルゴリズム、データ構造を網羅する技術ハブ。
Cryptography & Hashing
One-way mathematical functions, digests, HMAC & collision resistance.
DNS & Internet Protocols
Hierarchical name resolution, DNS-over-HTTPS & domain registries.
Browser & Web Security
Cross-Origin Resource Sharing, CSP Level 3 & HTTP defensive headers.
Data Encodings & Formats
Binary-to-text schemes, percent-encoding & serialization mechanics.
Tokens & Stateless Auth
JSON Web Token anatomy, asymmetric signatures & claim verification.
Unique Identifiers & Epochs
128-bit distributed keys, time-ordered UUID v7 & Unix timestamps.
クライアントサイド開発ツール
ネットワーク遅延ゼロ・完全プライバシー保護でブラウザ内にて動作する実用ツール群。
注目のアーキテクチャ技術ガイド
オープン標準仕様、RFCドキュメント、Webシステムの設計思想を深く探求する解説。
DNSの仕組みとネームサーバーの動作原理を徹底解説
ドメインネームシステムの階層的名前解決、ルートサーバー、A/AAAA/MX/TXTレコード、およびDNS-over-HTTPS (DoH)の暗号化を解説。
HTTPの仕組みとWebリクエストの動作原理を徹底解説
HTTP/1.1・HTTP/2・HTTP/3の進化、リクエスト・レスポンス構造、ステータスコード、および冪等性のアーキテクチャ解説。
HTTPSの仕組みとTLS暗号化によるWeb通信保護を徹底解説
ポート443でのTLS暗号化トンネル、X.509証明書検証、混在コンテンツ遮断、およびHSTS強制のアーキテクチャ解説。
SSL/TLSの仕組みとHTTPS証明書ハンドシェイクの全貌
TLS 1.3の暗号化プロトコル、公開鍵ハンドシェイク、X.509証明書チェーン、Certificate Transparency (CT) を徹底解説。
Webセキュリティの仕組みと多層防御アーキテクチャ徹底解説
ブラウザのセキュリティ境界、防御的HTTPヘッダー、CSP、SameSite Cookie、およびSRIによる脅威緩和設計。
JWT(JSON Web Token)の構造と安全な認証設計 (RFC 7519)
ステートレス認証、ヘッダー/ペイロード/署名の3分割構造、Base64URL、alg:none攻撃と検証の要点を解説。
課題解決トラブルシューティング
本番環境で検証済みの原因究明ツリーと、開発時によく遭遇するエラーの具体的解決手順。
CORSエラー解決法:No Access-Control-Allow-Origin ヘッダー欠落の修正
このエラーは、APIサーバーがレスポンスに Access-Control-Allow-Origin ヘッダーを含めていないためにブラウザが通信を遮断することで発生します。サーバー側で許可ヘッダーを追加してください。
How to Fix CORS Preflight Errors
A CORS preflight error occurs when your backend fails to return a successful HTTP status (200 OK or 204 No Content) on the automatic preflight HTTP OPTIONS request, or fails to include Access-Control-Allow-Methods and Access-Control-Allow-Headers.
Why CSP Blocks JavaScript
The browser blocked your JavaScript because your server’s Content-Security-Policy (CSP) header does not permit inline scripts or the external domain hosting the script in its script-src directive.
Why JWT Works in Postman but Not in Browser
The request succeeds in Postman because Postman does not enforce the browser Same-Origin Policy (SOP). In a web browser, adding an Authorization: Bearer header triggers an automatic CORS preflight (HTTP OPTIONS) probe. If the backend fails the preflight or omits authorization from Access-Control-Allow-Headers, the browser blocks the token before the server ever reads it.
技術仕様・リファレンスシート
プロトコルヘッダー、HTTPステータスコード、セキュリティディレクティブの完全リファレンス。
HTTPステータスコード リファレンス&早見表
HTTPステータスコードは3桁の整数であり、1xx(情報)、2xx(成功)、3xx(転送)、4xx(クライアント障害)、5xx(サーバー障害)の5区分に分類されます。
HTTPメソッド(リクエスト動詞)リファレンス
HTTPメソッドはリソースに対する操作種別を定義します。GET/HEAD/OPTIONSは「安全(読み取り専用)」、GET/PUT/DELETEは「べき等(複数回実行しても結果が同一)」です。
HTTPヘッダー リファレンス&早見表
HTTPヘッダーは、リクエストまたはレスポンスのメタデータ(認証、コンテンツ形式、キャッシュ指示等)をキー&バリュー形式で伝達します。
HTTP Content-Type(メディアタイプ)リファレンス
Content-Typeヘッダーは、HTTPメッセージボディのメディアタイプ(MIME形式)と文字コード(charset)を受信側に宣言します。
インタラクティブ診断ラボ
ステートマシン、暗号のアバランシェ効果、正規表現のバックトラッキングをブラウザ上で直接実験・検証。
DNS Resolution & Zone Configuration Lab: Debugging TTL Caching, Record Delegation, and NXDOMAIN Outages
Diagnose and remediate a live multi-region DNS propagation outage caused by a misconfigured CNAME apex alias and excessive negative cache TTL on an authoritative nameserver.
HTTP Lifecycle & Status Code Engineering Lab: Request-Response Pipelines, Headers, and Caching Controls
Construct raw HTTP requests, analyze status code transitions (200 vs 304 vs 412), and eliminate redundant payload transfer using HTTP conditional validation headers.
HTTPS & TLS Handshake Deep-Dive Lab: Certificate Chains, Cipher Suites, and Mixed-Content Remediation
Diagnose an incomplete X.509 certificate trust chain causing ERR_CERT_AUTHORITY_INVALID on mobile devices, and remediate mixed-content active blocking on an upgraded HTTPS web application.
JWT暗号工学ラボ:クレーム改ざん・署名検証・アルゴリズム混乱攻撃の検証
Base64URLエンコードと暗号学的署名の根本的な違いを理解し、JWT検証における代表的な実装脆弱性を診断・防止するスキルを習得する。
技術Q&A・直接回答
余計な前置きを排除した、エンジニアが知るべき核心的な疑問に対する権威ある回答。
Q: JWTは誰でも復号(デコード)して中身を見ることができますか?
はい。一般的なJSON Web Token(JWS)は「署名」されているだけで「暗号化」されていません。ヘッダーとペイロードは単にBase64URLでエンコードされた文字列であり、秘密鍵がなくても誰でも平文として閲覧可能です。
Q: なぜJWTをLocalStorageに保存してはいけないのですか?
認証JWTをlocalStorageに保存すると、ページ上に存在するクロスサイトスクリプティング(XSS)脆弱性によってトークンが即座に外部へ持ち出される危険があるためです。HttpOnly、Secure、SameSite属性付きCookieを使用することで、JavaScriptからのアクセスを完全に遮断できます。
Q: Can an Expired JWT Token Still Be Verified?
Yes, the cryptographic signature of an expired JWT remains mathematically valid because signatures are computed solely over the header and payload data. However, compliant JWT libraries will reject the token during authentication because the expiration claim (`exp`) is explicitly checked after signature verification.
Q: What Is the Difference Between Authentication and Authorization?
Authentication (AuthN) verifies who a user is (identity confirmation), while Authorization (AuthZ) determines what permissions or resources that authenticated user is allowed to access.
ソフトウェアエンジニア面接対策
シニアエンジニア向けのシステム設計トレードオフ、想定問答、ベストプラクティス解説。
ブラウザのアドレスバーにURLを入力してからDNS名前解決が完了するまでの詳細なステップを順を追って説明してください。
ブラウザはまず4層のキャッシュ(ブラウザ内、OS、ルーター、ISPリカーシブリゾルバ)を順に確認します。全層ミスの場合、リゾルバが階層構造(ルートサーバー(.) → TLDサーバー(.com) → 権威DNSサーバー(example.com))を順次巡回してA/AAAAレコードを取得・キャッシュします。
CORS通信においてブラウザがPOSTリクエストの前にHTTP OPTIONSリクエストを送信する理由と、不要なプリフライト通信を防止する方法を説明してください。
ブラウザは非単純リクエスト(AuthorizationヘッダーやContent-Type: application/json等)の際、サーバーが安全に処理可能か事前に検証するためOPTIONSプリフライトを送信します。Access-Control-Max-Ageヘッダーを設定してブラウザ側に結果をキャッシュさせることで不要な往復遅延を防止します。
人気コンテンツ
世界中のエンジニアが頻繁に参照している高評価のガイド、比較記事、実用ツール。
SHA-256 vs SHA-512: Architectural Differences & Performance Benchmark
SHA-512 is fundamentally more secure and surprisingly runs faster on modern 64-bit CPUs than SHA-256 due to native 64-bit word operations. Choose SHA-256 for compact output and microcontrollers; choose SHA-512 for high-security applications and 64-bit server pipelines.
JWT vs Session Cookies: Stateless vs Stateful Web Authentication
Use Server Session Cookies for standard monolithic web applications and Single Page Applications sharing a backend domain. Use JWTs for distributed microservices, multi-region API gateways, and short-lived mobile authorization handshakes where database lookups on every request are prohibitive.
Base64 vs Hex
The fundamental difference between Base64 and Hex is storage efficiency versus human readability: Base64 encodes 6 bits per character using a 64-character alphabet, expanding binary data by only 33%. Hex (Base16) encodes 4 bits (a nibble) per character using a 16-character alphabet (0–9, a–f), expanding binary data by 100% (doubling its size).
DNS-over-HTTPS (DoH) vs DNS-over-TLS (DoT): Security & Censorship Comparison
DoH is superior for user privacy and censorship circumvention because its traffic blends inseparably with standard HTTPS web browsing on port 443. DoT is superior for enterprise network administration because dedicated port 853 allows network security teams to inspect or filter queries.
最近更新・検証されたコンテンツ
最新のRFC標準およびブラウザ仕様に基づいて継続的にメンテナンス・監査されているコンテンツ。
RFC 9110 HTTP Semantics & Method Idempotency Audit
Verified Active Standard • IETF HTTP Working Group
W3C Web Cryptography SubtleCrypto Memory Isolation Audit
100% Client-Side V8 Sandbox • W3C Web Security WG
RFC 9562 UUID Version 7 Timestamp-Ordered Entropy Review
Verified Sub-Millisecond Precision • IETF Standards Track
W3C Content Security Policy Level 3 Directive Compliance
Strict Nonce & Hash Verified • W3C Web Application Security
ナレッジグラフと概念間の関係性
Curious-Techieのエコシステム内でツール、仕様、ラボ、セキュリティ機構がどのように相互接続しているか。
Deconstructs cryptographic claims and Base64URL segments 100% locally in browser memory.
Translates 8-bit octets into 6-bit radix-64 printable characters with zero server telemetry.
Enforces strict cryptographic script nonces and restricts remote script execution domains.
Governs cross-origin HTTP fetch preflights under browser security boundaries.
Encapsulates UDP port 53 DNS queries inside encrypted HTTPS port 443 channels.
Visualizes NFA exponential state branch explosions live without crashing the main thread.