開発チートシート — HTTP・MIME・キーコード・正規表現

開発チートシート — HTTP・MIME・キーコード・正規表現とは？

開発チートシートは、4 つの開発者向け参照表を 1 つの検索可能なウィジェットにまとめた、無料でブラウザ内動作のクイックリファレンスです。フロントエンド・バックエンド開発者、QA エンジニア、学生が、422 の意味、.webp 画像の MIME タイプ、矢印キーが発火する key 値、メール検証用の正規表現などを思い出したいときに使います。HTTP タブはよく使う 2xx・3xx・4xx・5xx のステータスコードを公式の理由句とともに一覧し、MIME タブはファイル拡張子を Content-Type 値に対応づけ、キーコードタブは Enter・Escape・ArrowUp などの JavaScript KeyboardEvent.key 文字列を表示し、正規表現タブは貼り付けてすぐ使えるパターンを短い説明付きで集めています。検索ボックスはアクティブなタブを即座に絞り込み、結果件数で何件一致したかが分かり、各行にコピーボタンがあります。出力ボックスは絞り込んだ行を直列化するので、別のツールに渡せます。このウィジェットは JavaScript でのみ描画されるため、このテキストが検索エンジンにインデックスされる説明文です。HTTP ステータスコードのリファレンス、MIME タイプ表、JavaScript キーコード一覧、正規表現チートシートを、すべてクライアントサイドで提供します。

開発チートシート — HTTP・MIME・キーコード・正規表現の使い方

1. タブを選びます：HTTP ステータス、MIME タイプ、キーコード、正規表現。
2. 検索ボックスに入力して、アクティブなタブをコード・名前・パターンで絞り込みます。
3. 行を見て、結果件数で何件一致したかを確認します。
4. 任意の行の Copy をクリックして、その値（名前・MIME タイプ・キー・パターン）をコピーします。
5. 出力ボックスの Copy ボタンで、絞り込んだ全項目を一度に取得します。

使用例

検索：429

429  Too Many Requests

検索：webp

.webp  image/webp

タブ：正規表現、検索：email

^[^\s@]+@[^\s@]+\.[^\s@]+$

よくある質問

どの HTTP ステータスコードが含まれますか？

各クラスでもっともよく使うものです：2xx 成功（200・201・204）、3xx リダイレクト（301・302・304・307・308）、4xx クライアントエラー（400・401・403・404・405・409・410・418・422・429）、5xx サーバーエラー（500・501・502・503・504）で、それぞれ標準の理由句を添えています。

key 値とキーコードの違いは何ですか？

このツールが一覧するのは、現代の KeyboardEvent.key 文字列で、キーの人間にとって意味のある値です。たとえば Enter・Escape・ArrowUp など。スペースキーは単一の空白文字を報告し、ここでは ␣ 記号で表示します。key 文字列は event.key === 'Enter' のようにイベントハンドラで比較する値です。

これらの正規表現はそのまま使えますか？

はい。各パターンは標準的な JavaScript の正規表現構文で書かれており、new RegExp('...') の中やスラッシュの間に貼り付けてすぐ使えます。たとえば簡単なメールや URL のチェックなど実用的な出発点であり、網羅的なバリデーターではないので、要件に合わせて確認してください。

検索はどのように動きますか？

検索はアクティブなタブだけを絞り込み、行内のどこにでも一致します：コード・名前・MIME タイプ・キー・正規表現のタイトル・パターン本体。大文字小文字を区別しないので、'JSON'・'not found'・'404' のいずれを入力してもすぐにリストが絞られ、結果件数もリアルタイムで更新されます。

サーバーに何か送信されますか？

いいえ。各表はツールに焼き込まれた静的リストで、絞り込みもコピーもすべてブラウザ内で行われます。検索した内容がアップロード・記録・送信されることは一切ないため、読み込んだ後はオフラインでも使えます。