リファレンス/チートシート

リファレンス/チートシート — ASCIIテーブル、HTML特殊文字リファレンス、CSS単位リファレンスなど9種類の無料オンラインツールをまとめたカテゴリです。インストールや登録は不要で、すべてブラウザ内で処理されるためデータは外部に送信されず、結果をすぐに確認してコピーできます。開発でよく使う作業を複数のサイトを行き来せずに素早く片付けられます。

9個のツール

ASCIIテーブル0~127の標準ASCII文字を10進・16進・8進・2進数とHTMLエンティティで表示し、コードや文字名で検索・絞り込みできる無料オンライン参照表。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。

HTML特殊文字リファレンス矢印・通貨・数学などHTMLエンティティ（特殊文字）の名前付き・数値コードをカテゴリ別に整理した無料リファレンス。検索してコードや記号をコピー。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。

CSS単位リファレンスpx・em・rem・%・vw・vh・vmin・vmax・chなどCSS単位をカテゴリ別に整理し、用途と使い方を解説する無料リファレンス。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。結果はワンクリックでコピーして、すぐに活用できます。

絵文字検索/コピー数千の絵文字をカテゴリ別に検索できる無料ツール。目的の絵文字を数秒で見つけ、1クリックでクリップボードにコピーできます。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。結果はワンクリックでコピーして、すぐに活用できます。

Gitチートシートブランチやマージからrebase・stash・resetまでGitコマンドをカテゴリ別に整理した検索可能な無料チートシート。危険度を表示。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。結果はワンクリックでコピーして、すぐに活用できます。

Linuxコマンドリファレンスよく使うLinuxコマンドをファイル・プロセス・ネットワーク別に整理した無料オンライン参照ツール。検索でコマンドの options や使用例をすぐ確認できます。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。

キーボードショートカット参照VS Code・Chrome・macOS・Windowsのショートカットをカテゴリ別に整理した無料オンライン参照ツール。検索で目的の操作のキーをすぐ確認できます。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。

セマンティックバージョンチェッカー2つのセマンティックバージョン文字列のmajor、minor、patchを比較し、どちらが新しいか変更の種類を示す無料オンラインセマンティックバージョン比較ツールです。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。

ブラウザ互換性チェッカーCSS・JavaScript・HTML・Web APIの機能について、Chrome・Firefox・Safari・Edge各ブラウザの対応バージョンを確認できる無料オンライン参照ツール。コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。

使い方

1
必要なリファレンスを開く— ASCIIコードとHTMLエンティティ、CSS単位、GitとLinuxのコマンド、エディターのショートカット、絵文字はそれぞれ独立したページにあり、記事ではなく表がそのまま開きます。
2
検索で目的の行まで絞り込む— 検索欄に入力すると表がその場で絞り込まれるので、長いチートシートをスクロールしたりmanページを読んだりするより速くたどり着けます。
3
コピーして使えるか確かめる— 文字・コード・コマンドはワンクリックでコピーでき、ブラウザ互換性チェッカーがその機能の対応状況を、semverチェッカーがバージョンが範囲を満たすかを教えてくれます。

よくある質問

左端の0でない桁が変わらない範囲までです。つまり ^1.2.3 は 1.9.0 を受け入れますが 2.0.0 は受け入れず、~1.2.3 は 1.2.x のパッチまでに限られます。Semverチェッカーに2つのバージョンを入れると、どちらが新しいか、その差がメジャー・マイナー・パッチのどれかを教えてくれます。

HTMLの本文や属性値の中にアンパサンドが現れるときです。アンパサンドの後に英字とセミコロンが続くと実体参照として解釈されるため、?a=1&copy=2 のようなクエリ文字列が知らぬ間に © になってしまいます。HTMLエンティティ一覧で名前付き・10進・16進の表記を確認でき、エンティティ変換ツールならブロック全体を一括でエスケープできます。

読者のブラウザ設定に合わせて拡大してほしい文字サイズや余白にはrem、ボタン内側のパディングのように要素自身のフォントサイズに追随させたい値にはemを使います。vhやvwは、その寸法が本当にビューポートと関係する場合だけに限ってください。CSS単位リファレンスは全単位を分類ごとにまとめ、どこで予測どおりに振る舞うかを併記しています。