ツール紹介
ツール紹介 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 のトークン数を並べて確認する方法を解説。トークンの基礎、モデルごとのトークナイザーの違い、日本語のトークン効率が悪い理由、概算値の限界までまとめます。
活用事例
活用事例 MermaidのER図(erDiagram)記法リファレンス|リレーション記号一覧と実例
Mermaid erDiagramの書き方を網羅解説。カラスの足記法の記号一覧表、1対多・多対多の書き分け、属性・PK/FKの定義、実務で使えるEC設計の完全サンプルまで。
活用事例 エンコード・ハッシュ・暗号化の違いと使い分け:開発者が混同しやすい3つを整理
Base64エンコード、SHA-256などのハッシュ、暗号化はよく混同されますが目的が全く違います。3つの違いを比較表と具体例で整理し、用途ごとの正しい選び方を解説します。
活用事例 SQLフォーマッターでレビュー前にクエリを読みやすくする実務フロー
長いSQLをレビュー前に整形し、JOIN、WHERE、GROUP BYの意図を確認しやすくする活用事例です。
活用事例 GitHub Actionsのneeds依存をMermaidで可視化して読む方法
GitHub Actionsの複雑なworkflow YAMLを、needs依存とジョブ順序に分けて確認する活用事例です。
開発ストーリー
開発ストーリー インフラ構成図、気づいたら誰もメンテしてない問題について
「えっ、あの間にサーバー1台挟まってなかった?」というエンジニアリング界隈のホラー体験をなくすために、Mermaidで構成図を即座に描画するツールを作りました。
開発ストーリー GitHub ActionsのYAMLが魔境と化したので、可視化ツールを作った話
「どのジョブが原因でデプロイ遅いねん!」増え続ける依存関係(needs)に人間の目が追いつかなくなり、たまらずCI/CDのフローチャート化ツールを自作しました。
開発ストーリー 駆け出しの頃の自分に教えたい。JOINで泣かないSQLビルダー開発の裏側
「LEFT JOINってどう繋ぐんだっけ…」ORM漬けの現代エンジニアが、たまに書く生SQLの構文エラーで絶望しないためのノーコードツールを作りました。
開発ストーリー 再帰で解くJSON→TypeScript型変換:ライブラリに頼らない強み
APIレスポンスから瞬時に型定義を生成。外部パーサーを使わずに再帰的なアルゴリズムで軽量・高速に実装した裏側を紹介します。
このサイトの目的
開発中に出てくる「どう実装するのか」「少しだけ確認したい」という場面に応えるため、技術解説と便利なツールをまとめています。
どんな人向けか
日々の作業効率を重視するエンジニア、技術キャッチアップをしたい開発者、素早く検証したい技術担当者に向けたサイトです。
なぜ役立つのか
記事で考え方を確認し、ツールでそのまま試せるため、学習から実務への移動がスムーズです。
安心して使える設計
各ツールは可能な限りブラウザ内で処理されます。入力内容をサーバーへ保存しない設計を重視しています。
ツール一覧
AI・LLM
3 items
開発・DevOps
8 items
GitHub Actions 可視化
GitHub Actions の workflow YAML を図として確認できます。
SQL フォーマッター
SQLを読みやすく整形し、レビューや調査をしやすくします。
ビジュアル SQL ビルダー
SELECT、JOIN、WHERE などを画面操作で組み立てられます。
SQL から ER 図
CREATE TABLE 文から Mermaid の ER 図を生成します。
cURL コンバーター
cURL コマンドを Python、Node.js、Go、Rust などのコードに変換します。
chmod 計算機
Linux の権限を数値表記と rwx 表記で確認できます。
Cron エディタ・解析
Cron 式を読みやすい説明と次回実行予定に変換します。
インフラ構成図ビルダー
構成情報からシステム構成図やネットワーク図を作成できます。