devtools-hub

Web開発の定番作業を「手順ガイド付き」でブラウザだけで進められる無料ツール集。JSONの型生成・API・正規表現・CSS・カラー・画像最適化など125以上のツールと、各ステップで使うツールに直接たどれる手順ガイドを公開。登録不要。入力したファイル・テキストは外部に送信しません。

開発ツールTypeScript · CSSGitHub @kanazaokiオンライン所有者未確認

プロジェクトを見る GitHub

Have you tried it? One tap is enough. No sign-in needed.

接続状況: オンライン; 30日間の稼働率 100%
コードの最終更新: 10月29日; 更新中のリポジトリ
最新バージョン: なし
貢献者: 1; フォーク 0
nomorevibe への掲載日: 11月2日; リポジトリ作成 2026年6月

Languages

TypeScript 99.8%
CSS 0.1%
JavaScript 0%
HTML and others 0.1%

Updates0 updates

All

No updates detected yet. GitHub releases will appear here.

Comments

Newest first

···

GitHub issue delivery settings

Checking sign-in status.

Loading comments.

情報

Operator: @kanazaoki ↗GitHub repository owner
Website: devtools-hub.dev ↗
Repository: kanazaoki/devtools-hub ↗公開 · 更新中
Site and repository: Disconnected
Category: 開発ツール
利用方法: Website
Technology stack: TypeScript
Information refreshed: 11月10日GitHub

Site preview image

Do you operate this project?

Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.

Organization repository · verify with a repository file

Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.

If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.

Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.

Verify in one minute

Ask about other verification options

Request an introduction correction or removal

devtools-hub

開発ツールTypeScript · CSSGitHub @kanazaokiオンライン所有者未確認

プロジェクトを見る GitHub

Have you tried it? One tap is enough. No sign-in needed.

接続状況: オンライン; 30日間の稼働率 100%
コードの最終更新: 10月29日; 更新中のリポジトリ
最新バージョン: なし
貢献者: 1; フォーク 0
nomorevibe への掲載日: 11月2日; リポジトリ作成 2026年6月

Languages

TypeScript 99.8%
CSS 0.1%
JavaScript 0%
HTML and others 0.1%

Updates0 updates

All

No updates detected yet. GitHub releases will appear here.

Comments

Newest first

···

GitHub issue delivery settings

Checking sign-in status.

Loading comments.

情報

Operator: @kanazaoki ↗GitHub repository owner
Website: devtools-hub.dev ↗
Repository: kanazaoki/devtools-hub ↗公開 · 更新中
Site and repository: Disconnected
Category: 開発ツール
利用方法: Website
Technology stack: TypeScript
Information refreshed: 11月10日GitHub

Site preview image

Do you operate this project?

Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.

Organization repository · verify with a repository file

If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.

Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.

Verify in one minute

Ask about other verification options

Request an introduction correction or removal

ツール	機能
Box Shadow Generator	box-shadow をスライダーで生成・複数レイヤー対応
CSS Text Shadow Generator	text-shadow を最大5レイヤーで生成・グロー/ネオン/プリセット付き
CSS Filter Generator	9種フィルターをスライダー調整してコード生成
CSS Animation Builder	@keyframes をGUIで組み立て・リアルタイムプレビュー
CSS Grid Generator	columns/rows/gap/areas をGUI操作でCSS Grid生成
CSS Flexbox Generator	全flexプロパティ＋アイテム個別設定・プレビュー付き
CSS Transform Explorer	translate/rotate/scale/skew・3Dモード対応
CSS Clip-Path Generator	polygon/circle/ellipse をビジュアル操作で生成・8種プリセット
CSS Mask Generator	6方向 mask-image グラデーション・3レイヤー対応
CSS Pattern Generator	ストライプ/グリッド/ドット/チェッカーを純CSSで生成
CSS Specificity Calculator	セレクターの詳細度を (a,b,c) で計算・8本比較
CSS Variable Inspector	--変数名を抽出してカラーピッカー/スライダーで編集
CSS Stacking Inspector	z-index とスタッキングコンテキストをツリー表示
Bezier Curve Editor	cubic-bezier を4制御点でドラッグ編集・プリセット付き

