記事とツールで技術課題を即解決
開発者の「知りたい」「試したい」を最短で叶える技術情報＆ツールサイト。実践的な技術記事で知識を深め、登録不要のブラウザ完結ツールで実装をサポート。フロントエンドからバックエンドまで、日々の開発業務を加速させるためのリソースをひとまとめに提供します。
このサイトの目的
開発者が直面する「どう実装するんだっけ？」「ちょっと確認したい」という瞬間に応えるため、技術ナレッジと便利ツールを1箇所に集約しました。
調べ物の時間を短縮し、本質的な開発作業に集中できる環境を提供します。
どんな人向けか
日々の業務で効率を重視するエンジニア、技術キャッチアップをしたい開発者、手軽に検証を行いたいテックリード向け。
初学者からベテランまで、技術的な意思決定や実装の補助として活用いただけます。
なぜ役立つのか
信頼性の高い技術解説記事と、即座に動く検証ツールがセットになっているため、学習から実践への移行がスムーズです。
すべてのツールはローカルで動作するため、セキュリティを気にせず業務データを用いた検証が可能です。
他のサイトとの違い
単なるツール集でも、ブログメディアでもありません。
「記事で理解し、ツールで試す」という一連の体験を重視し、実務で使えるレベルの品質と使いやすさを追求した、エンジニアのための総合プラットフォームです。
ツール紹介
すべて見る
インフラ構成図をブラウザだけで作成する方法：コードから図を自動生成
Mermaid.jsベースのインフラ構成図ビルダーを使って、ノードと接続を定義するだけでクラウドやネットワーク構成を視覚化する方法を解説します。
SQL(DDL)からER図を自動生成する方法と活用のメリット
CREATE TABLE文などのDDLからER図を自動生成し、データベース設計を視覚化する方法について解説します。
オートメーションの極意：GitHub ActionsとCronによる自動化
モダンなCI/CDを実現するGitHub Actionsと、伝統的な定期実行ツールCron。それぞれの特徴と、複雑なワークフローをミスなく管理する方法を伝授します。
データ互換性の最適化：JSON, CSV, YAMLの使い分けと変換
現代のシステム開発で主流の3つのデータ形式。それぞれの強みを理解し、相互に変換してツール間の連携をスムーズにする方法を解説します。
開発秘話
すべて見る
再帰で解くJSON→TypeScript型変換：ライブラリに頼らない強み
APIレスポンスから瞬時に型定義を生成。外部パーサーを使わずに再帰的なアルゴリズムで軽量・高速に実装した裏側を紹介します。
安全なJWT検証環境をブラウザに。セキュリティエンジニアの視点
機密性の高いトークンを安全に扱うために。joseライブラリとローカル処理を組み合わせたJWTツールの設計思想を解説します。
QRコード生成をもっと手軽に、もっと安全に
Canvas APIとnode-qrcodeを組み合わせ、ブラウザ上でのリアルタイムな生成とプライバシー保護を両立したツールの紹介。
データ送信なしで安心。ブラウザ完結型Diffツールの開発背景
テキスト差分を安全かつ高速に比較するために、外部ライブラリを活用しつつプライバシーを最優先した設計について解説します。
ツール一覧
開発・DevOps
8 items
GitHub Actions 可視化
Actions のワークフローを可視化。依存関係を把握し、GUIでビルドできます。
SQL フォーマッター
MySQL, PostgreSQLなど多様なダイアレクトに対応したSQLクエリの整形・美化ツール。
ビジュアル SQL ビルダー
テーブルやカラムをGUIで選ぶだけで、SELECT、JOIN、WHERE句を含む複雑なSQLクエリを自動生成します。
SQL → ER 図変換
CREATE TABLE 文をパースして、テーブル間のリレーションシップを含む ER 図を自動生成して可視化します。
Curl コンバーター
cURLコマンドをPython, Node, Go, Rustなどのコードスニペットへ瞬時に変換します。
Chmod 計算機
Linuxのパーミッション（8進数・Symbolic）を視覚的に計算・変換します。
Cron設定・解析
Cron式を人間が読みやすい形式に変換し、次回実行時刻を計算します。スケジュール設定の確認やデバッグに役立ちます。
インフラ構成図メーカー
GUI操作だけでシステム構成図やネットワーク図を作成。Mermaid形式のコードと画像を即座に生成します。
データ変換・スキーマ
6 items
JSON 整形
JSONを整形または圧縮し、その場で検証できます。ペイロードの差分把握や、ログからコピペしたデータの整え直しに重宝します。
JSON → TypeScript 型生成
JSONからTypeScriptの型定義（interface）を即座に生成できます。null許容やoptionalの推論も含めた雛形を作り、型安全な開発の初期設定を素早く用意できます。
JSON → Zod スキーマ
JSONを元にZodスキーマを推論し、バリデーションに使えます。バックエンドとフロント間での契約確認や、APIモックの整備にも活用できます。
JSON → OpenAPI スキーマ
JSONからOpenAPIのコンポーネントスキーマをブラウザだけで生成します。レビュー前のたたき台をすぐ作り、共通定義の漏れを早期に見つけられます。
JSON ⇔ YAML 変換
貼り付けるだけで双方向変換ができ、コピー操作も簡単。設定ファイルのフォーマット切り替えやドキュメント同期の手戻りを減らせます。
CSV ⇔ JSON 変換
CSVとJSONを相互に変換。区切り文字の指定やヘッダーの有無、JSONの整形にも対応しています。
セキュリティ・暗号
5 items
Base64 / 58 / 32
複数のBase方式に対応し、エンコード・デコードを切り替え可能。ペイロード長やURL安全性の違いを比較しながら検証できます。
JWT ツール
ブラウザだけでHS256署名トークンを生成・デコード。秘密鍵を外へ出さずにペイロード確認や署名テストが行えます。
ハッシュ・HMAC生成
SHA-1、SHA-256、SHA-512のハッシュ値やHMAC署名を即座に生成します。ブラウザ完結で安全にデータを検証できます。
JWKS ジェネレーター
RSA 鍵ペアや公開JWKS、RS256署名付きJWTをブラウザ内で作成。キーのローテーション手順確認や動作テストに適しています。
UUID 生成
UUIDv4を生成してすぐコピーできます。