DevToolKits.app
Articles

開発記事一覧

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

活用事例
DevToolKits.app

SQLフォーマッターでレビュー前にクエリを読みやすくする実務フロー

長いSQLをレビュー前に整形し、JOIN、WHERE、GROUP BYの意図を確認しやすくする活用事例です。

活用事例
DevToolKits.app

GitHub Actionsのneeds依存をMermaidで可視化して読む方法

GitHub Actionsの複雑なworkflow YAMLを、needs依存とジョブ順序に分けて確認する活用事例です。

活用事例
DevToolKits.app

Mermaidでインフラ構成図を作るときに詰まりやすいポイント

ブラウザ上でMermaidのインフラ構成図を作るときに、ノード名、接続線、粒度をどう整理するかをまとめた活用事例です。

活用事例
DevToolKits.app

SQL DDLからMermaidのER図を作ってテーブル関係を確認する方法

CREATE TABLE文からER図を生成し、外部キー、関連テーブル、設計レビューの見落としを減らす活用事例です。

活用事例
DevToolKits.app

Visual SQL BuilderでJOINを迷わず組むためのUI設計メモ

SQL BuilderでSELECT、JOIN、WHEREを視覚的に組み立てるときに、どこで迷いやすいかを整理した活用事例です。

活用事例
DevToolKits.app

CSVとJSONを相互変換してデータ確認を楽にする活用事例

管理画面、API、スプレッドシートの間でCSVとJSONを変換し、データ確認やレビューを短くする流れを紹介します。

活用事例
DevToolKits.app

GitHub Actionsの失敗ログを可視化して原因を絞る活用事例

CIの長いログを整理し、失敗ステップ、エラーメッセージ、再実行すべき範囲を短時間で確認する実務フローです。

活用事例
DevToolKits.app

APIレスポンスからTypeScript型とZodスキーマを作る実務フロー

JSON APIのレスポンスを整形し、TypeScript型とZodスキーマへつなげる活用事例です。仕様確認、実装、レビュー前のチェックを短くする流れを紹介します。

活用事例
DevToolKits.app

JWTの期限切れとpayload確認をレビュー前に済ませる実務フロー

JWTをデコードしてexp、iat、aud、scopeを確認し、APIレビュー前の認証まわりの見落としを減らす活用事例です。

活用事例
DevToolKits.app

正規表現を作る前にテキストでパターンを検証する活用事例

ログ、フォーム入力、置換対象のテキストを使って正規表現を確認し、実装前のミスを減らす実務フローです。

活用事例
DevToolKits.app

URLパラメータをJSON化してAPI調査を早くする活用事例

長いクエリ文字列をJSONに変換し、検索条件やフィルタ条件、ページング指定を読みやすく整理してAPI調査を進める実務フローです。

ツール紹介
DevToolKits.app

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

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

広告

広告