ツール	機能
Color Deck	HEX/RGB/HSL/HSV/RGBA float 変換＋パレット保存
Gradient Deck	linear/radial/conic グラデーションエディタ
Color Palette Generator	ベースカラーから5種のカラーハーモニーを自動生成
Color Shade Generator	Tints/Shades/Tones・CSS変数/Tailwind形式で出力
Color Contrast Checker	WCAG 2.1 コントラスト比チェック・AA/AAA 判定
Color Blindness Simulator	5種の色覚シミュレーション・WCAG コントラスト比判定
Color Token Generator	カラーパレットを CSS変数 / Tailwind / SCSS / JSON トークンで一括出力

ツール	機能
JSON Studio	JSON フォーマット・バリデート・ソート・Minify
JSON to TypeScript	JSON → TypeScript interface 自動生成
JSON Path Tester	JSONPath 式のリアルタイムテスト
YAML / JSON / TOML Converter	3形式のリアルタイム相互変換
HTML to JSX	HTML → React/JSX 変換（class→className など）
Markdown Table Generator	GUI でMarkdownテーブルを作成・CSVインポート対応
JSON Schema Validator	JSON と JSON Schema を並べてリアルタイムバリデーション
cURL to Code	cURL コマンドを fetch / axios / Python requests / wget に自動変換

ツール	機能
Regex Studio	正規表現リアルタイムテスター・マッチハイライト
Diff Viewer	2テキストの差分を Unified/Split 表示
Text Case Converter	camelCase/snake_case など8形式を相互変換
Lorem Ipsum Generator	段落・単語・文字数でダミーテキスト生成
Character Counter	文字・単語・バイト数・読了時間・原稿用紙換算
String Inspector	Unicode コードポイント・UTF-8バイト数・文字種を可視化
Text Layout Checker	フォントサイズ・行間・文字間隔をスライダーでプレビュー

ツール	機能
Base64 Studio	Base64 エンコード/デコード（テキスト・画像対応）
URL Encoder/Decoder	URLパーセントエンコード/デコード・クエリパラメータパース
HTML Entity Encoder	HTML特殊文字のエンティティ変換/復元
Number Base Converter	2進/8進/10進/16進相互変換＋ビットビューア
Timestamp Converter	Unix タイムスタンプ ↔ 日時変換・タイムゾーン対応
CSS Unit Converter	px/rem/em/vw/vh/pt/cm/mm の相互変換
Aspect Ratio Calculator	幅・高さからアスペクト比を算出・逆算
Typography Scale Generator	Modular Scale を計算・CSS変数/px/rem で出力

devtools-hub

Languages

Updates0 updates

Comments

devtools-hub

Languages

Updates0 updates

Comments

Introduction

README

DevTools Hub 🛠️

ツール一覧（70本）

CSS系

カラー系

JSON・データ変換系

テキスト・文字列系

エンコード・変換系

セキュリティ・認証系

README

README

DevTools Hub 🛠️

ツール一覧（70本）

CSS系

カラー系

JSON・データ変換系

テキスト・文字列系

エンコード・変換系

セキュリティ・認証系

ツール	機能
JWT Decoder	JWT のヘッダー/ペイロード/署名デコード・有効期限表示
Hash Studio	MD5/SHA-1/SHA-256/SHA-512 ハッシュ生成・検証
Password Generator	文字種・長さ指定でパスワード生成・強度メーター付き

devtools-hub

Languages

Updates0 updates

Comments

Trending in 開発ツール

devtools-hub

Languages

Updates0 updates

Comments

Trending in 開発ツール

Introduction

README

DevTools Hub 🛠️

ツール一覧（70本）

CSS系

カラー系

JSON・データ変換系

テキスト・文字列系

エンコード・変換系

セキュリティ・認証系

README

README

DevTools Hub 🛠️

ツール一覧（70本）

CSS系

カラー系

JSON・データ変換系

テキスト・文字列系

エンコード・変換系

セキュリティ・認証系