サイトマップ
デジタル道具屋で提供しているすべてのツールとコンテンツの一覧です。
提供中のツール
開発者向けツール
JSONの整形、圧縮、検証を行う開発者向けツール
テキストとBase64形式の相互変換ツール
MD5、SHA-256等のハッシュ値を生成
JSONデータを階層構造で視覚化・検索
WebページのOGP情報とTwitterカード情報を確認
2つのテキストの差異を視覚的に比較・抽出
URLのエンコードとデコード
特殊文字をHTMLエンティティに変換
CSSファイルを軽量化（Minify）
アクセス端末のOS・ブラウザ情報を解析
自分のIPアドレスと位置情報を確認
ステータスコードの意味と詳細を検索
SEO/OGP用のメタタグを一括作成
クローラー制御ファイルを簡単作成
一意の識別子(UUID v4)を一括生成
SQL文を適切なインデントで美化
cURLコマンドをFetch APIに変換
JWTトークンの中身を確認
文書・テキスト処理
セキュリティ・生成ツール
デザイン・画像
調和の取れた色の組み合わせを自動生成
PNG/WebP画像を複数サイズのPNGアイコンに変換
CSSグラデーションコードを視覚的に作成
CSS box-shadowを視覚的に調整してコード生成
角丸のCSSコードを視覚的に生成
ブラウザ上で画像を圧縮（サーバー送信なし）
ブラウザ上で画像をトリミング・リサイズ
各SNSに最適なサイズに画像をリサイズ
画像からマルチサイズアイコン(ico/png)を一括生成
HEX, RGB, HSLの相互変換
ユーティリティ
テック情報
線形・放射状・円錐の使い分け、色の中間点、HSL補間と「グレーの泥沼」回避テクニックまで、CSSグラデーション実装の落とし穴を実務目線で解説します。
UTC・JST・夏時間（DST）の関係から、JavaScript で日付がズレる典型パターン、API 設計時の Z 表記ルールまで、タイムゾーン処理の実務知識を整理します。
2進数・10進数・16進数の使い分け、ビット演算で書ける権限フラグ管理、文字コード読解の実例まで、現場で本当に使う進数の知識を整理します。
PageSpeed が緑にならない最大の理由は画像。各フォーマットの圧縮特性、品質と容量のトレードオフ、ロード戦略まで実務目線でまとめます。
言語ごと・場所ごとに違う命名規則の歴史的経緯と、API・DB・URL・ファイル名・環境変数で「どこで何を使うべきか」の実務指針を整理します。
API ドキュメントの cURL を JavaScript に置き換えるとき、なぜか動かない・ヘッダーが消える・リダイレクトされない、を実例で解決します。
percent-encoding とは何か、encodeURI と encodeURIComponent の違い、日本語・絵文字・空白の扱い、application/x-www-form-urlencoded との関係まで網羅。
UUIDの衝突確率、v4とv7の違い、連番IDとの使い分けを、公式仕様と実装例をもとに解説します。
404・401・429・500など、API開発でよく使うHTTPステータスコードの意味と調査手順を公式仕様に沿って解説します。
ログに含まれるメールアドレス、電話番号、IPアドレスなどを共有前に検出・マスキングする方法と注意点を解説します。