本文へスキップ
Articles

開発記事一覧

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

ツール紹介
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やテキストを読み取り、公開前チェックや安全確認に使う方法を解説します。

広告

広告