本文へスキップ
Articles

開発記事一覧

開発ツールの使い方、実装のヒント、技術解説、デバッグやデータ変換の実務フローをまとめた記事一覧です。

活用事例
DevToolKits.app

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

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

ツール紹介
DevToolKits.app

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

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

活用事例
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

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

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

活用事例
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

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

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

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

ツール紹介
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

エンコード・ハッシュ・暗号化の違いと使い分け:開発者が混同しやすい3つを整理

Base64エンコード、SHA-256などのハッシュ、暗号化はよく混同されますが目的が全く違います。3つの違いを比較表と具体例で整理し、用途ごとの正しい選び方を解説します。

ツール紹介
DevToolKits.app

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

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

ツール紹介
DevToolKits.app

QRコードを読み取って中身を確認する方法:画像・スクリーンショットのURL確認

QRコード画像やスクリーンショットからURLやテキストを読み取り、公開前チェックや安全確認に使う方法を解説します。

ツール紹介
DevToolKits.app

文字数カウントとテキスト変換の使い方:HTMLエスケープや空白整理をまとめて確認

文章やコード片の文字数、行数、空白、HTMLエスケープを確認し、ドキュメントや開発作業で使いやすいテキストに整える方法を解説します。

ツール紹介
DevToolKits.app

ミリ秒・秒・分・時間を変換する方法:タイムアウトやTTL設定の確認

ms、秒、分、時間、日を相互変換し、APIタイムアウト、キャッシュTTL、監視間隔の設定ミスを防ぐ考え方を解説します。

ツール紹介
DevToolKits.app

URLエンコード・デコードの使い方:日本語URLやクエリ文字列を安全に扱う

URLエンコードとデコードの基本、%E3%81%82 のような文字列の読み方、クエリパラメータ確認時の注意点を解説します。

ツール紹介
DevToolKits.app

URLパラメータをJSONで確認する方法:UTMとAPIクエリの見落としを減らす

長いURLのクエリパラメータをJSONとして整理し、UTM、検索条件、APIリクエストのキーと値を確認する方法を解説します。

ツール紹介
DevToolKits.app

SQLビルダーでSELECT・JOINクエリを視覚的に作成する方法

SQLビルダーを使ってSELECT、WHERE、JOINをブラウザ上で組み立てる方法を解説。値の自動クォート判定の仕組み、JOINの使い分け表、複数テーブル結合の書き方まで実例付きで整理します。

ツール紹介
DevToolKits.app

CSVとJSONを相互変換する方法:API連携・データ移行での使い分け

表形式のCSVと構造化データのJSONを安全に変換するための考え方、ヘッダー行、区切り文字、型の扱い、実務での注意点を解説します。

ツール紹介
DevToolKits.app

JSON整形・検証の基本:APIレスポンスを読みやすく安全に確認する方法

APIレスポンスやログに含まれるJSONを整形し、構文エラーを見つけ、型生成やスキーマ化へつなげる実務的な確認手順を解説します。

ツール紹介
DevToolKits.app

インフラ構成図をブラウザで作成する方法|Mermaid対応

サーバー、DB、ネットワークの構成をGUIで整理し、Mermaidコードや画像として出力する方法を解説します。

ツール紹介
DevToolKits.app

SQL DDLからER図を自動生成する方法|CREATE TABLEを可視化

CREATE TABLEのSQL DDLからMermaid ER図を自動生成する仕組みを解説。PRIMARY KEY/FOREIGN KEYの抽出ルール、カラム型の扱い、対応していないDDLパターンまで実例付きで整理します。

ツール紹介
DevToolKits.app

JSONエコシステム入門:整形・型生成・バリデーション・API定義を実例でつなぐ

JSONを起点にTypeScript型、Zodによる実行時バリデーション、OpenAPI定義へと展開する一連の流れを、実際のコード例でつなげて解説。型安全なAPI開発の全体像がわかります。

ツール紹介
DevToolKits.app

JWTセキュリティ徹底解説:攻撃手法・JWKS・本番運用のベストプラクティス

JWTのセキュリティを深掘り。alg:none攻撃、アルゴリズム混同、JWKSによる鍵管理、トークン失効の戦略、本番環境向けのセキュリティチェックリストを解説します。

ツール紹介
DevToolKits.app

実務で使う正規表現レシピ集:コピペで使える検索・置換パターン

メールアドレス・URL・日付・全角空白の除去など、現場で頻出する正規表現パターンを実例付きで紹介。テキスト整形やエスケープなど周辺のテキスト処理もまとめて解説します。

広告

広告