メインコンテンツへスキップ

ガイドとチュートリアル

各ツールをより効果的に使うための短いガイド。

編集者向け:単語数と読了時間

先に単語数を数え、明示的な WPM で読了時間を見積もります。

データデモ向け単位換算

仕様・ストーリー・授業デモ向けに長さ・重量・温度を素早く換算。

robots.txt と sitemap.xml の基礎

robots はクローラーを誘導し、sitemap は発見させたい URL を列挙 — ローンチ日に両方設定します。

MetaタグとOpen Graph公開チェックリスト

title・description・ソーシャルカードを同時に揃え、クローラーとチャットアプリに同じ情報を見せます。

インシデントログの行ソートと重複除去

チケットや diff ツールに貼る前に、騒がしいログ断片を整えます。

高速ページのための画像フォーマット変換

モダンブラウザには WebP/AVIF、メールとレガシーには PNG フォールバック。

支払いテスト前のIBAN確認

サンドボックスで MOD-97 により構造を検証 — 形式が正しくても口座の帰属は証明しません。

テスト専用のクレジットカード Luhn 検証

テスト PAN でフォームを検証 — Luhn は課金も名義も証明しません。

ローンチページ向け slug と meta タグ

読みやすい URL と一貫した Open Graph タグを一度に出荷。

リリース前の Semver バンプ

修正は patch、機能は minor、破壊的変更は major — changelog に書き留める。

デプロイ前に .env ファイルを解析

ステージング起動を壊す前に重複キーと無効な名前を捕捉。

API 型向け JSON から TypeScript

サンプルレスポンスを interface に変換し、コードレビューで名前を洗練。

新規リポジトリ向け gitignore テンプレート

古いリポジトリを丸ごとコピーするのではなく、スタック固有のテンプレートから始める。

設定ファイル向け YAML と JSON

ランタイムが読む形式を選ぶ; 両側を制御できる場合のみ変換する。

DB 挿入前に UUID を検証する

不正な ID を DB エラーログではなくエッジで捕捉する。

分散システムでの UUID v4

ランダム UUID は調整を減らす; 連番ビジネス ID の代わりにはならない。

QR コードの誤り訂正とサイズ

高い訂正は損傷した印刷に耐える; 大きなモジュールはポスターでより速くスキャン。

メール添付向け PDF 圧縮

サイズ制限と読みやすいテキストのバランス — 全体を圧縮する前に1ページテスト。

ドキュメントサイト向け Markdown から HTML

プレビュー用に prose を変換; 本番 HTML は静的サイトジェネレーターを実行。

レスポンシブレイアウト向け画像リサイズ

レイアウトが使う正確な幅をエクスポート — モバイルに 4000px ソースを送らない。

アップロード画像から QR コードをデコード

スクリーンショットと写真は有効 — ファイル形式より照明とぼかしが重要。

マークアップを beautify するか minify するか

人間向けは beautify、バイト向けは minify — 2つの目的を1ステップで混ぜない。

リリース前に OpenAPI を検証する

壊れたコントラクトを早期に検出 — 欠落パス、info ブロック、バージョンのずれ。

コードレビューで SQL フォーマッタを使う

一貫した SQL の diff はノイズを減らし、ロジック変更をより早く見つけられます。

本番ビルドで JS と CSS を minify する

開発中に minify 済みソースをデバッグせず、より小さなアセットを配信する。

API とテンプレートでの HTML エンティティエンコーディング

HTML や JSON 文字列フィールドに埋め込む前にユーザーコンテンツをエスケープする。

Webhook 向け HMAC 署名

共有シークレットと安定したアルゴリズムを使う — サーバーで検証し、クライアント側チェックだけを信頼しない。

デザインハンドオフでの HEX、RGB、HSL

色を一度変換し、CSS、トークン、ドキュメントに一貫した値を貼り付ける。

XML 設定ファイルを安全に整形する

読みやすい XML はレビューを助ける; マージ前に利用側で検証する。

公開前に HTML を整形する

読みやすいマークアップはネストのミスを早期に発見し、PR レビューを加速します。

低レベルデバッグ向けの二進数と hex

ログが hex で整数を示すとき、ビットマスクを推測する前に基数を変換する。

HTTPレスポンス障害切り分けチェックリスト

ステータス、ヘッダー、ペイロード形状でAPI障害を素早く特定します。

HTTP Request ツールでAPIをデバッグする

Method/Header/Query/Auth/Bodyを1画面で扱い、調査を短縮します。

モダンなWebアプリ向けSVG最適化

SVGをクリーンアップすることで、バンドルサイズを削減し、パフォーマンスを向上させます。

安全なパスワード生成のベストプラクティス

セキュリティにおいて、エントロピーと文字の多様性がなぜ重要なのか。

運用引き継ぎで使う Cron Parser の実践

cron式を可読化し、障害復盤やシフト引き継ぎでの誤解を減らします。

Base64エンコーディングの理解とその利用事例

Base64がどのように動作するか、およびバイナリからテキストへの変換に使用するタイミングについて。

APIペイロードを安定化する JSON String Escape

生テキストをJSONへ埋め込む前にエスケープし、引用符や制御文字の破綻を防ぎます。

設定がずれたらDiffで見る

リリース前にテキストスナップショットを比較し、意図しない変更を拾います。

CSVからJSONへ:ヘッダーと型に注意

ヘッダーはキーになる。大量変換前に列名を正規化します。

遅いアップロード前に画像を圧縮する

レイアウト用にリサイズ、転送量用に圧縮。実機で画質を確認します。

ワークフローに合わせてPDF結合か分割か

一括納品は結合、部分共有やアーカイブは分割が向きます。

Unixタイムスタンプ:秒とミリ秒の違い

変換前に単位確認を行い、1000倍ミスを防ぎます。

Base64とURLエンコードの使い分け

解決する問題が異なるため、目的に応じて選びます。

正規表現テストの実践ポイント

小さなサンプルで反復し、フラグと過剰バックトラックに注意します。

デプロイ前にJSONを検証する

まず構文エラーを検出し、次に意味的妥当性を確認します。

JSONの整形と圧縮を使い分ける

レビューには整形、転送には圧縮。用途に応じて使い分けます。

JWTを安全にデコードする方法

まずローカルで構造を確認し、署名検証はサーバーで行います。