本文へスキップ
高速・軽量

記事とツールで、開発をもっと速く

実務で使える技術記事と、ブラウザですぐ使える開発ツールをひとつに。調べる、試す、実装する流れを軽くして、日々の開発を前に進めます。

ツール紹介

すべて見る
ツール紹介
DevToolKits.app

JSON SchemaとZodを相互変換する仕組み|requiredと.optional()の対応

JSON SchemaからZodスキーマを生成し、Zodのコードから逆にJSON Schemaを書き出す双方向変換ツールの実装を解説。requiredと.optional()で既定値が逆転している問題、formatや制約の対応表、コードを実行せずに解析する方法まで整理します。

ツール紹介
DevToolKits.app

テーブル設計からCREATE TABLE文を自動生成する仕組み|DDLビルダー

テーブルをビジュアルに設計してCREATE TABLE文とER図を生成するDDLビルダーの実装を解説。MySQL/PostgreSQL/SQLiteの型変換ルール、JSONサンプルからのカラム推論アルゴリズムまで実例付きで整理します。

ツール紹介
DevToolKits.app

Case Converter ― camelCase・snake_case・kebab-caseを9種類まとめて一括変換

識別子や変数名をcamelCase・PascalCase・snake_case・CONSTANT_CASE・kebab-caseなど9種類の命名規則へ同時変換する方法を解説。連続大文字(HTTPServer)や数字の扱い、複数行の一括変換まで。

ツール紹介
DevToolKits.app

LLM APIコスト計算機 ― Claude・GPT・Geminiの料金を同じ条件で見積もり比較

プロンプトを貼り付けて想定出力トークン数を入れるだけで、Claude・GPT・GeminiのAPI利用コストをモデル横断で見積もる方法を解説。入力/出力の単価構造、料金の自動更新、概算の限界まで。

ツール紹介
DevToolKits.app

AI Rulesジェネレーター ― AGENTS.md・CLAUDE.md・Cursor Rulesをフォーム1回で一括生成

Claude Code・Cursor・GitHub Copilot・Windsurf・Gemini CLI のルールファイルを一括生成する方法を解説。AGENTS.md標準の背景、各ツールのファイル形式の違い、AGENTS.mdを正とした運用のメリットをまとめます。

ツール紹介
DevToolKits.app

LLMトークンカウンター ― Claude・GPT・Geminiのトークン数をブラウザで一括確認

テキストを貼り付けるだけで Claude / GPT / Gemini のトークン数を並べて確認する方法を解説。トークンの基礎、モデルごとのトークナイザーの違い、日本語のトークン効率が悪い理由、概算値の限界までまとめます。

ツール紹介
DevToolKits.app

IP/CIDR サブネット計算機 ― ネットワーク・ブロードキャスト・マスクを即算出

192.168.1.10/24 のような CIDR から、ネットワークアドレス・ブロードキャスト・利用可能ホスト数・サブネットマスク・ワイルドカードを計算する方法と早見表を解説します。

ツール紹介
DevToolKits.app

HEX・RGB・HSLを変換してコントラストを確認する方法

HEX、RGB、HSLの色指定を相互変換し、UIデザインやCSS実装でコントラスト比を確認する方法を解説します。

活用事例

すべて見る
活用事例
DevToolKits.app

curlコマンドのオプション早見表|-X -H -d の意味と落とし穴

curlの主要オプションを早見表で整理。-X と -d の関係、-d と --data-raw の違い、@ で始まる値がファイル読み込みになる罠、シングルクォートとダブルクォートの使い分け、-L や -k を安易に付けない理由まで実例で解説します。

活用事例
DevToolKits.app

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の罠を実例で整理します。

活用事例
DevToolKits.app

unified diff形式の読み方リファレンス|@@ の数字とgit diffの出力

git diffが出力するunified diff形式の読み方を整理。@@ -12,7 +12,9 @@ の4つの数字の意味、コンテキスト行、空白だけの変更が行全体の置換に見える理由、\ No newline at end of file、マージ時の @@@、リネーム検出の similarity index までを実例で解説します。

活用事例
DevToolKits.app

UTC⇄JST変換リファレンス|時差9時間の早見表とタイムゾーン事故の防ぎ方

UTCとJSTの変換を早見表で整理。ISO 8601のZと+09:00の意味、JavaScriptの日付パースでズレる条件、MySQL/PostgreSQLのタイムゾーン挙動、GitHub ActionsのcronがUTCで動く罠まで実例付きで解説します。

活用事例
DevToolKits.app

CREATE TABLE リファレンス|MySQL・PostgreSQL・SQLiteの型と制約の違い

CREATE TABLE文(DDL)の書き方を3データベース横断の早見表で整理。型対応表、自動採番(AUTO_INCREMENT / IDENTITY / rowid)の方言差、外部キーのON DELETE挙動、CHECK制約が無視される罠まで実例付きで解説します。

活用事例
DevToolKits.app

GitHub Actions needs設計パターン集|CIを速くする依存関係の組み方とアンチパターン

GitHub Actionsのneedsによるジョブ依存関係を、高速化パターンとアンチパターンの一覧表で整理。concurrencyによる重複実行キャンセル、fail-fast、matrix×needsの組み合わせ、再利用可能ワークフローまで実例付きで解説します。

活用事例
DevToolKits.app

SQL JOIN完全リファレンス|INNER・LEFT・RIGHT・FULLの違いと結果行数の考え方

SQLのJOIN種類(INNER/LEFT/RIGHT/FULL/CROSS/SELF)を早見表と結果行数の図解で整理。1対多JOINで行が重複する理由、WHERE句とON句でNULL判定が変わる罠、複数テーブルJOINの書き方まで実例付きで解説します。

活用事例
DevToolKits.app

MermaidのER図(erDiagram)記法リファレンス|リレーション記号一覧と実例

Mermaid erDiagramの書き方を網羅解説。カラスの足記法の記号一覧表、1対多・多対多の書き分け、属性・PK/FKの定義、実務で使えるEC設計の完全サンプルまで。

このサイトの目的

開発中に出てくる「どう実装するのか」「少しだけ確認したい」という場面に応えるため、技術解説と便利なツールをまとめています。

どんな人向けか

日々の作業効率を重視するエンジニア、技術キャッチアップをしたい開発者、素早く検証したい技術担当者に向けたサイトです。

なぜ役立つのか

記事で考え方を確認し、ツールでそのまま試せるため、学習から実務への移動がスムーズです。

安心して使える設計

各ツールは可能な限りブラウザ内で処理されます。入力内容をサーバーへ保存しない設計を重視しています。

ツール一覧

AI・LLM

3件

開発・DevOps

9件

データ変換・スキーマ

6件

セキュリティ・証跡

5件

テキスト・コード補助

5件

URL・QR・ネットワーク

5件

デザイン・UI

2件

日付・時刻

3件