よく使われるツール
すべてのツールVisual SQL Builder
SELECT、JOIN、WHERE などを画面操作で組み立てられます。
SQL・データベースSQL フォーマッター
SQLを読みやすく整形し、レビューや調査をしやすくします。
図・可視化SQL から ER 図
CREATE TABLE 文から Mermaid の ER 図を生成します。
図・可視化GitHub Actions 可視化
GitHub Actions の workflow YAML を図として確認できます。
図・可視化インフラ構成図ビルダー
構成情報からシステム構成図やネットワーク図を作成できます。
セキュリティ・暗号JWKS ジェネレーター
RSA 鍵ペア、JWKS、RS256 JWT の検証用データを生成できます。
データ変換・スキーマJSON から OpenAPI
JSON から OpenAPI の components.schemas を生成します。
テキスト・コード補助UUID 生成
UUIDv4 を生成してコピーできます。
ツール紹介
アーキテクチャ構成図をブラウザで描く方法｜アイコン・グループ枠・PNG/SVG出力
利用者・エッジ・サーバー・外部サービスをまたぐシステム構成図を、アイコンとグループ枠で描く手順をまとめました。ブラウザだけで直角に自動接続、PNG・SVGで書き出せます。
JSON SchemaとZodを相互変換する仕組み｜requiredと.optional()の対応
JSON SchemaからZodスキーマを生成し、Zodのコードから逆にJSON Schemaを書き出す双方向変換ツールの実装を解説。requiredと.optional()で既定値が逆転している問題、formatや制約の対応表、コードを実行せずに解析する方法まで整理します。
テーブル設計からCREATE TABLE文を自動生成する仕組み｜DDLビルダー
テーブルをビジュアルに設計してCREATE TABLE文とER図を生成するDDLビルダーの実装を解説。MySQL/PostgreSQL/SQLiteの型変換ルール、JSONサンプルからのカラム推論アルゴリズムまで実例付きで整理します。
Case Converter ― camelCase・snake_case・kebab-caseを9種類まとめて一括変換
識別子や変数名をcamelCase・PascalCase・snake_case・CONSTANT_CASE・kebab-caseなど9種類の命名規則へ同時変換する方法を解説。連続大文字（HTTPServer）や数字の扱い、複数行の一括変換まで。
LLM APIコスト計算機 ― Claude・GPT・Geminiの料金を同じ条件で見積もり比較
プロンプトを貼り付けて想定出力トークン数を入れるだけで、Claude・GPT・GeminiのAPI利用コストをモデル横断で見積もる方法を解説。入力/出力の単価構造、料金の自動更新、概算の限界まで。
AI Rulesジェネレーター ― AGENTS.md・CLAUDE.md・Cursor Rulesをフォーム1回で一括生成
Claude Code・Cursor・GitHub Copilot・Windsurf・Gemini CLI のルールファイルを一括生成する方法を解説。AGENTS.md標準の背景、各ツールのファイル形式の違い、AGENTS.mdを正とした運用のメリットをまとめます。
LLMトークンカウンター ― Claude・GPT・Geminiのトークン数をブラウザで一括確認
テキストを貼り付けるだけで Claude / GPT / Gemini のトークン数を並べて確認する方法を解説。トークンの基礎、モデルごとのトークナイザーの違い、日本語のトークン効率が悪い理由、概算値の限界までまとめます。
IP/CIDR サブネット計算機 ― ネットワーク・ブロードキャスト・マスクを即算出
192.168.1.10/24 のような CIDR から、ネットワークアドレス・ブロードキャスト・利用可能ホスト数・サブネットマスク・ワイルドカードまで算出する方法と早見表を解説します。
活用事例
curlコマンドのオプション早見表｜-X -H -d の意味と落とし穴
curlの主要オプションを早見表で整理。-X と -d の関係、-d と --data-raw の違い、@ で始まる値がファイル読み込みになる罠、シングルクォートとダブルクォートの使い分け、-L や -k を安易に付けない理由まで実例で解説します。
SQLの句の評価順リファレンス｜WHEREでSELECTの別名が使えない理由
SQLは書いた順に実行されません。論理的な評価順（FROM→WHERE→GROUP BY→HAVING→SELECT→ORDER BY→LIMIT）を軸に、別名がWHEREで使えない理由、WHEREとHAVINGの使い分け、ONLY_FULL_GROUP_BY、COUNT(*)とCOUNT(列)の差、LEFT JOIN+WHEREの罠を実例で整理します。
unified diff形式の読み方リファレンス｜@@ の数字とgit diffの出力
git diffが出力するunified diff形式の読み方を整理。@@ -12,7 +12,9 @@ の4つの数字の意味、コンテキスト行、空白だけの変更が行全体の置換に見える理由、\ No newline at end of file、マージ時の @@@、リネーム検出の similarity index までを実例で解説します。
UTC⇄JST変換リファレンス｜時差9時間の早見表とタイムゾーン事故の防ぎ方
UTCに9時間足すとJST（UTC 0:00＝日本時間9:00）。早見表で整理し、ISO 8601のZと+09:00の意味、JavaScriptの日付パースでズレる条件、MySQL/PostgreSQLのタイムゾーン挙動、GitHub ActionsのcronがUTCで動く罠まで実例付きで解説します。
CREATE TABLE リファレンス｜MySQL・PostgreSQL・SQLiteの型と制約の違い
CREATE TABLE文（DDL）の書き方を3データベース横断の早見表で整理。型対応表、自動採番（AUTO_INCREMENT / IDENTITY / rowid）の方言差、外部キーのON DELETE挙動、CHECK制約が無視される罠まで実例付きで解説します。
GitHub Actions needs設計パターン集｜CIを速くする依存関係の組み方とアンチパターン
GitHub Actionsのneedsによるジョブ依存関係を、高速化パターンとアンチパターンの一覧表で整理。concurrencyによる重複実行キャンセル、fail-fast、matrix×needsの組み合わせ、再利用可能ワークフローまで実例付きで解説します。
SQL JOIN完全リファレンス｜INNER・LEFT・RIGHT・FULLの違いと結果行数の考え方
SQLのJOIN種類（INNER/LEFT/RIGHT/FULL/CROSS/SELF）を早見表と結果行数の図解で整理。1対多JOINで行が重複する理由、WHERE句とON句でNULL判定が変わる罠、複数テーブルJOINの書き方まで実例付きで解説します。
MermaidのER図（erDiagram）記法リファレンス｜リレーション記号一覧と実例
Mermaid erDiagramの書き方を網羅解説。カラスの足記法の記号一覧表、1対多・多対多の書き分け、属性・PK/FKの定義、実務で使えるEC設計の完全サンプルまで紹介します。
このサイトの目的
開発中に出てくる「どう実装するのか」「少しだけ確認したい」という場面に応えるため、技術解説と便利なツールをまとめています。
どんな人向けか
日々の作業効率を重視するエンジニア、技術キャッチアップをしたい開発者、素早く検証したい技術担当者に向けたサイトです。
なぜ役立つのか
記事で考え方を確認し、ツールでそのまま試せるため、学習から実務への移動がスムーズです。
安心して使える設計
各ツールは可能な限りブラウザ内で処理されます。入力内容をサーバーへ保存しない設計を重視しています。
ツール一覧
SQL・データベース
3件
SQL・データベース
図・可視化
4件
図・可視化
AI・LLM
3件
AI・LLM
開発・DevOps
3件
開発・DevOps
データ変換・スキーマ
8件
データ変換・スキーマ
JSON フォーマッター
JSON の整形、圧縮、検証を素早く行えます。
JSON から TypeScript
JSON から TypeScript の型定義を生成します。
JSON から Zod
サンプル JSON から Zod スキーマを推定します。
JSON から OpenAPI
JSON から OpenAPI の components.schemas を生成します。
JSON と YAML 変換
JSON と YAML を相互に変換できます。
CSV と JSON 変換
CSV と JSON を相互変換します。
JSON Schema と Zod 変換
JSON Schema と Zod を相互に変換し、required と optional の対応も確認できます。
Base64 / 58 / 32
Base64、Base58、Base32 のエンコードとデコードを行えます。